@charset "UTF-8";
body {
	font-size:11px;
	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;
}

/*  -----{ 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 {
	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: 722px;
float: left;
margin-right:25px;
}

		.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: 90px;
background:#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;
	padding: 5px 12px;
	float: left;
	text-align: center;
	display: block;
	width: auto;
	background:none;
	text-decoration:none;
}

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

/*  -----{ flash }---------------------------  */

#flash{
width: 100%;
height: 259px;
}


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

.clearfix {
   height: 0px;
   padding: 0px;
   margin: 0px;
   border: none;
   content: ".";
   display: block;
   visibility: hidden;
   clear: both;
   }
   
.first a{
border-top: 1px solid #666666;
}   


#zUL {
	height:25px;
	width:100%;
	text-align:center;   
      margin: 0px;               
      padding: 0px;              
      position: static;          
      background: #ffffcc;    
      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 {
			padding: 3px 0 0 0;
			width: 114px;
			float: left;
			text-shadow:#666666;
			position: relative;
			}
			
			#zUL li a{
			
			display: block;
			color: #333333;
			text-decoration:none;
			height: 20px;
			}
			
			#zUL ul li{
			padding: 0;
			width: 114px;/*STAY DO NOT CHANGE*/
			display: block;
			}
			
			#zUL a:visited
			{
			color: none;
			}
			
			#zUL ul li a{
			padding: 5px 0 0px 0;
			}
			
			#zUL a:hover, 
			#zUL li:hover{
			
			}
				
				
				#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; 
							margin: 0px;
							
							}
															
					
						#zUL ul li ul a{
							background-color: #ffffcc;
							color:#333333;
							margin: 0px;
							height:16px;
							text-align:left;
							width: 120px;
							text-decoration:none;
							padding:0px 5px;
							border-right: 1px solid #666666;
							border-bottom: 1px solid #666666;
							border-left: 1px solid #666666;
							}/*color for drop down text*/
					
						#zUL ul li ul a:hover, 
						#zUL ul li ul a:active{
							color:#333333;
							background-color: white;/*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}


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

#mainContent {
	width: 775px;
	margin-top: 10px;
	padding-left: 25px; 
	background: #FFFFFF;
	height: 300px;
	margin-bottom: 15px;
	}

#content1 {
width: 480px;
margin-right: 25px;
float: left;
margin-bottom: 20px;
}

#newsContent{
width: 250px;
margin-right: 8px;
float: left;
}


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

#footer {
	font-size: 80%;
	width: 100%;
	height: 91px;
	margin-top: 30px;
	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;
    }


/*  -----{ MMCMAIN1 CSS }---------------------------  */

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

#mainContent2 {
	width: 100%;
	margin-top: 10px;
	padding: 0 10px; 
	background: #FFFFFF;
	min-height: 400px;
}

#mainContent2 img{
float: right;
margin-left: 10px;
margin-bottom: 20px;
}

#content2 {
width: 100%;
float: left;
min-height: 1000px;
}

#content2 p{
padding-right: 260px;

}

#newsContent2{
margin-top: 300px;
margin-left: 560px;
width: 240px;
float: right;
position: absolute;
}

#story{
width: 240px;
float: right;
}

/*  -----{ MMCMAIN2 CSS }---------------------------  */

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

#mainContent3 {
	width: 100%;
	margin-top: 10px;
	padding: 0 10px; 
	background: #FFFFFF;
}

#contentUnderPic{
min-height: 400px;
}

#mainContent3 img{
float: left;
margin-right: 10px;
margin-bottom: 20px;
}

#content3 {
width: 100%;
float: left;
}

#content3 p{
padding-left: 0px;

}

#newsContent3{
margin-top: 300px;
width: 240px;
float: right;

}

#story{
width: 240px;
float: right;
}



/*  -----{ MMCNEWS CSS }---------------------------  */

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

#eventsContent{
margin-top: 420px;
margin-left: 560px;
width: 240px;
float: right;
position: absolute;
}