div{
border: 0px solid green;
}

.left{
float: left;
}

.right{
float: right;
}

.clear{
clear: both;
}

body{
font-family: Times, Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background-color: #383d39;

}


.left{
float: left;
}

.right{
float: right;
}

body{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;

}


#header_container{
background-color: #000;
}

	#header{
	background: url('../images/bg_header3.jpg') top left no-repeat;
	margin: 0 auto;
	width: 960px;
	height: 280px;
	}


#navi_container{
border-top: #566158 1px solid;
border-bottom: #566158 4px solid;
background-color: #232726;
background: url('../images/bg_navi2.jpg') top left repeat;
height: 44px;
}

	#navi{
	margin: 0 auto;
	width: 960px;	

	}
	
		#navi ul{ list-style-type: none; margin:0; padding:0;  font-size: 0.9em;}
		#navi ul li{ float: left; border-right: 1px solid #566158;}
		#navi ul li.first{border-left: 1px solid #566158;}
		
		#navi ul li a{text-align: center; display: block; width: 8em; padding: 11px 2px 12px 2px; color: #fff; text-decoration: none; }
		#navi ul li a:hover{color: #F0CE48; background-color: #232726; }

		#navi ul li a.home{ height: 21px; background: url('../images/buttons/home.jpg') center top no-repeat; }
		#navi ul li a:hover.home{ height: 22px; background: url('../images/buttons/home.jpg') center bottom no-repeat; }

		#navi ul li a.membership{ height: 21px; background: url('../images/buttons/membership.jpg') center top no-repeat; }
		#navi ul li a:hover.membership{ height: 22px; background: url('../images/buttons/membership.jpg') center bottom no-repeat; }
	
		#navi ul li a.forum{ height: 21px; background: url('../images/buttons/forum.jpg') center top no-repeat; }
		#navi ul li a:hover.forum{ height: 22px; background: url('../images/buttons/forum.jpg') center bottom no-repeat; }
		
		#navi ul li a.area_reps{ height: 21px; background: url('../images/buttons/area_reps.jpg') center top no-repeat; }
		#navi ul li a:hover.area_reps{ height: 22px; background: url('../images/buttons/area_reps.jpg') center bottom no-repeat; }
		
		#navi ul li a.events{ height: 21px; background: url('../images/buttons/events.jpg') center top no-repeat; }
		#navi ul li a:hover.events{ height: 22px; background: url('../images/buttons/events.jpg') center bottom no-repeat; }
		
		#navi ul li a.sponsors{ height: 21px; background: url('../images/buttons/sponsors.jpg') center top no-repeat; }
		#navi ul li a:hover.sponsors{ height: 22px; background: url('../images/buttons/sponsors.jpg') center bottom no-repeat; }
		
		#navi ul li a.contact_us{ height: 21px; background: url('../images/buttons/contact_us.jpg') center top no-repeat; }
		#navi ul li a:hover.contact_us{ height: 22px; background: url('../images/buttons/contact_us.jpg') center bottom no-repeat; }
		


#content_container{
margin: 0 auto;
width: 960px;

}

	#content{
	width: 550px;
	float: left;
	margin: 0 40px 40px 0;
	padding: 10px;
	font-size: 0.8em;
	}
	
		#content h1{
		font-weight: 400;
		
		color: #f0c518;
		}
		
		#content h2{
		color: #fff;
		font-weight: 700;
		font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		}
		
		#content p{
		font-size: 0.8em;
		color: #ddd;
		line-height: 160%;
		}
		
		#content a{color: #EFC717}
		#content a:hover{color: #ffffff}
		
		a.home1, a.home2, a.home3{float:left; margin: 0 15px 0 0; width:264px; height: 135px; display:block; }
		a.home1 {background: url('../images/butt_membership.png') top left no-repeat}
		a.home2 {background: url('../images/butt_forum.png') top left no-repeat}
		a.home3 {background: url('../images/butt_reps.png') top left no-repeat}
			a.home1:hover {background: url('../images/butt_membership2.png') top left no-repeat}
			a.home2:hover  {background: url('../images/butt_forum2.png') top left no-repeat}
			a.home3:hover  {background: url('../images/butt_reps2.png') top left no-repeat}


#right_col{
margin-top: 60px;
padding-left: 15px;
width: 200px;
float: right;
border-left: 1px dotted #ccc;
}
#right_col.home{

width: 310px;
height: 570px;
border: 0;
}

	#right_col h2{
	color: #f7941c;
	font-size: 1.2em;
	font-weight: 400;
	border-bottom: 2px solid #767976;
	padding: 0 0 15px 0;
	}
	#right_col img{
	margin: 15px;
	border: 2px solid #F0C518;
	}
	
#footer_container{
clear: both;
border-top: 3px solid #363b37;
background-color: #494e4a;
}

	#footer{
	margin: 5px auto 0 auto;
	width: 960px;
	height: 189px;
	color: #aaa;
	font-size: 0.8em;
	}
	
	#footer ul{ list-style-type: none; margin: 15px 0 0 0; padding: 0;}
	#footer ul li{ display: inline;  }
	#footer ul li a{color: #aaa; text-decoration: none; padding: 0 3px}
	#footer ul li a:hover{color: #EFC717;}