/* 
notes: 
div .headbg left should match width of cell that holds leftmenu 
baseline font is 10px (p, div, body, etc)
*/


body { 
	background-color: #F7F3F7;
	background-image:  url(/menu/images/bg_top.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin: 0;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	color:#000;
 
	}
/* first div of content should be bodycontent, so that the content is on a white background */
div.bodycontent  { 
	background-color:#F7F3F7;
	width:100%;
   	}	
/* baseline font size 	*/
ul, li, ol, td, .plaintext, div, span, dd, blockquote      { 
	font-size: 12px;

	}

/* Regular Navigation */
a:link { 
	color:#006699;
	text-decoration:underline
    }
a:visited	       { 
	text-decoration:underline; 
    color: #333;
	}
a:link:hover { 
	color:#666;
	text-decoration:none;
    }
/*Header info */
h1  { 
	font-size: 16px;
	color:#000;
	margin:0px 0px 5px 0px;
	font-weight:bold;
    }
h2   { 
	font-size: 15px;
	color:#000;
	margin:0px 0px 5px 0px;
	font-weight:bold;
    }
h3   { 
	font-size: 14px;
	color:#000;
	margin:0px 0px 5px 0px;
	font-weight:bold;

    }
h4  {	
	font-size: 13px;
	color:#000;
	margin:0px 0px 5px 0px;
	font-weight:bold;
    }
h5   {	
	font-size: 12px;
	color:#000;
	margin:0px 0px 5px 0px;
	font-weight:bold;
    }
h6  {	
	font-size: 11px;
	color:#000;
	margin:0px 0px 5px 0px;
	font-weight:bold;
    }
	
.headline {	
	color:#003399;
    }  
/* Lists */
ul                 { list-style-image: url('/menu/images/raquo.jpg');
                     margin-left:0px; 
                     margin-right:0px; 
                     margin-top:0px; 
                     margin-bottom:10px; 
                     padding-left:18px; 
                     padding-right:0px; 
                     padding-top:0px; 
                     padding-bottom:0px
                   }
ul.menu            { list-style-image: url('/menu/images/graquo.jpg');
                     line-height:140%; 
                     margin-left:0px; 
                     margin-right:0px; 
                     margin-top:0px; 
                     margin-bottom:10px; 
                     padding-left:18px; 
                     padding-right:0px; 
                     padding-top:0px; 
                     padding-bottom:0px
                   }
ol                 { list-style-type: decimal;
                     margin-left:3px; 
                     margin-right:0px; 
                     margin-top:0px; 
                     margin-bottom:10px; 
                     padding-left:25px; 
                     padding-right:0px; 
                     padding-top:0px; 
                     padding-bottom:0px
                   }
ul.rightmenu      { 
 	list-style-image: url(../images/raquo.jpg);
    margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 0px;
	}


/* Paragraph Options */
p     { 
	font-size: 12px;
	vertical-align: top;	
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:10px;
	}
	/*   */
p.first { text-indent: 10px; 
      text-align: left 
      }

/* middle of page paragraph */
p.body             { 
	padding-left: 5px; 
    text-indent: 10px; 
    text-align: left;
    margin:10px 5px 0px 5px;
    }

/* space at the bottom */
p.last             { padding-bottom: 15px; 
      text-indent: 10px; 
      text-align: left ; 
      }

p.bottomspace      { margin:0px 5px 15px 5px;
      }

p.menu { 
    text-align: center; 
    margin-top: 0; 
    margin-bottom: 0; 
    font-weight: 800 
    }
p.table  { 
	text-align: left; 
    margin:0px 3px 0px 3px; 
    padding: 2px;
    }

p.noindent   { 
	text-indent: 0px; 
    padding-left: 5px; 
    }
      
p.noindjust { 
	text-indent: 0px; 
    padding-left: 5px; 
    text-align:left ; 
    }
      
p.center { 
	padding: 0px 0px 0px 0px; 
    text-align: center;
    }

p.alignright  { 
	text-align: right; 
    padding-right: 5px; 
    }
/* can be used on any selector */
.supersmalltext    {font-size:8px;}
    
/* Same as updated but can be used on any selector */    
.smalltext     { font-size:11px;
		 padding: 0px; 	}
/* small red text */   
.smallredtext   { font-size:8px;color:red; }
 /* red text */   
.redtext    { color:red; }
/* white text */
.whitetext   { color:#FFF; }
					
/* Table */
table.lightborder  {	
	  border:1px solid #003399;
	  padding:2;
	  spacing:0;
	  align:center;
	  margin:10px 8px 8px 8px;
     }
/*Table with blue Border */      
table.blueborder  { 
	 border:2px solid #639ACE;
	 padding:2px;
	 margin:10px;
	 width:95%;
    }
/*Table with colors */

table.color { 
	border: #888 1px solid;
    background-color: #FFF;
    padding: 3px;
    margin:10px 8px 8px 8px;
    width: auto;
    }    
th  { 
	font-weight: 900;
	color: #000;
    text-align: center;
	align: center;
    } 	

th.color  { 
	background-color: #71a3be;
    color: #000;
    text-align: center;
    } 
td.colorodd { 
    color: #222;
    background-color: #BBB;
    vertical-align: top;
    margin: 1px 1px 1px 1px; 
    }
td.coloreven       { 
    color: #222;
    background-color: #DDD;
    vertical-align: top;
    margin: 1px 1px 1px 1px; 
    }
tr.color     { border: #000 1px solid;    }

/* input opions */    
input              { 
	font-weight: bold;
	}

textarea           { 
	font-weight: bold;
	}
.greybg {background-color: #DDD;}					
/* Common Page Divisions */
div.bluebox      { 
	width:95%;
	margin:10px 8px 8px 8px;
	background-color:#ADCEE6;
	border:1px #000 solid;
	padding:3px 4px 3px 4px;
	text-align:left ;
	}
div.greybox { 
	width:95%;
	margin:10px 8px 8px 8px;
	background-color:#DDD;
	border:1px #000 solid;
	padding:3px 4px 3px 4px;
	text-align:left ;
	}
div.redbox   { 
	width:95%;
	margin:10px 8px 8px 8px;
	background-color:#FFF;
	border:2px #FF0000 dotted;
	padding:3px 4px 3px 4px;
	}
img    { border:none; }
.border      { border: 1px solid #000;
}
img.logo{
		float: left;		
}

img.banner{
		display: left;
}

img.banner2{
		display: block;
}

/* Hidden Attributes for ADA */

div.hidden    		{ visibility:hidden; display:none; }
p.hidden      		{ visibility:hidden; display:none; }
ul.hidden     		{ visibility:hidden; display:none; }
ol.hidden     		{ visibility:hidden; display:none; }
a.hidden:link 		{ visibility:hidden; display:none; }
a.hidden:visited 	{ visibility:hidden; display:none; }
a.hidden:active     { visibility:hidden; display:none; }
a.hidden:hover      { visibility:hidden; display:none; }
				   
/* Controls for Page Layout - Not needed for page design */
.boldwhite    { font-weight: bold; color: #FFF; }
.dropdown     { 
	font-size: 10px; 
   	width: 200px; 
   	color:#333333; 
	}
.search { 
	font-size: 10px;
	color: #FFFFFF;
	}
.searchbox    { 
	font-size: 10px; 
   	width: 100px; 
   	color:#333; 
   	vertical-align:top; 
	}
	
.emailbox  { 
	font-size: 10px; 
   	width: 95px; 
   	color:#333; 
   	align:center; 
   	vertical-align:top; 
	}	
div.greynav   { 
	height:20px;
   	background-color:#CCC;
	font-weight:bold;
	color:#FFF;
	}
/*div.greynav   { 
	height:20px;
   	background-color:#CCC;
	margin-left:101px;
	font-weight:bold;
	color:#FFF;
	}
*/
div.banner    { 
	width:100%;
   	height:109px;
   	margin:0px;
   	padding:0px;
	}
div.searchnav { 
	float:right;
   	width:450px;
   	margin:0px;
   	padding:0px;
 	}
div.logos     { 
	width:100px;
   	position:absolute;
   	top:0px;
   	left:0px;
 	}
div.fdepimg   { 
	position:absolute;
   	width:150px;
   	top:0px;
   	left:101px;
 	}
td.headbg    { 
    background-image: url('/menu/images/banner2.jpg');
    background-repeat:no-repeat;
    background-position: left
}
  /*
div.headbg    { 
	position:absolute;
	width:87%;
   	height:64px;
   	top:56px;
   	left:101px;
   	background-image: url(/menu/images/banner2.jpg);
   	background-repeat:no-repeat;
   	background-position: left;
 	}*/
div.outerleftmenu  { 
	width:100%;
	height:100%;
   	/*border:1px #CCC solid;*/
    background-color:#FFF;
 	}
div.leftmenu  { 
	width:100px;
	height:100%
    background-color:#FFF;

 	}
/*div.leftmenu  { 
	width:100px;
   	position:absolute;
   	top:109px;
   	left:0px;
   	border:1px #CCC solid;
   	height:100px;
	background-color:#FFF;
 	}
*/	
div.leftmenutitle   { 
	text-align:left;
   	color:#333;
   	font-weight:bold;
   	padding-left: 3px;
 }

/*div.contentwin      { 
	background-color:#F7F3F7;
   	padding-left:101px;
   	height:320px;
 	}
*/
/* New Tab style to phase out placing image on every page and having to set up ALT tags for it */
.tabTitle   	
{
	BACKGROUND: #71A3BE url(/menu/images/cornerofTab.jpg) top left fixed no-repeat;	
	margin:5px 5px 0px 5px; 
	text-align:center; 
	height:18px; 
	border-left:3px #F7F3F7 solid; 
	color:#FFF; 
	font-weight:bold;
}
.tabcorner    { float:left; }
.cornertab	{
	BACKGROUND: url(/menu/images/cornerofTab.jpg) fixed left no-repeat;
	HEIGHT: 18px;
	width:74%;
	margin:5px 5px 0px 5px;
    text-align: center; 
   	color:#FFF;
   	font-weight:bold;
   	padding:0px;
}
table.twocolumn     { 
	width:98%;
   	margin:5px 8px 5px 8px;
	}
.lefttab      { 
	width:100%;
	background-image: url(/menu/images/tabBackground.jpg);
	margin:0px 5px 0px 5px;
    text-align: center; 
   	height:25px;
   	color:#FFF;
   	font-weight:bold;
   	padding:0px;
 	}
.lefttabcontent     { 
	width:50%;
   	border-top:none;
   	border-left:1px #CCC solid;
   	border-bottom:1px #CCC solid;
   	border-right:1px #CCC solid;
   	background-color:#FFF;
   	margin:0px 5px 5px 5px;
  	padding:5px;
	vertical-align:top;

 	}
.righttab     { 
	width:100%;
   	background-image: url(/menu/images/tabBackground.jpg);
   	margin:0px 5px 0px 5px;
   	text-align:center;
   	height:25px;
   	color:#FFF;
   	font-weight:bold;
   	padding:0px;
 }
.righttabcontent    { 
	width:25%;
   	border-top:none;
   	border-left:1px #CCC solid;
   	border-bottom:1px #CCC solid;
   	border-right:1px #CCC solid;
   	background-color:#FFF;
   	margin:0px 5px 5px 5px;
   	padding:5px;
   	vertical-align:top;
 	}
.onecoltab    { 
	width:99%;
	background-color: #F7F3F7;
   	background-image: url(/menu/images/tabBackground.jpg);
   	margin:5px 5px 0px 5px;
   	text-align:center;
   	height:18px;
   	border-left:3px #F7F3F7 solid;
   	color:#FFF;
   	font-weight:bold;
 	}
.onecolcontent      { 
	width:99%;
   	border-top:none;
   	border-left:1px #CCC solid;
   	border-bottom:1px #CCC solid;
   	border-right:1px #CCC solid;
   	background-color:#FFF;
   	margin:0px 5px 5px 6px;
	padding:5px;
	vertical-align:top;
 	}
.divbox {  width:99%; }

/* Top Navigation Tabs */
.topnav { 
	font-size:9px;
	background-color: #ffffff;
	color:#006699;
	vertical-align: float;
	white-space: nowrap;
   	height:18px;
 	}
a.topnav:link	    { 
	font-size:9px;
	color:#006699;
	text-decoration:none;
	}   
a.topnav:visited    { 
	font-size:9px;
	color:#006699;
	text-decoration:none;
 }
a.topnav:active     { 
	font-size:9px;
	color:#cccccc;
	text-decoration:none;
	}
a.topnav:hover	  { 
	font-size:9px;
	color:#cccccc;
	text-decoration:none;
	}

/* Side Navigation */
a.sidenav:link	    { 
	color:#006699;
	text-decoration:none;
	}	  
a.sidenav:visited   { 
	color:#006699;
   	text-decoration:none;
	}
a.sidenav:active    { 
	color:#cccccc;
	text-decoration:none;
 	}
a.sidenav:hover	    { 
	color:#cccccc;
   text-decoration:none;
	}
	
	
/* End Controls for Page Layout */


/* small blue text */                 
.smallbluetext       { 
     font-family: arial, verdana, helvetica;
                 font-size:10pt;
     color:blue;
                  }                 }
 
 /* blue text */                 
.bluetext          { color:blue;
                  }