<style type="text/css">
#ddcolortabs{
font: Arial, Helvetica, sans-serif;
margin-left: 0px;
padding: 20px 0px 20px 0px;
width: 100%;
background: transparent;
list-style-type: none;
}

font face="Arial, Helvetica, sans-serif"

#ddcolortabs ul{
font:Arial, Helvetica, sans-serif;
margin:0;
padding:0px 20px 20px 20px;
list-style:none;
}

#ddcolortabs li{
font:Arial, Helvetica, sans-serif;
display:inline;
margin:5px 5px 5px 0px;
padding:0px 0px 0px 0px;
}


#ddcolortabs a{
font:Arial, Helvetica, sans-serif;
float:left;
color: white;
background: #4635EB url(images/color_tabs_left.gif) no-repeat center top;
margin:8px 5px 8px 5px;
padding:0px 0px 0px 0px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
font:Arial, Helvetica, sans-serif;
float:center;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:0px 0px 0px 0px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #4635EB;
}

#ddcolortabs a:hover span{
background-color: #779DEA;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #779DEA;
}

#ddcolortabsline{
font:Arial, Helvetica, sans-serif;
clear: both;
padding: 0;
width: 100%;
height: 6px;
line-height: 8px;
background: #779DEA;
border-top: 8px solid #fff; /*Remove this to remove border between bar and tabs*/
}

</style>

<style type="text/css">

#maintab{
padding: 0px 5px 5px 5px;
margin-left: 2px 2px 2px 2px;
margin-bottom: 0;
font:Arial, Helvetica, sans-serif;
list-style-type: none;
}

#maintab li{
font:Arial, Helvetica, sans-serif;
display: inline;
margin: 5;
}

#maintab li a{
font:Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 0px 3px;
margin-right: 0px;
border: 3px solid;
color: white;
}

#tabcontent ul{
font:Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
list-style-type: none;
display: none;
}

#tabcontent ul li{
display: inline;
}

#tabcontent ul.selected{ /*selected 2nd level content*/
display: block;
}

#tabcontent ul li a{
font:Arial, Helvetica, sans-serif;
border-right: 1px solid #778;
color: white;
padding: 0px 10px 0px 10px;
display: block;
float: left;
text-decoration: none;
}

#tabcontent #current a, #tabcontent #current span{ /*currently selected tab*/
background-color: #779DEA;
}

#tabcontent ul li a:hover{
background-color: #4635EB;
color: white;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

</style>

<style type="text/css">
#content {
	background-image:url(content_bg.gif);
	width:717px;
}
img{
	border-width:0px;
}
h1{
	color: #000000;
	font-family: Ariel;
	font-style: italic; 
	font-size:17px;
	margin: 10px 0px 10px 0px;
}

h2{
	font:Arial, Helvetica, sans-serif;
	color:#85a157;
	font-size:14px;
	text-align:center;
	width:200px;
	margin: 5px 0px 5px 0px;
}
#left {
	float:left;
	width:310px;
	margin-left:20px;
	padding: 0px 0px 5px 5px;
	color:#000000;
	font:Arial, Helvetica, sans-serif;
	font-size: 14px;
	display:inline;
}
#left a{color:#28556b;}
#left a:hover{color:#c77e0c;}
#photos a{
	margin-right:5px;
}
#right {
	float:right;
	width:340px;
	padding: 20px 10px 20px 20px;
	color:#000000;
	font:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top:0px;
	border-left: #000 2px solid;

}
#right a{color:#000099;}
#right a:hover{color:#FFFFFF;}

#left a{color:#000099;}
#left a:hover{color:#FFFFFF;}




</style>