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

/*Universal Style*/
body  {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
	line-height: 1.5em;
	background: url(../images/background.png) bottom fixed repeat-x #5269b2;
}



p{
line-height: 1.5em;
font: 14px Arial, Helvetica, sans-serif;
}

#largeContainer{
	width: 950px;
	margin: 0 auto;
	margin-top: 20px;
min-height: 800px;
border: 5px solid #A4B5E0;

background: #455522;
}


#header{
width: 950px;
background: #455522;
}

/*Banner container and Nav*/
#centerElements{
width: 900px;
margin: 0 auto;
}

#banner{
margin-top: 20px;
margin-bottom: 40px;
width: 900px;
height: 200px;
background:none;

}


#contentArea{
background: #E4DABC;
width: 890px;
min-height: 1000px;
text-align:left;
padding-left: 30px;
padding-right: 30px;
padding-top: 40px;
}

#logo{
width: 200px;
margin-top: -75px;
}

#whatsUp{
width: 150px;
margin-top: -80px;
margin-bottom: 5px;
margin-left: 620px;
border-right: 1px solid #864C0D;
}

#donateButton{
width: 119px;
height: 100px;
margin-top: -100px;
margin-bottom: 0px;
margin-left: 780px;
}

#whatsUpHP{
width: 150px;
margin-top: -30px;
margin-bottom: 5px;
margin-left: 620px;
border-right: 1px solid #864C0D;
}

#donateButtonHP{
width: 119px;
height: 100px;
margin-top: -100px;
margin-bottom: 0px;
margin-left: 780px;
}
/*Inline changed to universal styles*/

.style1 {
	color: #5269B2;
	font-weight: bold;
	font-size: 16px;
}

.style2 {color: #E6EAE9}

.style3 {
	font-size: 9px;
	font-weight: bold;
	font-style: italic;
}


.style4 {
	font-size: 10px;
	font-weight: bold;
}

.style5 {font-size: 24px}
.style6 {
	font-size: 24px;
	color: #864C0D;
	font-weight: bold;
}

.styleLittle {
font-size: 10px;
color: #864C0D;
font-weight: bold;
}

.ulLarge{
font-size: 14px;
}



/*  -----{ navigation }---------------------------  */

.clearfix {
   height: 0px;
   padding: 0px;
   margin: 0px;
   border: none;
   content: ".";
   display: block;
   visibility: hidden;
   clear: both;
   }
   
   
body#current a#overHere{
	background: url(../images/active.png);
	color: #864C0D;
	cursor: default;
}


#zUL {
	height:35px;
	width:900px;
	text-align:center;   
      margin: 0px;               
          
      position: static;          
      background:none;    
      color: #000;               
      z-index: 20;  
}

#zUL ul {
	margin:0px;
	padding: 0px;
	list-style:none;
	text-decoration:none;
	z-index: 99;                /* want to be sure this is above the rest of the menu */
	
 }/*this dictates the layout/placement of the ul and the drop down list below it*/
 
 
		#zUL li {
			float: left;
			text-shadow:#666666;
			position: relative;
			}
			
			#zUL li a{
			display: block;
			color: #E6EAE9;
			text-decoration:none;
			height: 23px;
			background: url(../images/non-active.png);
			}
			
			#zUL ul li{
			padding: 0;
			width: 100px;/*STAY DO NOT CHANGE*/
			display: block;
			}
			
			#zUL a:visited
			{
			color: none;
			}
			
			#zUL ul li a{
			padding-top: 12px;
			}
		
			#zUL ul li a:hover{
			background: url(../images/active.png);
			color: #864C0D;
			}
				
				
				#zUL ul li ul{
					visibility:hidden;
					position:absolute;
					padding:0px;
					}/*hides the nested ULs, the ones that contain the sub-links.*/
					
					
						#zUL ul li:hover ul{
							visibility:visible;
							position: absolute;
							z-index: 99; 
							
							}
															
					
						#zUL ul li ul a{
							color:#E6EAE9;
							background: #864C0D;
							font-size: 90%;
							margin-left: 1px;
							height:25px;
							text-align:left;
							width:90px;
							text-decoration:none;
							padding-top: 10px;
							padding-left: 5px;
							border: 1px solid #864C0D;
							
							}/*color for drop down text*/
					
						#zUL ul li ul a:hover, 
						#zUL ul li ul a:active{
							color:#864C0D;
							background: #E4DABC;/*color for hover state background*/
				
							}

	
	/* only non-MSIE browsers use this */
    #zUL ul li>ul,
    #zUL ul ul li>ul{
 }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #zUL li:hover ul ul,              
    #zUL li:hover ul ul ul,
    #zUL li:hover ul ul ul ul,
    #zUL li:hover ul ul ul ul ul{
        display:none;
    }

    #zUL li:hover ul,
    #zUL ul li:hover ul,
    #zUL ul ul li:hover ul,
    #zUL ul ul ul li:hover ul,
    #zUL ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }
#container {clear:left}


/*footer*/
#footNav{
width: 100%;
color: #864C0D;
font-size: 90%;
margin-top: 10px;
padding-bottom: 10px;
background: #E4DABC;
text-align: center;
}

#footNav a{
color: #864C0D;
}


#footer p{
font-size: 80%;
padding-top: 20px;
width: 950px;
margin: 0 auto;
color: white;
}

#footer a{
color: white;
}

/*Search*/

#topLinks{
	margin-left: 507px;
	border: none;
	background: none;
	height: 28px;
	color: #864C0D;
	margin-top: -30px;
	margin-bottom: 50px;
}

input.btn{
	font-size: 10px;
	color: #864C0D;
	border: none;
	background: none;
	cursor: pointer;
}


/*homepage*/

#container2{
width: 100%;
min-height: 800px;
}

#col1{
width: 60%;
float: left; 
margin-top: -90px; 
min-height: 800px;
border: 1px solid #864C0D;
padding: 20px;
background: #E6EAE9;
}

#col2{
width: 30%; 
margin-left: 40px;
float: left; 
min-height: 745px;
border: 1px solid #864C0D;
text-align: center;

margin-bottom: 30px;
background: #E6EAE9;
}

/*1 column*/
#col1col{
width: 850px;
min-height: 645px;
border: 1px solid #864C0D;
padding: 20px;
background: #E6EAE9;
}