/* ISMCPI main CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:1.3em;
	text-align: center;
	color: #333;
	border-width: 0px;
	background-color: #D6D6D6;
	background-image: url(/images/linen_blue.jpg); }

#container {
	margin: 1em auto;
	width: 850px;
	text-align: left;
	background-color: #fff;
	border: solid 1px #676767;}
	
#header {
	height: 120px;
	background-image: url(/images/ismcpi-M2008-RGB.jpg);
	background-repeat: no-repeat;
	background-position: left;
	position: relative;
	text-align: center;
	margin: 0;}
	
#webadvt { 	padding: 5px 0 0 130px;
			text-align: left;
			border:0;}
a img { border: none; }
			
/*Ad HTML
		
	<div id="webadvt" >
	<img src="/images/CCTV-Web-Ad.jpg" alt="CCTV Directions Forum" />
	</div>
		
*/
	
#mainnav {
	height: 35px; /*Height of top section*/
	padding:0px 0px 22px 0px; }	
	
#contents { 
	margin: 0px 230px 40px 20px; }
	
#widecontents  { 
	margin: 0px 20px 40px 20px;}
	
#splitcontentsleft { 
	margin: 0 390px 40px 20px; }
	
#splitcontentsleft p { 
	margin: 10px 0 10px 0;}
.borderbase {	
	border-bottom: solid 1px #66CCCC;  }

#splitcontentsleft .tinygrey { 
	margin: 0 0 15px 0; }
	
#splitcontentsright {
	float: right;
	width: 350px;
	border-left: solid 1px #66CCCC;
	padding-left: 15px;
	padding-right: 15px; }

#splitcontentsright p { 
	margin-top:0.6em;
	margin-bottom:0.1em;}
	
#splitcontentsright ul {
	margin: 10px 35px 0 25px;
	padding-left: 0;
	list-style-type: none; }

#splitcontentsright li {
	background-image: url(/graphics/bullets/sq5_rd.gif);
	background-repeat: no-repeat;
	background-position: .1em .1em;
	padding-left: 1em;}
	
	
/* Menu CSS */
	
#menu {
	float: right;
	width: 185px;
	border-left: solid 1px #66CCCC;
	padding-left: 15px;
	padding-right: 20px;
	min-height: 300px; }
	
#menu ul {
		display: block;	margin: 0; padding: 0; list-style-type: none;}

#menu li {
	background-image: url(/graphics/bullets/sq5_rd.gif);
	background-repeat: no-repeat;
	background-position: 0 .15em;
	padding-left: .8em;
	margin:0 0 2px 0 ;}

#menu a:link 	{ color: #CC0033; text-decoration:none;}
#menu a:visited { color: #CC0033; text-decoration:none;}
#menu a:active 	{ color: #CC0033; text-decoration:none;}
#menu a:hover 	{ color: #CC0033; text-decoration:underline;}

.menuhighlight 	{ text-align: left; background-color: #FFE38C; width:200px;}
.menubullethighlight { text-align: center; width:9px; background-color: #FFE38C;}

.menugroup 	{ text-align: center;}
.menuhead 	{ font-weight: bold; color: #EAEAFF; background-color: #0583AA; text-align: center;}
.menulink 	{ text-align: left; width:200px;}
.menubullet { text-align: center; width:9px;}	
			
/* Hyperlinks */
a:link 		{ color: #CC0033; text-decoration:none;}
a:visited 	{ color: #CC0033; text-decoration:none;}
a:active 	{ color: #CC0033; text-decoration:none;}	
a:hover 	{ color: #CC0033; text-decoration:underline;}

/* Lists */
.maincopy ul {	
	display: block;	
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px 0;
}

.maincopy ol {	
	list-style-type: decimal ;		
	font: italic  Georgia, Times, serif;
	padding: 0;
	margin:  0 10px 10px 0;
}

.maincopy ol li {	
	padding: 0;
	margin:  0 10px 10px 0;
}

.maincopy ol p {
  font: normal  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0 0 10px 0;
}


.maincopy li {
	background-image: url(/graphics/bullets/sq5_bl.gif);
	background-repeat: no-repeat;
	background-position: 0em .152em;
	padding-left: 1em;}

.breadcrumb ul {
	list-style-type: none;
	text-align: left;
	margin: 1em 0;
	padding: 0px;
	font-size: 95%;	
	font-weight: bold;}

.breadcrumb li {
	display: inline;
	padding: 0 0 0 10px;}

.breadcrumb li.fkey 	{
	font-weight: normal;
	font-style: italic;}
	
.numlist{
	border-bottom: solid 1px #66CCCC;}
	
.numlist ol li {
	list-style-type:decimal;
	font-size:95%;
	padding: 0px;
	margin: 1em 0;}

/* Headings */	
h1 {	color: #CC0033;	font-size:140%;	font-weight: bold; margin: 0 0 8px 0;}
h2	{	color: #1958B7;	font-size:120%;	font-weight: bold; margin: 0 0 8px 0;}	
h2 a { 	text-decoration: none; }
h3	{	color: #1958B7;	font-size:100%;	font-weight: bold; margin: 0;}
h4	{	color: #CC0000;	font-size:100%;	font-weight: bold; margin: 10px 0 10px 0;}

#header h1 {
	font-size: 1px;
	text-align: right;
	color: #fff;
	margin: 0;
	padding: 0;
}

em {color: #CC0033;	font-weight: bold; 
}
/* End Headings */	

/* Copy */

.maincopy { 	margin: 0 0 15px 0; border-bottom: solid 1px #66CCCC; }
.maincopy p { 	margin: 0 0 10px 0; }
.intro	{		margin: 25px 70px 25px 70px; border-bottom: solid 1px #66CCCC; text-align: center; font-size:110%; background-color: #FFE38C;}
.intro p { 		margin-top: 10px; }
.author {		font-size:90%; font-style: italic;color: #1958B7; }

.righttext {	text-align: right;}
.infohead {		color: #1958B7;	font-weight: bold;}
.redtext { 		color: #990000;}
.tinygrey {		font-size: 85%;	color: #676767;}
.tinyred {		font-size: 80%;	color: #990000;}
.BoldRed { 		font-weight: bold; color:#CC0000;}
.avshowerror {	font-size: 11px; font-weight: normal; color: #CC0000; text-align: left;}		

.avshowerrorfldnm {
		font-size: 11px;
		font-weight: bold;
		color: #CC0000;
		text-align: left;
		}
	
#filler {		height: 40px;}

.HR5 { 	color: #9BB1DA; height: 1px;}

/*use this ID to block display <input type="text" name="email" id="webdisplay"> */
#webdisplay {	display: none;} 
	
.imagefloat
	{
	float: right;
	padding: 2px;
	border: solid 1px #66CCCC;
	margin: 0 0 10px 15px; }

.imagehead
	{
	float: right;
	padding: 2px;}



#SSL 	{
	clear: both;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-size: 70%; 
	font-weight: normal;}

#SSL a.background:link { 	color: #ffffff; text-decoration:underline;}

#SSL a.background:hover {	color: #FFCC00;	text-decoration:underline;}

#SSL a.background:visited {	color: #ffffff;	text-decoration:none;}

#SSL a.background:active {	color: #FFCC00;	text-decoration:underline;}
	


#loginstatus 	{
	position: absolute;
	font-size: 70%; 
	color: #003399;
	right: 10px;
	top: 100px;
	font-weight: normal;}

#skipmenu 	{
	position: absolute;
	right: 10px;
	top: 90px;
	font-weight: bold; 	}
	
#skipmenu a {		color: #B52C07;	text-decoration: none;}
#skipmenu a:hover {	color: #fff; background-color: #B52C07; text-decoration: none; }

#viewerror { 
	margin: 0 20px 40px 20px;}

.errorhead	{
	color: #CC0000;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 2px 0;}
	
.ErrorMessage { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-weight: Normal; 
   color:#990000;}

.FAQ {
   font-weight: Bold; 
   color:#CC0033;
   margin: 10px 0 0  0;}
   
.FAQ_Heading {
	font-weight: Bold; 
	color:#0000CC;
	margin: 0 0 10px 0;
	background-image: url(/images/icons/sq_rd.gif);
	background-repeat: no-repeat;
	background-position: .0em .45em;
	padding-left: .8em;}
	
.FAQ_Title {
	font-weight: Bold; 
	color:#0000CC;
	margin: 5px 0 5px 0;}

a.FAQ_Title:link { 		color: #0000CC; font-weight: Bold; text-decoration:none; }
a.FAQ_Title:visited {	color: #000000; text-decoration:none;}
a.FAQ_Title:active  {	color: #000000;	text-decoration:none;}
a.FAQ_Title:hover   {	color:#0000CC; text-decoration:underline;}  
			
.buttonleft { 	text-align: left;}
.buttonmid { 	text-align: center;}
.buttonright { 	text-align: right;}


/* Tables */

table{ 	display: table;
		margin: 0;}

tbody{	vertical-align: top;}

.formtable {
	border-style: none;
	border-width: 0px;
	background-color: #D9E3FF;
	vertical-align: top;}
	
input	{
	font-size: 90%;
	text-align: left;}

.forminput {
	border-bottom: dotted 1px #0583AA;
	border-left: solid 1px #0583AA;}

.formprompts {
	border-bottom: dotted 1px #0583AA;
	font-size: 90%;
	text-align: right;
	vertical-align: top;
	color: #054CA4;}
	

	
textarea    {
	background-color: #FFFFFF;
	cursor: auto;
	color: #000000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ! important;
	border: solid 1px #1958B7;
	height: auto;
	margin-top:0;}	

.formrequired {
	border-bottom: dotted 1px #0583AA;
	font-size: 90%;
	text-align: right;
	color: #990000;}

.forminfotext {
	border-left: solid 1px #0583AA;
	border-bottom: dotted 1px #0583AA;
	font-weight: bold;}

.formbutton {
	text-align: right;
	border: none; 
	background-color: #FFFFFF;}
.formbuttoncenter {
	text-align: center;}

.formbuttonleft {
	text-align: left;}

.formconditionsinput {
	border-bottom: dotted 1px #0583AA;
	font-size: 80%;
	border-left: solid 1px #0583AA;
	background-color: #FFFFFF;}

.formconditionsprompts {
	border-bottom: dotted 1px #0583AA;
	text-align: right;
	background-color: #FFFFFF;}

select.formfield      {
	background-color:#FFFFFF; 
	cursor: auto; 
	color:#000000; 
	border: solid 1px #1958B7;}

input.formfield {
	background-color: #FFFFFF;
	cursor: auto;
	color: #000000;
	border: solid 1px #1958B7;
	height: auto;
	margin:0 0 1px 0 ;}
	
input.formfieldhide2c {
	background-color:#EAEAFF; 
	cursor:auto; 
	font-size:10px; 
	color: #999999; 
	border-style:none; 
	border-color:#EAEAFF;
	height:auto; 
	margin-top:0;
	}
	
textarea.formfield    {
	background-color: #FFFFFF;
	cursor: auto;
	color: #000000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ! important;
	font-size: 100%;
	border: solid 1px #1958B7;
	height: auto;
	margin-top:0;}


hr { color: #1B3D35 }

.hr1 {
	color: #054CA4;}

.linkbutton { 
	border: none;}


.formsupport {
	font-size: 80%;}

.resultstable {
	border-style: none;
	border-width: 0px;}
	
.resultshead {
	border-bottom: dotted 1px #0583AA;
	text-align: left;
	color: #EAEAFF;
	font-weight: bold;
	background-color: #1958B7;
	border: solid 1px #1958B7;}

.resultsdetail {
	border:solid 1px #D9E3FF;
	font-weight: bold;
	text-align: right;
	color: #0583AA;}

.resultsinfo {
	border:solid 1px #D9E3FF;}

.resultsnextprevious {
	color: #333333;
	font-size: x-small;
	background-color: #D9E3FF;
	text-align: left;}

.resultsprevious {
	color: #333333;
	font-size: x-small;
	background-color: #D9E3FF;
	text-align: left;}
	
.resultscenter {
	color: #333333;
	font-size: x-small;
	background-color: #D9E3FF;
	text-align: center;}

.resultsnext {
	color: #333333;
	font-size: x-small;
	background-color: #D9E3FF;
	text-align: right;}

a.resultsnext:link {	font-weight: bold; color: #0000CC; text-decoration:none;}
a.resultsnext:visited {	font-weight: bold; color: #003366; text-decoration:none;}
a.resultsnext:active {	font-weight: bold; color: #003366; text-decoration:none;}
a.resultsnext:hover {	font-weight: bold; color: #3366FF; text-decoration:none;}
	
a.resultslink:link {	font-weight: bold; color: #0000CC; text-decoration:none;}
a.resultslink:visited {	font-weight: bold; color: #0000CC; text-decoration:none;}	
a.resultslink:active {	font-weight: bold; color: #0000CC; text-decoration:none;}
a.resultslink:hover { 	font-weight: bold; color: #3366FF; text-decoration:none;}

a.formsupport:link { 	color: #0583AA; text-decoration:none; }
a.formsupport:visited { color: #0583AA; text-decoration:none; }
a.formsupport:active  { color: #0583AA; text-decoration:none;}		
a.formsupport:hover   { color: #CC0000; text-decoration:underline;}  

.hrthin {color: #0583AA; height: 1px;}




/* ISMCPI Mini Calendar CSS */
#calendar {
		margin: 0 0 15px 0; 
		text-align: center;	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:100%;
		line-height:1.4em;}
.month{ 			font-size: 110%; font-weight: bold;	color: #1958B7; }

#calendar table	{
		margin: 5px 0 0 0;
		background-color:#9BB1DA; 
		border: none; 
		border-spacing: 1px; 
		padding: 3px;}
		
#calendar td{ 	width: 26px; font-size: 90%;}
		
.calnav{ 		background-color:#9BB1DA;}	

#calendar a:link 	{	color: #000000; text-decoration:none;}
#calendar a:visited { 	color: #000000; text-decoration:none;}
#calendar a:active 	{	color: #000000;	text-decoration:none;}
#calendar a:hover 	{	color: #CC0000;	text-decoration:underline;}

.nextprev { 		font-size: 90%; font-weight: bold;}

.dayheadweekday { 	color: #FFFFFF; font-weight: bold; background-color:#1958B7;}
.dayheadweekend { 	color: #000000; font-weight: bold; background-color:#C0C0C0;}
.darknumbers { 		color: #000000;}
.graynumbers { 		color: #999999;}

.celltoday { 		color: #000000; background-color:#FFE38C;}
.cellnormal { 		color: #000000; background-color:#FFFFFF;}
.cellcurrent {  	color: #000000; background-color:#E9EFF8;}
.cellweekend { 		color: #000000; background-color:#C0C0C0;}

.datelink   {		color:#000000; text-decoration:none;}

a.datelink:link 	{color:#000000; text-decoration:none;}
a.datelink:visited 	{color:#000000; text-decoration:none;}
a.datelink:active	{color:#000000; text-decoration:none;}
a.datelink:hover	{color:#FFFFFF; background-color:#000000; text-decoration:none;}  


.greylink			{color:#999999; text-decoration:none;}
      
a.greylink:link		{color:#999999; text-decoration:none;}
a.greylink:visited	{color:#999999; text-decoration:none;}
a.greylink:active	{color:#999999; text-decoration:none;}
a.greylink:hover	{color:#FFFFFF; background-color:#000000; text-decoration:none;}  
	
.highlightbox 	{	background-color: #FFFFCC;
					border: groove 1px #004183;
					padding: 10px;
					font-weight: bold;
					color: #000080;
					margin: 10px 20px 10px 20px;}
					
/* End Mini Calendar CSS */

#footer 	{
	clear: both;
	color: #FFFFFF;
	background-color: #002799;
	text-align: center;
	padding: 5px;
	font-size: 70%; 
	font-weight: normal;}

#footer a:link  {	color: #ffffff;	text-decoration:none;}
#footer a:hover {	color: #FFCC00;	text-decoration:underline;}
#footer a:visited{	color: #ffffff;	text-decoration:none;}
#footer a:active {	color: #FFCC00;	text-decoration:underline;}

#footer a.footlink:link  {	color: #ffffff;	text-decoration:none;}
#footer a.footlink:hover {	color: #FFCC00;	text-decoration:underline;}
#footer a.footlink:visited{	color: #ffffff;	text-decoration:none;}
#footer a.footlink:active {	color: #FFCC00;	text-decoration:underline;}