/* CSS Page Layout Properties */
	BODY {
		FONT-SIZE: 8pt; 
		FONT-FAMILY: Verdana, san-serif; 
		background-color:#033B6E;
		margin:0px; 
	}	
	#main {
	        background-color:#FFFFFF;
	        width:900px;
	        height:100%;
	        padding-left:0px;
	        margin-left:auto; 
	        margin-right:auto;
	        right:25%;	     
	        left:25%;
	}	
	#mainContent{
		width: 708px;
		margin-left:4px;
		margin-top:10px;
		margin-bottom:5px;
		padding-right:0px;
		background-color: #FFF;
	}
	#outreachContent{
		width: 800px;
		margin-left:4px;
		margin-top:10px;
		margin-bottom:5px;
		padding-right:0px;
		background-color: #FFF;
	}	
	#left{
	        margin:5px;
	        width:175px;
	}
	#center{
	        width:545px;
	        height:490px;
	        margin:5px;
	        float:right;
	}
	#leftMenu{
		width:152px;		
		margin-top:13px;
		margin-left:10px;
		padding-left:5px;
		padding-right:0px;
		background-color:#d7cece;		
	}
	#leftMenu1{
		width:150px;		
		margin-top:13px;
		margin-left:10px;
		padding-left:5px;
		padding-right:0px;
		background-color:#cfc0b9;		
	}
	#leftMenu2{
		width:150px;		
		margin-top:13px;
		margin-left:10px;
		padding-left:5px;
		padding-right:0px;
		background-color:#b0b89f;		
	}
	#leftMenu3{
		width:150px;		
		margin-top:13px;
		margin-left:10px;
		padding-left:5px;
		padding-right:0px;
		background-color:#b5babe;		
	}	
	#quickLeftWhite{
		width:144px;
		height:5px;
		margin-top:0px;
		margin-left:0px;
		margin-right:5px;
		padding-left:0px;
		padding-right:0px;
	}	
	#quickLeftLinks{
		
		margin-top:0px;
		margin-left:0px;
		margin-right:5px;
		padding-left:0px;
		padding-right:0px;
			
	}
	#quickLeftLinksTitle{
		width:144px;
		padding:5px;
		background-color:#003366;
		text-align:center;
	}
	#quickLeftLinksBody{
		width:144px;
		margin-left:0px;
		padding-left:5px;
		padding-right:5px;
		background-color:#b5babe;
		height:100%;
	}	
	#topMenu{
		width:891px;
		margin-left:6px;
		background-color:#FFF;
		text-align:left;
	}
	#header{
		width:900px;
		height:105px;

	}	
	#slideshow{
		width:525px;
		height:430px;
		border:2px solid #590505;
		float:center;	
		text-align:left;
		margin-left:7px;
		align=center;
	}	
	#biopictures{
		width:200px;
		float:left;	
		text-align:left;
		margin-right:5px;
		margin-bottom:5px;
	}
	#faqSearch{
		width:98.3%;
		height:70px;
		margin-left:2px;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:2x;
		padding-top:2px;
		background-color:#dfdfdf;
		text-align:left;
	}
	
	#faqTitle{
		width:98.3%;
		height:40px;
		margin-left:2px;
		padding-left:5px;
		padding-right:5px;
		padding-top:2px;
		padding-bottom:2px;
		background-color:#000000;
		text-align:left;
	}	
	
	#picturesleft{
	
		float:left;	
		text-align:left;
		margin-right:5px;
		margin-bottom:5px;
	}
         
	#picturesright{
	
		float:right;	
		text-align:left;
		margin-right:5px;
		margin-bottom:5px;
		margin-left:5px;
	}
	
	 .boxoverBody {
	    background:#FFFFFF;
	    font-family:arial;
	    font-size:12px;
	    border:1px solid #590505;
	    padding:5px;
	    width:150px;
         }
         
         .boxoverblueBody {
	 	    background:#c8d4df;
	 	    font-family:arial;
	 	    font-size:12px;
	 	    border:1px solid #590505;
	 	    padding:5px;
	 	    width:150px;
         }        
	 .pictureboxoverBody {
	    background:#FFFFFF;
	    font-family:arial;
	    font-size:12px;
	    border:1px solid #590505;
	    padding:5px;
	    width:225px;
         }
         
         .pictureboxoverblueBody {
	 	    background:#c8d4df;
	 	    font-family:arial;
	 	    font-size:12px;
	 	    border:1px solid #590505;
	 	    padding:5px;
	 	    width:225px;
         }          
         
	.Caption {
	font-family: 	Arial;
	font-size: 	7pt;
	font-weight:	bold;
	color:      	#FFFFFF;
	text-align:	left;
	padding:	4px;
	}
	
	.BigCaption {
	font-family: 	Arial;
	font-size: 	8pt;
	color:      	#black;
	text-align:	left;
	padding:5px;
	}
	
	div.tab
	{
		  PADDING-LEFT: 20px;
	}

	div.scr 
	{	scrollbar-face-color: #033B6E;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-3dlight-color: #CCCCCC;
		scrollbar-darkshadow-color: #BBBBBB;
		scrollbar-shadow-color: #99CCFF;
		scrollbar-arrow-color: #FFFFFF;
		scrollbar-track-color: #CCCCCC;	
	}
		
	table.faq{
		border-width: 1px 1px 1px 1px;
		border-spacing: 1px 1px;
		border-style: none none none none;
		border-color: #590505;
		border-collapse: separate;
		background-color: #ffffff;
	}
	table.faq th {
		border-width: 1px 1px 1px 1px;
		padding: 2px 2px 2px 2px;
		border-style: outset outset outset outset;
		border-color: #590505;
		background-color: #590505;
		-moz-border-radius: 9px 9px 9px 9px;
	}
	
	table.faq td {
		border-width: 1px 1px 1px 1px;
		padding: 2px 2px 2px 2px;
		border-style: outset outset outset outset;
		border-color: #590505;
		background-color: #dfdfdf;
		-moz-border-radius: 9px 9px 9px 9px;
	}
	
	
	a.sideMenu {font-family:Verdana;font-size:7pt;color:black; text-decoration:none;}
	a.sideMenu:hover{color:#590505;text-decoration:underline;}
	
	a.factMenu {font-family:Verdana;font-size:8pt;color:black; text-decoration:none;}
	a.factMenu:hover{color:#590505;text-decoration:underline;}
	
	a.headerMenu {font-family:Verdana;font-size:8pt;color:black; text-decoration:none;}
	a.headerMenu:hover{color:#590505;text-decoration:underline;}
	
	a.factMore {font-family:Verdana;font-size:8pt;color:#033B6E; text-decoration: underline; text-decoration:italic;}
	a.factMore:hover{color:#590505;}
	
	a.factReturn {font-family:Verdana;font-size:8pt;color:#033B6E; font-weight:bold;text-decoration:none}
	a.factReturn:hover{color:#590505;}
	
	a.footerLink {color:#033B6E;text-decoration: underline;font-family:Arial, Helvetica;font-size:9pt}
	a.footerLink:hover{color:#590505}
	
	a.smalllink {color:#033B6E;text-decoration: underline;font-family:Arial, Helvetica;font-size:7pt}
	a.smalllink:hover{color:#590505}	
	
	a.footerLinkFRHA {color:#033B6E;text-decoration: underline;font-family:Arial, Helvetica;font-size:6.5pt}
	a.footerLinkFRHA:hover{color:#590505}
	
	a.footerLinkFRHAHeader {color:#033B6E;text-decoration: underline;font-weight:bold;font-family:Arial, Helvetica;font-size:8pt}
	a.footerLinkFRHAHeader:hover{color:#590505}
	
	a.footerLinkFRHAMainHeaders {color:#033B6E;text-decoration: underline;font-weight:bold;font-family:Arial, Helvetica;font-size:9pt}
	a.footerLinkFRHAMainHeaders:hover{color:#590505}
	
	a.titleLink {color:#590505;text-decoration: underline;font-family:Arial, Helvetica;font-size:9pt}
	a.titleLink:hover{color:#033B6E}
	
	a.footer2Link {color:white;text-decoration: underline;font-family:Arial, Helvetica;font-size:9pt}
	a.footer2Link:hover{color:red}
	
	a.slidetext {color:black;font-weight:regular;font-family:Arial;font-size:9pt;text-decoration:none}
	a.slidetext:hover{color:#590505;font-weight:bold;text-decoration:none}
	
	a.menuTitleLink{font-family:Verdana;font-size:9pt;font-weight:bold;color:black;text-decoration:none;}
	a.menuTitleLink:hover{color:#590505;text-decoration:underline;}
	
	a.indexLink{font-family:Verdana;font-size:9pt;font-weight:bold;color:black;text-decoration:none;}
	a.indexLink:hover{color:#033B6E;text-decoration:underline;}
	
	a.slidenumber {color:black;font-weight:regular;font-family:Arial;font-size:9pt;text-decoration:none}
	a.slidenumber:hover{color:#590505;font-weight:bold;text-decoration:none}
	
	a.slideEnlarge {color:black;font-family:Arial;font-size:7pt;font-style: italic; text-decoration:none}
	a.slideEnlarge:hover{color:black;font-style: italic;font-family:Arial;text-decoration:none}

	a.outreachLink {color:#033B6E;font-family:Arial;font-size:8pt; text-decoration:underline}
	a.outreachLink:hover{color:#660000;font-family:Arial;text-decoration:underline}
	
	a.cblink {font-family:Verdana;font-size:10pt;color:black; text-decoration:underline;}
	a.cblink:hover{color:#595067;}		
	
	a.slidenumberactive{color:#590505;font-weight:bold;font-family:Arial;font-size:9pt;text-decoration:underline}
	
	img.region { border: 1px solid #590505; margin-bottom:2px} 

	#text {font-family:Verdana;font-size:8pt;color:black}
	#whitetext {font-family:Verdana;font-size:8pt;color:#fff}
	#textFRHA {font-family:Arial, Helvetica;font-size:6.5pt}
	#text6 {font-family:Verdana;font-size:6pt;color:black}	
	#redtext {font-family:Verdana;font-size:8pt;color:#590505}
	#smalltext {font-family:Verdana;font-size:7pt;color:black}
	#menuTitle {font-family:Verdana;font-size:9pt;font-weight:bold;color:black}
	#menuRedTitle {font-family:Verdana;font-size:9pt;font-weight:bold;color:#590505}
	#title {font-family:Verdana;font-weight:bold;font-size:11pt;color:#590505}
	#whitetitle {font-family:Verdana;font-weight:bold;font-size:11pt;color:#ffffff}	
	#dyn {font-family:Verdana; font-weight:bold; font-decoration:italics;font-size:12pt;color:#590505}
	#factsheetTitle {font-family:Verdana;font-weight:bold;font-size:12pt;color:#590505}
	#redTitle {font-family:Verdana;font-weight:bold;font-size:9pt;color:#590505}
	#quickTitle{font-family:Verdana;font-weight:bold;font-size:9pt;color:white}
	#quickLeftTitle{font-family:Verdana;font-weight:bold;font-size:10pt;color:black}	
	#o_eTitle{font-family:Verdana;font-weight:bold;font-size:8pt;color:white}
	#quickText{font-family:Verdana;font-weight:bold;font-size:8pt;color:#033B6E}
	#footerText {font-family:Arial; font-size:8pt; color:white}
	#Bigtext {font-family:Verdana;font-size:11pt;color:black}
	
	#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}

	#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	}	

	.tabberlive .tabbertabhide {
	 display:none;
	}
	
	.tabber {
	}
	.tabberlive {
	 margin-top:1em;
	}
	
	/*--------------------------------------------------
	  ul.tabbernav = the tab navigation list
	  li.tabberactive = the active tab
	  --------------------------------------------------*/
	ul.tabbernav
	{
	 margin:0;
	 padding: 3px 0;
	 border-bottom: 1px solid #590505;
	 font: bold 12px Verdana, sans-serif;
	}
	
	ul.tabbernav li
	{
	 list-style: none;
	 margin: 0;
	 display: inline;
	}
	
	ul.tabbernav li a
	{
	 color:#000000;
	 padding: 3px 0.5em;
	 margin-left: 3px;
	 border: 1px solid #590505;
	 border-bottom: none;
	 background: #ffffff;
	 text-decoration: none;
	}
	
	ul.tabbernav li a:link { color: #448; }
	ul.tabbernav li a:visited { color: #667; }
	
	ul.tabbernav li a:hover
	{
	 color: #590505;
	 background: #ffffff;
	 border-color: #590505;
	}
	
	ul.tabbernav li.tabberactive a
	{
	 color: #FFF;
	 background-color: #590505;
	 border-bottom: 1px solid #590505;
	}
	
	ul.tabbernav li.tabberactive a:hover
	{
	 color: #FFF;
	 background-color: #590505;
	 border-bottom: 1px solid #590505;
	}
	
	/*--------------------------------------------------
	  .tabbertab = the tab content
	  Add style only after the tabber interface is set up (.tabberlive)
	  --------------------------------------------------*/
	.tabberlive .tabbertab {
	 padding:5px;
	 border:1px solid #590505;
	 border-top:0;
	
	 /* If you don't want the tab size changing whenever a tab is changed
	    you can set a fixed height */
	
	  height:750px;
	
	 /* If you set a fix height set overflow to auto and you will get a
	    scrollbar when necessary */
	
	 /* overflow:auto; */
	}
	
	 /* If desired, hide the heading since a heading is provided by the tab */
	.tabberlive .tabbertab h2 {
	 display:none;
	}
	.tabberlive .tabbertab h3 {
	 display:none;
	}
	
	 /* Example of using an ID to set different styles for the tabs on the page */
	.tabberlive#tab1 {
	}
	.tabberlive#tab2 {
	}
	.tabberlive#tab2 .tabbertab {
	 height:200px;
	 overflow:auto;
	}


.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 190px;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 2px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;

}

.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
text-align:left;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 0px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}