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

* 
{
	margin:0px;
	padding:0px;
}


body
{
	background: #7B893A url(images/backgroundrep.jpg) repeat-x  top left;
	text-align: center;
}


ul, li 
{
    list-style: none;
}


p{
    font: 11px/14pt verdana, arial, helvetica, sans-serif;
    color: #000;  
    padding: 0 30px 0 0;
}



#container
{
	margin: 0 auto;
	width: 921px;
	padding-bottom: 100px;
}


#wrapper
{
	
	background: url(images/papermiddleBackground.gif) repeat-y top left;	
	
}


#backgrounder
{
	width: 921px;
	background: url(images/subPageBackground.gif) no-repeat top left;
}


#masthead 
{
	height: 87px;
}


#top_left
{
	float:left;   
}


#top_right
{
	float:right;  
	width:560px;
	padding:50px 0 0 0;
}


#logo 
{
	width: 330px;
	height: 71px;
	text-indent: -9999px;
	margin: 15px 0 0 20px;
	display: block;
}


#left-content
{
	float: left;
	text-align: left;
	width: 320px;
	padding: 0 0 0 20px;
}


#right-content
{
	float: right;
	text-align: left;
	width: 520px;	
	margin-right: 43px !important; /*use a different margin-right for IE6 only*/
	margin-right: 23px;
}


.box
{
	width: 500px; /*only set width for the containing box, control indent through padding left, right on .box h2, .box p*/
	background: url(images/textMiddleBackground.gif) repeat-y;
	float: right;
	/*border: 1px solid red;*/
    font-family:Verdana;

}


.box h2
{
	background: url(images/about-title.gif) no-repeat left top;
	text-indent: -9999em;
	padding-top: 80px; 	/* have the TOP of the box show up:*/
}


.box h2, .box p
{
	padding-left: 20px;
	padding-right: 20px;
	width:90%;
	font-family:Verdana;
}


.p1
{
	padding-left: 0px;
	padding-right: 20px;
	width:90%;
	font-family:Verdana;
}

.last1
{
	background: url(images/textBottomBackground.gif) no-repeat bottom left !important;	
	background: url(images/ie-textBottomBackground.gif) no-repeat bottom left;	
	padding-bottom: 56px; /* have the BOTTOM of the box show up:*/
	margin-bottom: -20px !important;
}

#image-footer
{
	position:absolute;
	top: -295px;
	left: 50px !important;
    left: -400px;
	height:274px;
	width: 180px;
	background: url(images/woman-child.gif) no-repeat top left;
}


#footer 
{
	position: relative;
    margin: 0px 10px 10px 10px;
	text-align: left;
}


#footer a, #footer p
{
	color: #f0e9d8;   
	font-size: 10px; 
	text-decoration: none;  
}

 
#links
 {
	float: right; 
	padding: 0;  
 }

 
#links a 
 {
	 padding-right: 10px;
	 text-transform: capitalize;
	 letter-spacing: -1px;
 }

 
#copyright
 {
	  width: 500px;   
	  float:left;     
	  padding: 0;
	  letter-spacing: -1px;  
 }


.clear
{
	clear: both;
}


/*------------------------------------------
   suckerfish dropdown menu functionality
 -----------------------------------------*/

.single
{
	height: 26px;
}


#nav li ul a.no-border
{
    border:0;
}


#nav 
{ /* all lists */
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
}


#nav a 
{
	display: block;
	width: 100px;
	text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font: bold 10px/10pt Georgia, Times New Roman, Serif;  
    color: #81873c;
}


#nav a:hover
{
    color: #a44c20;    
}


#nav li 
{ 	
	/* all list items */
	float: left;
	text-align:left; /* text-align needed or else IE goes nuts */
/*	width: 100px;*/ /* width needed or else Opera goes nuts */

}


#nav li ul 
{ /* second-level lists */
	position: absolute;
	background: #fffffe;
	color: #2d709e;
	border: 1px solid #cacf96;
	padding: 0 10px 0 10px; 
    width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#nav li ul a
{
    color: #2d709e; 	
    border-bottom: 1px solid #2d709e;
    font: bold 11px/15pt verdana, arial, helvetica, sans-serif;
    text-align: left;
    text-transform: capitalize;
    width: 12em;
    padding: 0 15px 0 0;
}


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


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


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



#imageholder{
	height:500px;
	background: url(images/about-pic.gif) no-repeat top left;
}


.box h2 
{
	background: url(images/header/about.gif) no-repeat left top;
}


.clear
{
	clear: both;
}
a.newcss
{
    color:rgb(0,51,153);
    text-decoration:none;
}
a.newcss:hover
{
    text-decoration:underline;
}