@charset "UTF-8";
/* CSS Document */
body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.7em;
	background: none;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

p{
line-height: 1.7em;
}

.heading1{
color: #660033;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif Verdana, Arial, Helvetica, sans-serif;
}

.heading2{
color: black;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif Verdana, Arial, Helvetica, sans-serif;
}

.italics{
font-style: italic;
font-weight: bold;
}

.readMore a{
color: #3399FF;
text-decoration:none;
}

.mainPagegead{
color: #333333;
font-size: 16px;
font-weight: bold;

}

/*  -----{ main container }---------------------------  */

#container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/*  -----{ header }---------------------------  */


#header {
	width: 100%;
	height: 27px;
	text-align: right;
	margin-top: 10px;
}

#header ul {
	margin: 0px;
	padding-right: 6px;
	padding-left: 6px;
	float: right;
	height: 31px;
}

#header li {
	list-style: none;
	display: inline;
}

#header li a {
font-size: 11px;
	color: #660033;
	margin-top: 2px;
	padding-right: 6px;
	padding-left: 6px;
	float: left;
	text-align: center;
	display: block;
	width: auto;
	background:none;
	text-decoration:none;
}

#search{
width: 695px;
float: left;
margin-right:13px;
}

		.button { 
		color: #660033;
		font-size:11px;
		background: none;
		border: none;
		font-family:Arial, Helvetica, sans-serif Verdana, Arial, Helvetica, sans-serif;
		cursor:pointer;
		}

/*  -----{ logo }---------------------------  */

#logo{
width: 100%;
height: 60px;
background:#660033;
border: 1px solid #660033;
}


#logo img{
float: left;
}

#logo ul {
	margin: 0;
	padding: 6px 4px 0 0;
	float: right;
	height: 31px;
}

#logo li {
	list-style: none;
	display: inline;
}

#logo li a {
	color: white;
	font-size: 11px;
	padding: 5px 12px;
	float: left;
	text-align: center;
	display: block;
	width: auto;
	background:none;
	text-decoration:none;
}

#logo li a:hover {
text-decoration:underline;
}


/*  -----{ content }---------------------------  */

#mainContent {
	width: 98%;
	margin-top: 10px;
	padding: 0 10px; 
	background: #FFFFFF;
	min-height: 600px;
}


/*  -----{ footer }---------------------------  */

#footer {
	font-size: 75%;
	width: 100%;
	height: 91px;
	margin-top: 25px;
	padding: 0 10px; 
	background:none;
	color: #666666;
	text-align: right;
}

.last{
margin-left: 10px;
}

.footerPic{
	margin-top: -25px;
	margin-left:20px;
}

.footerNav{
margin-top: 15px;
border-top: 1px solid #666666;
}

#zUL2 {
	color: #666666;
	float: left;
	display: block;
	background:none;
	text-decoration:none;
	 z-index: 20;   
	         
}

#zUL2 ul {
	margin: 0;
	padding: 7px 4px 0 0;
	float: left;
	height: 31px;
	list-style: 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*/
 
 
		#zUL2 li {
			float: left;
			text-shadow:#666666;
			position: relative;
			
			}
			
			#zUL2 li a{
			color: #666666;
			float: left;
			display: block;
			width: auto;
			background:none;
			text-decoration:none;
			}
			
			#zUL2 ul li a{
			padding: 0;
			width: auto;/*STAY DO NOT CHANGE*/
			display: block;
			text-align: center;
			margin-right: 20px;
			}
			
			#zUL2 a:visited
			{
			color: none;
			}
			
			
			
			#zUL2 a:hover, 
			#zUL2 li:hover{
			text-decoration:none;
			}
				
				
				#zUL2 ul li ul{
					visibility:hidden;
					position:absolute;
					padding:0px;
					}/*hides the nested ULs, the ones that contain the sub-links.*/
					
					
						#zUL2 ul li:hover ul{
							visibility:visible;
							position: absolute;
							z-index: 99; 
							margin: 0px;
							
							}
															
					
						#zUL2 ul li ul a{
							background-color: none;
							margin: 0px;
							height:18px;
							text-align:left;
							width: 80px;
							text-decoration:none;
							padding:0px 10px;
							border-right: 1px solid #666666;
							border-bottom: 1px solid #666666;
							border-left: 1px solid #666666;
							}/*color for drop down text*/
					
						#zUL2 ul li ul a:hover, 
						#zUL2 ul li ul a:active{
							background-color: none;/*color for hover state background*/
		
							}

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

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

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

    li>ul {
        top: auto;
        left: auto;
    }