body, html {margin:8px;} 

#container {
width: 724px;
background-color: #ffffff;  
}
#container #leftcolumn {
	width: 168px;
	float: left;
}
#container #rightcolumn {
	float: right;
	width: 556px;
	background: url(image_top_index.jpg) no-repeat;
}
#container #rightcolumn #head #headimage {
	background: url(../images/image_top_index.jpg) no-repeat;
	height: 66px;
}
#container #rightcolumn #head #nav_menu_box {
	background: #0a885a;
	height: 26px;
}
.nav_index {
	background: url(../images/nav_index.jpg) no-repeat;
}

#container #rightcolumn #head #flash {
	height: 122px;
}
#container #rightcolumn #bodycontent #bodyleft {
	width: 360px;
	float: left;
}

#bodyleft p {
	font: 14px/1.8 Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: top;
	padding-right: 35px;
	padding-left: 35px;
}
#container #rightcolumn #bodycontent {
	width: 555px;
	float: none;
}
#bodyleft #leftcolumnbox {
margin-left: 1.5em;
	padding: .75em;
	width: 300px;
background-color: #008353;
}
#container #rightcolumn #bodycontent #bodyright #box3 .content a {
	color: #999999;
}

#leftcolumnbox p {
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 12px;
color: #ffffff;
}
#leftcolumnbox a:link, #leftcolumnbox a:visited {
padding-left: 1em;
font-family: Arial,Helvetica,sans-serif;
color: #ffffff;
font-size: 20px;
font-weight: bold;
font-variant: normal;
text-align: left;
text-decoration: none;
}
#leftcolumnbox a:hover, #leftcolumnbox a:active 
{

color: #ffffff;
text-decoration: underline;
}



#container #rightcolumn #bodycontent #bodyright {
	width: 180px;
	float: right;
}

#box1, #box2, #box3, #box4, #box5 {
padding-bottom: .5em;
}
#box1 .title, #box5 .title
{
color: #ffffff;
background-color: #ffbb30;
	padding: .5em;
	font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 75%;
text-align: left;
}

#box1 .content, #box5 .content {
color: #666666;
background-color: #ffe1a4;
font-family: Arial,Helvetica,sans-serif;
font-size: 70%;
	padding: .5em;
}

#box2 .title
{
color: #ffffff;
background-color: #33a7d9;
	padding: .5em;
	font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 75%;
text-align: left;
}

#box2 .content {
color: #666666;
background-color: #b2def1;
font-family: Arial,Helvetica,sans-serif;
font-size: 70%;
	padding: .5em;
}
#box3 .title
{
color: #ffffff;
background-color: #008353;
	padding: .5em;
	font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 75%;
text-align: left;
}

#box3 .content {
color: #666666;
background-color: #99cdba;
font-family: Arial,Helvetica,sans-serif;
font-size: 70%;
	padding: .5em;
}
#box4 .title
{
color: #ffffff;
background-color: #33a7d9;
	padding: .5em;
	font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 75%;
text-align: left;
}

#box4 .content {
color: #666666;
background-color: #b2def1;
font-family: Arial,Helvetica,sans-serif;
font-size: 70%;
	padding: .5em;
}

#container #leftcolumn.index{
	background: #FFFFFF url(../images/logo_index.jpg) no-repeat;
	height:625px;
}

#footer {
	clear: both;
	width: 724px;
text-align: center;
font-family: Arial,Helvetica,sans-serif;
font-size: 9px;
color: #999999;
padding-top: 10px;
}
#footer a.footer:link, #footer a.footer:visited, #footer_index a.footer:link, #footer_index a.footer:visited {
	vertical-align: top;
	text-align: center;
	font: 9px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}

#footer a.footer:hover, #footer a.footer:active, #footer_index a.footer:hover, #footer_index a.footer:active {
	vertical-align: top;
	text-align: center;
	font: 9px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: underline;
}

 .content a {
color: #999999;
text-decoration: none;
}
 .content a:hover {
text-decoration: underline;
}

#bodyleft h1 {
	font: bold normal 140% Georgia, Palatino, "Times New Roman", Times, serif;
		color: #0a885a;
		padding-left: 35px;
}

#joinbutton {
	padding-top:0.75em;
	text-align: center;
	padding-bottom: .75em;
}