/* CSS Document */
	/* 
	JDW reminders:
			box models for margins and padding:  
			  padding:5px 10px;			represents 5px top and bottom; 10px left and right
			  margin:0px 5px 0px 5px; 	represents 0px top, 5px right, 0px bottom, and 5px left 
			-------------------------------------------------------------------------------------
			basic page layout:
			  body						contains pagewrapper and losfafooter divs - this is part of the sticky footer process
			  pagewrapper				contains losfaheader and losfacontent divs
			  losfacontent				contains contentLeft and contentFrame divs (contentRight is pre-coded but not operational)
			-------------------------------------------------------------------------------------
			css and related materials for the nav panel are generated from CSS3Menu and are not included here
			-------------------------------------------------------------------------------------
			
	*/

html, body {
	width:100%;
	height:100%;
	}
	
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height:100%;
	color: #000000; 
	border:0;
	padding:0;
	margin:0;
}
p {
	line-height: 120%;
}

/*	CSS for basic layout divs  below:		*/
	#pagewrapper {min-height: 100%;}
	
		#losfaheader {
			width:100%;
		/*	height: 240px;
			background-color:#FFFFFF; */
			height: 120px;
			background-color:#0079C8;
		}
		
		#losfacontent {
			background-color:#FFFFFF;
			overflow:auto;
			padding-bottom: 80px;  /* must be same height as the losfafooter */
		 }
	
				#contentLeft {
					z-index: 10;
					position:absolute;
					top: 120px;
					left: 0;
					width:200px;
   					padding-top: 15px;
					background-color:#FFFFFF; 
				}
				
				#contentFrame {
					margin:0px 20px 0px 0px;
					position:absolute;
					top: 120px;
					left: 210px;
					right: 40px;	
					background-color:#FFFFFF;
				/*	min-width: 400px;  */
				}
				
			/*	#contentRight {
					float:left;
					background-color:#FFFFFF;
				}  */
	
	#losfafooter {
		background-color:#FFFFFF;
		position: relative;
		margin-top: -80px; /* negative value of losfafooter height */
		height: 80px;
		clear:both;
	} 
/*	CSS for basic layout divs END.		*/

div.legacyWrapper {
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	width: 775px;
	/*position:relative;
	z-index:1;*/
}

.handheldOnly {
  display : none;
}

/*
a:link {
	color: #285090; 
	font-weight: bold; 
	text-decoration: none;
}      
a:visited {
	color:#800080;
}   
a:hover {
	color: white; 
	background-color: #990000;
}     
a:active {
	color:#87CEEB;
} 
*/

a.styled:link {
	color: #285090; 
	font-weight: bold; 
	text-decoration: none;
}      
a.styled:visited {
	color:#800080;
}   
a.styled:hover {
	color: white; 
	background-color: #990000;
}     
a.styled:active {
	color:#87CEEB;
} 

a.nostyle:link {
	text-decoration: none;
}    
a.nostyle:hover {
	color: white; 
}  
/*
A.custnav-links {
    color: #285090;
    font-weight: bold;
    text-decoration: none;
}
A.custnav-links:hover {
    color: white;
    background-color: #990000;
}
*/
h1.h1t2 {font-size:150%;line-height:175%;padding:2px 10px;}
h2.h2t2 {font-size:125%;line-height:150%;padding:2px 10px;}
h3.h3t2 {font-size:100%;line-height:125%;padding:2px 10px;}
p {padding:2px 10px;} 

.BasicPageText {padding:2px 10px;} /* this style formats legacy basic page text that isn't part of paras, etc */

/* this style formats the maint msg */ 
	.notice-cells {
		border-width: 3px; 
		border-color: #990000;
		border-style: solid none solid none; 
		padding: 5px;
	}
	.notice-cells-extra {
		background-color:wheat;
		width:80%;
	}
	.notice-cells-text {
		font-size: 100%; 
		color: #000000; 
		padding: 5px;
	}
	.notice-cells-header {
		font-size: 125%; 
		color: #990000; 
		padding: 5px;
		font-weight: bold;
		/*line-height: 22px; */
	}
	
/*	CSS for footer Include  below:		*/
	.footerText {
		font-size: xx-small;
		line-height: 100%;
		color: #FFFFFF;
		text-decoration:none;
	}
	a.footerText {
		font-size: xx-small;
		color: #FFFFFF;
		text-decoration:none;
	}
	a.footerText:hover{
		color: #cc3333;
		background-color: white;
		text-decoration:none;
	}
/*	CSS for footer Include END.		*/

/*	CSS for header Include  below:		*/
		div.bannerwrapper{
			background-color:#0079C8;
			width:100%;
			height:120px;
		/* 	border-bottom: white solid 4px;	*/
		}
		div.agencylogo{
			float: left;
			height:120px;
			width:505px;
			line-height:0;	
		/*	background-color:#0079C8;	*/
		}
		.agencylogo img {vertical-align: bottom;}
		
		div.outer{
			height:120px;
			float: right;
		}
		div.squish{
			background-color:#0079C8;
		}
		div.stayconnected{
			background-image:url("/images/search_pane_bg2.jpg");
			background-repeat:no-repeat;
			background-color:#0079C8;
			height:120px;
			width:265px;
		}
		/*
		@-moz-document url-prefix() {
			.spider {
				margin-left: 30px;
			}
		}
		*/
		.spider{
		/*	padding-left: 7px;
			padding-top:  7px;	*/
			margin-top: 15px;
			margin-left: 20px;	
		}
		
		/* set the search box styles */
		#searchButton {
			  color:black;
			  font-weight: bold;  
			  padding-left: 3px;
			  padding-right: 3px;
			  background-color:LightCyan;
			  border:1px solid SteelBlue;  
			  -moz-border-radius:3px;
			  -webkit-border-radius:3px;
			  border-radius:3px;
		/*  border-bottom:1px solid red;  */
		/*  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
		  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);  /*
		/*  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);  */
		/*  cursor:pointer;  */
		  }
		  
		#searchBox {
		  color:black; 
		  border:1px solid SteelBlue;  
		  -moz-border-radius:3px;
		  -webkit-border-radius:3px;
		  border-radius:3px;
		  }
		  
		/* set the size of the definition list <dl> and add the background image */
		#imap {
		  display:block;
		  width:265px;
		  height:70px;
		  background:url(/images/connected/Connected%20button6.png) no-repeat;
		  position:relative;
		  margin:0px;
		  }
		
		/* set up the definition list <dt><a> to hold the background image for the hover state */
		#imap a#title {
		  display:block;
		  width:265px;
		  height:0;
		  padding-top:70px;
		  overflow:hidden;
		  position:absolute;
		  left:0;
		  top:0;
		  background:transparent url(/images/connected/Connected%20button6%20hover.png) no-repeat 265px 265px;
		  cursor:pointer;
		  }
		
		/* the hack for IE pre IE6 */
		* html #imap a#title {
		  height:70px;
		  he\ight:0;
		  }
		
		/* the <dt><a> hover style to move the background image to position 0 0 */
		#imap a#title:hover {
		  background-position: 0 0;
		  z-index:10;
		  }
		
		/* place the <dd>s in the correct absolute position */
		#imap dd {
		  position:absolute;
		  padding:0;
		  margin:0;
		  }
		#imap #pic1 {
		  left:36px;
		  top:26px;
		  z-index:20;
		  }
		#imap #pic2 {
		  left:71px;
		  top:26px;
		  z-index:20;
		  }
		#imap #pic3 {
		  left:105px;
		  top:26px;
		  z-index:20;
		  }
		#imap #pic4 {
		  left:139px;
		  top:26px;
		  z-index:20;
		  }
		#imap #pic5 {
		  left:171px;
		  top:26px;
		  z-index:20;
		  }
		#imap #pic6 {
		  left:204px;
		  top:26px;
		  z-index:20;
		  }
		
		/* style the <dd><a> links physical size and the background image for the hover */
		#imap a#pic1, #imap a#pic2, #imap a#pic3, #imap a#pic4, #imap a#pic5, #imap a#pic6 {
		  display:block;
		  width:24px;
		  height:22px;
		  background:transparent url(/images/connected/hover.gif) -100px -100px no-repeat;
		  text-decoration:none;
		  z-index:20;
		}
		
		/* style the span text so that it is not initially displayed */
		#imap a span, #imap a:visited span {
		  display:none;
		}
		
		/* move the link background image to position 0 0 when hovered */
		/* #imap a#facebook:hover, #imap a#twitter:hover, #imap a#blog:hover, #imap a#flicker:hover, #imap a#youtube:hover { */
		#imap a#pic1:hover, #imap a#pic2:hover, #imap a#pic3:hover, #imap a#pic4:hover, #imap a#pic5:hover, #imap a#pic6:hover {
		  background-position:0 0;
		}
/*	CSS for header Include END.		*/


/*	CSS for quicklinks in nav panel below:		*/
	.navPanel {
		font-size: x-small;
		font-weight: normal;
	}
	div.navPanel {
		padding-left: 10px;
	}
	a.navPanel {
		font-weight: normal;
		text-decoration: none;
		color: #285090;
	}
	a.navPanel:visited {
		color:#800080;
	}
	a.navPanel:hover {
		color: #FFFFFF; 
		text-decoration: none; 
		background-color: #990000;
	}    
	a.navPanel:active {
		color:#87CEEB;
	} 	
	.agencycodeBox {
		border-width: 3px; 
		border-color: #285090;
		border-style: solid none solid none; 
		padding: 5px
	}
	ul.bonuslinks {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		line-height: 100%;
	}
	li.bonuslinks {
		padding: 0px;
		margin: 0px;
		line-height: 100%;
	}	

/*	CSS for quicklinks in nav panel END.		*/


/*	CSS for Info Center pages below:		    */
	div.infoCenterWrapper {
		margin-left:auto;
		margin-right:auto;
		overflow:hidden;
		/*width: 600px;*/
		width: 90%;
		border-width: 3px; 
		border-color: #3366CC;
		border-style: solid none solid none;
	}
	div.infoCenterTitle {
		float:left;
		width:22%;
		padding:5px 0px;
	}
	div.infoCenterContent {
		float:right;
		width:72%;	
		background-color:#99CCFF;
		padding:5px 10px 5px 0px;
	}
	ul.infoCenterList {	
		list-style-type: square;
		line-height: 120%; 
	}

/*	CSS for Info Center pages END.		        */