body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color :#000;
}
#container{
width: 800px;
	margin: 0 auto;
	text-align: left;
	background-color :#fff;
				}
				
				
				#container #top /*placeholder for glogo or take cout bg color and use to float page to the middle*/
				{
				background-color:#fff;
				height:0.10em;
				display:block;
				}
					
#container #header {
margin: 0;
padding: 0;
height: 421px;
width:800px;
background:  url(../img/header/header8.jpg) no-repeat left;
display:block;
border: 0;
} 

/*#container #rotator {
background: url(../img/header/rotate.php) no-repeat left;
height: 235px;
width:800px;
}
*/

 #container #content {
 width:800px;
		text-align:left;
		margin: 0;
		color: #000;
		background-color :#fff;
			 		}
					
				 #container #content #contentbox {	
				 background-color :#fff;
				 color:#5E6363;
				
								 }
					 p {
		margin-right:10px;
		margin-left:15px;
		margin-top:10px;
		margin-bottom:10px;
	font-size: 0.8em;
	}
	#contentbox p{
		margin-right:10px;
		margin-left:15px;
		margin-top:10px;
		margin-bottom:10px;
	font-size: 0.8em;
	}			 
								h2 a{
		               color:#0D4365;
                   text-decoration:none;
	                         }			 
		
				#contentbox h2, p a{
		color:#6F4242;
text-decoration:none;
	}	
		
						#contentbox  p a:hover {
			text-decoration:underline;
                color:#052336;
	}
	
		#contentbox p a:visited {
		text-decoration:none;
color:#216D5A;
	}
		
 #container #content #contentbox .contentleft {
width:266px;
padding:0px;
float:left;
border-right: 1px dotted #A1A382;
background-color :#fff;
	}
	
 #container #content #contentbox .contentcenter {
width:266px;
padding:0px;
float:left;
display:block;
border-right: 1px dotted #A1A382;
background-color :#fff;
}
	
 #container #content #contentbox .contentright {
width:266px;
padding:0px;
float:left;
background-color :#fff;
	}
	.contentleft p {
		margin-right:10px;
		margin-left:10px;
		margin-top:10px;
		margin-bottom:10px;
	font-size: 0.85em;
padding:5px 8px 5px 10px;
	}
	
.contentcenter p {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	font-size: 0.9em;
	margin-bottom:10px;
padding:5px 8px 5px 10px;
	}
	.contentright p {
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	padding:5px 8px  5px 10px;
	font-size: 0.9em;
	}
 #nav{
	width:800px;
	background-color:#676762;
	display:block;
		margin: 0;
		padding: 2px 0 2px 0;
		}
	#nav ul {
	margin: 0;
	padding: 0;
	display:block;
}	
#content	#nav  li {
display:block;
font-size:0.95em;
	color: #fff;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 0 0 .9em;
	}


#nav   li a {
	color: #fff;
margin: 0;
	padding: 0 0 0 .9em;
		text-decoration: none;
	font-weight:normal;
		background: #676762 url(../img/headerarrow.gif) left  no-repeat;
}

#nav ul li a:hover{
	text-decoration: underline;
	background: #676762 url(../img/headerarrow-on.gif) left  no-repeat;
	color: #F5C6BD;
}

#nav ul li a.current{
	text-decoration: none;
	background: #676762 url(../img/headerarrow-on.gif) left  no-repeat;
	}
	
 .footer{
	width:800px;
	margin-top:10px;
		padding:3px 0 3px 0;
		display:block;
			background-color:#A39882;
			font-size:0.75em;
				color:#fff;
				text-align:center;
				
		}
		
		.footer a {
					color:#fff;
				text-align:center;
				text-decoration:none;
								}
		.footer  a  img{
		border:0;
		margin-top:2.5px;
				}
		
	.footer  a:hover {
		text-decoration:underline;
		color:#E8FB9D;
			}
	.footerSocial
{
	background:#fff;
	margin-left:300px;
	
}
.footerSocial  ul li, ul li li a{
	display:inline;
	list-style-type:none; 
}
	.footerSocial  ul li a img{
		border:0;
	}

	
	
	.clear{
	clear:both;
	}
	
	.right{
	text-align:right;
	margin-right:5px;
	}
	
	#content h1{
	
	margin-top:10px;
			font-size:1.15em;
	color: #5E2612;/*#704214;*/
	margin-left:12px;
	}
	#content #contentbox h3{
	font-size: 0.9em;
	color:#703F2E;
	margin-left:12px;
	
	}
		#content #contentbox h2{
	
	margin-top:10px;
			font-size:0.9em;
	color: #694F34;/*#676762*/
	margin-left:12px;
	}
	
/*#header #logo {
	background: url(../img/logo.gif) left no-repeat;
	padding:0;
		height: 100px;
	width:100px;
	margin: 5px 10px 5px 5px ;
	float: left;
	display:block;
		} 
	

	
#header  #logo a {
	background: url(../img/logo.gif) left no-repeat;
		padding:0;
		height: 100px;
	width:100px;
	display:block;
	background-position: 0 0;
    border:0;
	}	 	
	
	*/
.hidden{
display:none;
}
.hr {
clear: both;
	padding: 2px 0 2px 0;
	background:  url(../img/dot.gif) repeat-x bottom;

	}

.albumbox
{
margin:0;
padding:10px 0 0 0 ;
}
.albumboxleft
{
margin-left:5px;
float:left;
width:22%;
}
.albumboxright
{
float:left;
width:70%;
}
.clear{
clear:both;
}

/*********************menu**************************************/
#menucontainer
{
background:#A39882;/*#676762;*/
width:800px;
height:27px;
}

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:20px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:0.9em;
width:99px;
padding:5px 0;
color:#fff;
background:#A39882;
text-decoration:none;
text-align:left;
padding-left:12px;
font-family:arial, sans-serif;
}
/* style the links hover */
.menu :hover{
color:#fff;
background:#2D240E; /*#000;*/
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:99px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
#player{
padding:10px;
margin-left:200px;

}
#movieplayer{
padding:10px;
margin-left:200px;

}
#contentbox ul li{
font-size: 0.8em;
}
#education{
margin-left:10px;
margin-bottom:5px;

}