/* COLOR AND FONTS */
/* CONTAINER */

body{
 background:#F3F3F3;
}
#container {
	width: 757px;
	margin: 0 auto;
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	font-size: 11px;
	line-height: 1.6em;
	color: #666;
	background-color: #FFF;
  
	}

#header{
   border: 1px solid #666666;
   margin-left:2px;
   padding:0;
   height:144px;
   width: 749px;
}

/* NAVIGATION BAR */
#navigation{
margin-left:2px;
width:749px;
border:1px solid #666666;
}
#navigation ul {
  padding:1px;
  list-style-type:none;
  height:38px;
  }

#navigation ul li {
	float:left;
    padding:0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;

  }

a#home img {background-image: url(../images/home.gif);}
 a#members img {background-image: url(../images/members.gif);}
 a#calendar img {background-image: url(../images/calendar.gif);}
 a#join img {background-image: url(../images/join.gif);}
 a#contact img {background-image: url(../images/contact.gif);}
 a#aboutus img {background-image: url(../images/aboutus.gif);}
a#links img {background-image: url(../images/links.gif);}

 a#home:hover img {background-image: url(../images/home2.gif);}
 a#members:hover img {background-image: url(../images/members2.gif);}
 a#calendar:hover img {background-image: url(../images/calendar2.gif);}
a#join:hover img {background-image: url(../images/join2.gif);}
 a#contact:hover img {background-image: url(../images/contact2.gif);}
 a#aboutus:hover img {background-image: url(../images/aboutus2.gif);}
 a#links:hover img {background-image: url(../images/links2.gif);}
 

 a#home:active img {background-image: url(../images/home.gif);}
 a#members:active img {background-image: url(../images/members.gif);}
a#calendar:active img {background-image: url(../images/calendar.gif);}
 a#join:active img {background-image: url(../images/join.gif);}
 a#contact:active img {background-image: url(../images/contact.gif);}
 a#aboutus:active img {background-image: url(../images/aboutus.gif);}
 a#links:active img {background-image: url(../images/links.gif);}
 
/* STRUCTURE */

#navigation ul {
  margin:0; 
  padding:0;
  list-style-type:none;
  width: 749px;
  height:40px;
  }
#content{
 width:748px;
 margin-left:2px;
 border: 1px solid #666666;
}
/* Boxed Style */


#sidebar1 {
 float:left;
 margin:10px 5px 0 5px;
 padding:0;
}
img.left{
  padding:15px 0 0 0;
  margin:0;
}
#central1{
 margin: 0 0 0 0px;
 padding: 25px 5px 5px 30px; 
 float:left;
 width:320px;
 
}
#central1 h2{
 
 text-transform: uppercase;
 font-weight:bolder;
 font-size: 1.3em;
 color:#333333;
}
#sidebarR1{
 margin:0;
 padding: 10px 10px 5px 20px;
 float:left;
 width:200px;
}
#sidebarR1 .content {
padding: 10px;
height:140px;
}
#left2 lu {
 margin:0;
 padding:0;
 list-style:none;
 line-height:.8em;
}

#clear{
 clear:both;
}
#sidebar2 {
 float:left;
 margin:10px 5px 0 20px;
 padding:0;
 width:200px;

}
#history{
 float:right;
}
#f_right{
 float:right;
}
#f_left{
 float:left;
}
#f_center{
 float:none;
}
#central2{
 margin: 0 0 0 0px;
 padding: 25px 5px 5px 30px; 
 float:left;
 width:230px; 
 
}
#sidebarR2{
 margin:19px 0 0 25px;
 padding: 0px 5px 5px 5px;
 float:left;
 width:190px;
 border-left: 1px dashed #666666;
}
#central_line{
  width:748px;
  height:10px;
  padding:0;
  margin:0;
  background-color:#b00e0b;
}

.boxed {
}

.boxed .title {
	background: url(../images/title.gif) repeat-x;
}
.boxed .title h2 {
    margin:0 0 3px 0;
	height: 28px;
	padding: 10px 0 0 10px;
	text-transform: uppercase;
	font-size: 1em;
	color: #FFFFFF;
}
.boxed .content {
	margin:0 0 0 0;
	padding:0px 7px 0 7px;
	border-top: 1px solid #FFFFFF;
	background: url(../images/gradient.gif) repeat-x;
	
}
.left_float{
  float:left;
  margin: 0 10px 0 0px;
  }
  


#sidebar2 .boxed .content ul {
    margin:2px;
	padding:0 6px 0 6px ;
	list-style:none;
}
#sidebar2 .boxed .content {
 
}
.content ul li h3 {
   padding:0;
   margin: 5px 0 5px 0;
  font-size:.8em;
}

.content p {
   margin:6px 0 6px 0;
   padding:0;
   line-height:normal;
   font-size: 1em;
}
#sidebar_content{
 float:left;
 margin:0px 5px 0 0px;
 padding:0;
 }
.body_content{
width: 500px;
}
.title h2{
    padding: 10px 0 0 10px;
	text-transform: uppercase;
	font-size: 1.4em;
	color: #333333;
}
#central_content{
float:left;
width: 520px;
margin: 0 0 0 0;
padding: 20px 15px 10px 55px;
font-size:1.1em;
}

.learn_more{
  text-align:right;
  font-size:0.8em;
  color:#FF0000;
}
#footer 
{
 background-image: url(../images/footer.gif);
 text-align:center;
 color:#ffffff;
 width:757px;
 height:43px;
 }
 #footer p {
  margin:0;
  padding:6px 0 0 0;
 }
 
 .aniverBG, .aniverBG tr{ 
   background-image:url(/images/mmhbalog.gif) no-repeat;
   border:solid 3px #FF0000;
 }