@charset "utf-8";
/* Contains site-wide styles */

/* Basic page setup to make it play nice in all browsers */
img
{
	border:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:100%;
	font-size:10px;
	background-color:#c8df71;
	background-image:url(../images/bg-body.png);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}

div
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}


a
{
    font-family:Arial, Helvetica, sans-serif;
    color:#004b27;
}

ul
{
     margin-top:0px;
    margin-bottom:10px;   
    padding-top:0px;
    padding-bottom:0px;
    width:230px;
	margin-left:10px;
	padding-left:20px;
}
li
{
    font-family:Arial, Helvetica, sans-serif;
    color:#004b27;
    font-size:10pt;  
    margin-top:0px;
    margin-bottom:0px; 
	
	list-style-type:disc; 
}

#leftNav li
{
	list-style:outside;
	list-style-type:none;

}

.hr
{
    width:560px;
    height:1px;
    background-color:#673105; 
    margin-left:60px;
    margin-top:15px;
}

.hr hr
{
    width:600px;
    height:1px;
    display: none;
}
p
{
    margin:0px 0px 0px 0px;   
}


/* ------ Page Positioning --------- */
#outerContainer
{
	margin: 0 auto;
	margin-top:30px;
	margin-bottom:30px;
	
	width:744px;
	height:auto;
	background-image:url(../images/bg-outerContainer.png);
	background-position:bottom;
	/* background-color:#e4f1b4;*/
}

#header
{
	background-image:url(../images/bg-header.jpg);
	width:744px;
	height:130px;
	position:relative;
}

#header #topNav
{
    position:absolute;
    right:6px;
    bottom:-2px;
	width:722px;      
	background-color:#f7fce8;
}
#header #topNav #navButtons 
{
   position:absolute;
   right:1px;
   bottom:10px;
   width:573px;

}
#header #topNav #navButtons .topNavBtn
{
    margin-right:-4px; 
    margin-bottom:-2px;    
}

#header #topLinks
{
    position:absolute;
    left:464px;
    /*top:-20px;  */
    bottom:135px;
    width:460px;
}
#header #topLinks ul
{
    width:460px;
}
#header #topLinks li
{
   float:left;
   list-style:none;
   margin-left:5px;
}

#header #topLinks a
{
  text-decoration:none;
  color:#673105;
}

#headerLogo
{
    width:201px;
    height:151px;
    /*background-image:url("images/header-logo.gif");*/
    position:absolute;
    top:-27px;
    left:-4px;
    
}





#header h1
{
   	visibility:hidden;
}



#footer
{
	width:744px;
	height:41px;
	clear:both;
	position:relative;
	bottom:0px;
	background-image:url(../images/bg-footer.png);

}

#footer p
{
	font-size:12px;
	text-align:right;
	padding-top:12px;
	padding-right:6px;
	color:#673105;
}

#footer a
{
     color:#673105;
    text-decoration:none;   
}


#innerContainer
{
	width:744px;
	position:relative;

	background-position:bottom;
	background-repeat:no-repeat;
    border-bottom-width:0.1px;
    border-bottom-color:#cfe28e;
    border-bottom-style:solid;
     background-image:url(../images/bg-content.png);
 }
 
 #content
 {
    margin-left:12px;
    
    margin-top:0px;
    z-index:100;
 
 }

#leftNav
{
	width:170px;
	height:582px;
	/*height:100%;*/
	position:relative;
	float:left;
	top:0px;
	background-image:url(../images/bg-leftNav.jpg);
	background-repeat:no-repeat;
	
	/*background-color:#e3f1b4;*/
	background-color:Transparent;
    left:1px;
}
#leftNav li
{
    list-style-image:none;
    list-style-type:none;
}

#sectionTitle, .subSectionTitle
{
    /* Note: section title gfx set in individual css files */
	height:50px;
	overflow:hidden;
	margin:0px;
	background-repeat:no-repeat;
	width:420px;
	float:left;
    position:relative;
    left:-9px;
  
}

#sectionTitle h1, .subSectionTitle h1
{
    /* Hide the text so that we only see the background image.
        This is for search engines & people who turn off the css */
 	visibility:hidden;   
}


#fontSize
{
    font-family:Arial, Helvetica, sans-serif;    
    width:228px;
    height:31px;
    text-align:right;
    float:right;
    position:absolute;
    right:10px;
    top:4px;
}



#fontSize p
{
    font-size:12px;
    padding-top:3px;  
    color:#673105; 
    margin-right:0px;
}

#fontSize a
{
    text-decoration:none;   
}


.picture
{
	width:231px;
	height:300px;
	float:right;
	position:relative;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:right;
	padding-right:0px;
	margin-left:14px;
	margin-bottom:0px;
	    margin-top:10px;
	top:-10px;
	right:0px;
}

.pictureHoriz
{
	width:534px;
	height:175px;
	clear:both;
	float:none;
	margin-left:10px;
	margin-bottom:10px;
	top:0px;
}



.picture h1
{
   	visibility:hidden;
}


#contentBordered
{
    width:712px;
    border-style:solid;
	border-width:1px;
	border-color:#85b74a;
	position:relative;
	padding-left:10px;
	height:100%;
	background-color:#c0dc59;
	padding-bottom:10px;
	margin-bottom:10px;
	/* IE doesn't respect min-height, but calculates the border area
    the way we want... so this keeps FF open at least as high as the
    right picture when there's little text */
	min-height:365px;
	background-color:#e5edca;
}


/*
#contentFooter
{
    width:554px;
    height:55px;
     background-color:#beda53;
    position:relative;  
    margin-top:0px;
    margin-bottom:10px;
    left:180px;
    z-index:50;
}


#contentFooter img
{
 position:relative;
 top:0px; 
 height:50px;  
}

#contentFooter #contactUs
{
    position:absolute;
    bottom:0px;
}

#contentFooter #findAnswers
{
    position:absolute;
    right:1px;
    bottom:0px;
}
*/

#recentNews h2
{
   margin-top:4px;
   margin-bottom:-4px;
   margin-left:8px;
   font-size:12pt;
}


#recentNews h3
{
   margin-top:8px;
   margin-bottom:0px;
   margin-left:8px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   color:#004b27;
}

#recentNews p
{
   margin-top:0px;
   margin-bottom:4px;
   margin-left:8px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   color:#004b27;
}

recentNews p
{
   margin-top:0px;
   margin-bottom:4px;
   margin-left:8px;
}

.newsLink
{
    color:#673105;
}


.clear
{
	clear:both;
}

.clearL
{
	clear:left;
}
.clearR
{
	clear:right;
}

/* -------- Nav Bar ------------- */


#navbuttons
{
    z-index:20;
}

.navshift
{
    
	position:relative;
	left:-10px;
	top:5px; 
}

.singleline
{
    top:16px;   
}

#leftNav ul 
{
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type:none;
	text-align:right;
	width:159px;
	margin-top:0px;
	margin-left:11px;
}

#leftNav li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	width:159px;
	height:32px;
	
}



#leftNav a
{
	text-decoration:none;
	color:#673105;
	display:block;
	width:159px;
	height:32px;

}



#leftNav a:hover
{
	/* Because IE is stupid it won't cache a bg image... so instead turn of the image
	already showing to reveal the roll state set behind it in the LI element */
	background-color:Transparent;
	background-image:url(../images/bg-leftNav_btn.jpg);
	background-repeat:no-repeat;
}

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

/* ----------  Text Formatting ------------ */
.sectionTitle
{
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:24pt;
}




h2
{
  font-size:14pt;
  font-family:Arial, Helvetica, sans-serif;
  color:#004b27;
}

h2
{
  font-size:12pt;
  font-family:Arial, Helvetica, sans-serif;
  color:#004b27;
}

h4
{
  font-size:10pt;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  color:#004b27;
  margin:20px 0 10px 0;
}


em
{
    font-style:italic;
}

strong {
	font-weight: bold;
}

.emphasis
{
    font-weight:bold;
}


a.innerlink
{
	font-weight:bold;
	color:#004b27;
}

ul.contentlist
{
	font-family:Arial, Helvetica, sans-serif;
	/*NOTE: the fontsize.ascx.cs code overrides the font-size on a page-by-bage basis */
	font-size:10pt;
	color:#004B27;
}

.left
{
  float:left;   
}
.right
{
    float:right;   
}


p
{
	font-family:Arial, Helvetica, sans-serif;
	/*NOTE: the fontsize.ascx.cs code overrides the font-size on a page-by-bage basis */
	font-size:10pt;
	margin-bottom:10px;
    margin-right:10px;  
	color:#004B27;
}

#content p
{
    clear:left;   
    margin-left:6px;
}