@charset "UTF-8";
/* CSS Document */



/* 

LAYOUT

----------------------------------------------------*/

body{
text-align:center;
margin:0;
font-size:13px;
font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
line-height:150%;
color:#000000;
background:#0f7cbf;
}

#wrapper{
margin:0 auto;
text-align:left;
width:961px;
min-height:518px;
background: #d4d5d7 url(../images/backgroundImage.jpg) repeat-x top left;
padding-bottom:10px;
}

#header{
height:166px;
}

.branding{
position:absolute;
top:30px;
margin-left:0px;
z-index:100;
border:none;
}

.fdotlogo{
position:absolute;
top:5px;
margin-left:5px;
z-index:90;
border:0;
}

#content{
width:920px;
padding:10px;
margin:20px 10px;
background:#fff;
}


.col1, .col2, .col3, .col4{
width:210px;
padding:0px;
float:left;
}

.col1{
margin:10px 0;
padding-right:10px;
background:url(../images/divider.gif) no-repeat top right;
}

.col3{
margin:9px;
}


.col2{
margin:9px 0 9px 9px;
padding-right:9px;
background:url(../images/divider.gif) no-repeat top right;
}


.col4{
margin:10px 0;
padding-left:10px;
background:url(../images/divider.gif) no-repeat top left;
}


.fullCol{
width:940px;
margin:0 0 5px 0;
padding:0 0 10px 0;
float:left;
}

.fullCol img{
border:1px solid #666;
background:#f1f1f1;
}


.col123, .col234{
width:680px;
margin:10px 0;
padding:10px;
float:left;
}

.col1-2{
float:left;
margin:0 ;
width:430px;
min-height:204px;
padding-right:10px;
padding-left:10px;
padding-bottom:8px;
background: #f2f2f2 url(../images/col12Img.jpg) repeat-x bottom left;
}

.col3-4{
float:right;
margin:0 ;
width:460px;
padding:0;
}


.entry{
border-bottom:#A3A3A3 1px solid;
padding:5px 0;
}

p.posted{
font-size:10px;
font-style:italic;
color:#666666;
margin:0;
padding:2px 0;
}


.welcomeWrap{
background:url(../images/welcomeWrapBG.jpg) no-repeat top left;
width:434px;
height:47px;
padding:1px 0;
margin:5px 0 0 0;
}

.welcomeWrap a.getReader{
width:40px;
height:36px;
float:left;
margin:0;
padding:5px 3px;
background:url(../images/getReaderBG.gif) no-repeat top left;
}

.welcomeWrap a.getReader:hover{
background:url(../images/getReaderBG.gif) no-repeat top right;
}

.welcomeWrap p{
padding:2px;
margin:0;
}



/* 

GLOBALS 

----------------------------------------------------*/

a, a:active, a:link {
  color:#158fbf;
  text-decoration: underline;
}


a:hover, a.active {
  color: #158fbf;
  text-decoration: none;
}
	
	
a.smBtn{
margin:0 10px 5px 10px;
padding:10px 20px;
width:92px;
color:#000;
text-align:center;
text-decoration:none;
background:url(../images/smBtn.gif) no-repeat center left;
border:1px solid #cccccc;
}

.disclaimer{
background:#e1e1e1;
border:1px solid #ccc;
padding:5px;
font-style:italic;
font-size:10px;
}

.dropcapTxt{
font-size:200%;
float:left;
line-height:125%;
margin-right:10px;
}

a.smBtn:hover{
background-position:center right;
}
	
h1, h2, h3, h4, h5, h6{
color:#158FBF;
margin: 2px 10px 10px 0;  
font-weight: bold;	
display:block;
}

.green{color:#97a624;}
	
	
h1 {font-size:22px; line-height:26px;}
h2 {font-size:20px; line-height:24px;}
h3 {font-size:18px; line-height:22px;}
h4 {font-size:16px; line-height:18px;}
h5 {font-size:14px; line-height:16px;}
h6 {font-size:12px; line-height:14px;}


.clear{
clear:both;
}


.transparency{
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

.noTransparency{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
}


/* 

NAVIGATION

----------------------------------------------------*/
.navigation{
position:absolute;
top:115px;
margin-left:0px;
z-index:5;
width:601px;
background:#FFF;
padding:10px 0 10px 360px;
}


#nav, #nav ul { /* all lists */
	margin:0;
	padding:0;
	list-style:none;
	line-height: 1;
	width:600px;
	}
	
#nav li { /* all list items */
	float: left;
}

#nav a, #nav a.parent {
	display:block;
	*width:auto;
	padding:10px;
	font-size:14px;
	line-height:15px;
	text-decoration:none;
	color:#000; 
}

#nav a.parent{
background:url(../images/parentArrow.gif) no-repeat top right;
padding-right:20px;
}

#nav a:hover{
background-color:#97a624;
color:#f1f1f1;
}

#nav a.parent:hover{
background:#97a624 url(../images/parentArrow.gif) no-repeat bottom right;
}


#nav li ul a.child {
	display:block;
	padding:3px 5px;
	margin:0 5px;
	line-height:18px;
	font-size:11px;
	text-decoration:none;
	color:#000;
	width:170px!important;
	width:160px;
}

#nav li ul a:hover{background:#158FBF; color:#FFF;}

	
#nav li ul { /* second-level lists */
	position: absolute;
	background:#fff;
	border: #CCCCCC 1px solid; 
	width:200!important;
	width:190px;
	line-height:14px;
	margin-left:0px!important;
	margin-left:0;
	padding:10px 0 5px 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:2000;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/*

LARGE BUTTON

----------------------------------------------------*/

.col4 ul{
list-style-type:none;
margin:0;
padding:0;
}

a.largeBtn{
width:180px;
display:block;
font-size:12px;
line-height:35px;
color:#000000;
margin:10px 0;
padding:0 30px 0 5px;
text-decoration:none;
background:url(../images/lgButton.gif) no-repeat center left;
}

a.largeBtn:hover{
background-position:center right;
color:#f1f1f1;
}






/* 

FOOTER

----------------------------------------------------*/
#footer-content {
  padding:10px 0;
}


#footer{
margin:0 auto;
padding:20px 10px;
width:940px;
color:#f1f1f1;
font-size:10px;
}

#footer a{
color:#f1f1f1;
}
	
.footer img{
	float:left;
	padding:0 10px 0 0;
	}
	
	

/* 

FORMS

----------------------------------------------------*/

.tbContactform{float:left;padding-right:20px;}

.col3 .tbContactform .antispam, .tbContactform .antispam {
		display:  none;
		visibility: hidden;
	}

.col3.tbContactform label, .tbContactform label {
		width:  115px;
		display:  inline-block;
		vertical-align: top;
		clear: both;
	}

.tbContactform input.text,
.tbContactform textarea {
		width:  225px;
		padding: 2px;
	}

.tbContactform textarea {
		height:  115px;
	}

.tbContactform input.submit, .col3 .tbContactform input.submit {
		display: block;
      	width:  auto;
	}

.tbContactform .tbErrors p, .col3 .tbContactform .tbErrors p {
		color: #9E150F;
	}
	
/* home page contact */

.col3 .tbContactform input.text,
.col3 .tbContactform textarea {
		width: 200px;
		padding: 2px;
	}

.col3 .tbContactform textarea {
		height:  40px;
	}





/* 

FORMS

----------------------------------------------------*/


.col3 .tbContactform .antispam, .tbContactform .antispam {
		display:  none;
		visibility: hidden;
	}

.col3.tbContactform label, .tbContactform label {
		width:  115px;
		display:  inline-block;
		vertical-align: top;
		clear: both;
	}

.tbContactform input.text,
.tbContactform textarea {
		width:  225px;
		padding: 2px;
	}

.tbContactform textarea {
		height:  115px;
	}

.tbContactform input.submit, .col3 .tbContactform input.submit {
		display: block;
      	width:  auto;
	}

.tbContactform .tbErrors p, .col3 .tbContactform .tbErrors p {
		color: #9E150F;
	}
	
/* home page contact */

.col3 .tbContactform input.text,
.col3 .tbContactform textarea {
		width: 200px;
		padding: 2px;
	}

.col3 .tbContactform textarea {
		height:  95px;
	}

.maxChars{
font-size:10px;
color:#9E150F;
}