﻿body{
	background-color:silver;	
}

#pagecontainer{
	width:860px;
	padding:4px;
	margin: 0 auto;	
}

#pageheader{
	height:200px;	
	width:860px;
	margin: 0 auto;
	background-image:url('assets/me-banner.jpg');background-repeat:no-repeat;
	background-position:right top;
	position: relative;	
}
div#pageheader h1, h2, h3, h4{
	margin-left:125px;
}

#container{
	width:860px;
	float:left;
}
#content{
	width:680px;
	margin-left:180px;
	margin-top:25px;
}

ul {
	margin: 0;
	padding: 0;
}
#nav {
	width: 180px;
	float: left;
	margin:25px 0 0;
}
#navList li {
	list-style: none;
	margin: 0 0 10px;
	float: left;
}
 
.addPosition {
position:relative;
}
 
#navList a {
	text-decoration: none;
	color: #ffffff;
	background-color: #333;
	padding: 5px;
	display: block;
	width: 160px;
}
#navList a:hover {
	background-color: #06F;
}
#navList ul, #navList ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 280px;
	background-color: #333;
}
.listTab {
	z-index: 100;
}
#navList .listTab li {
	margin: 0;
}
#navList .listTab a, #navList .listTab a:hover {
	width: 250px;
}
#navList .listTab a {
	padding: 5px 5px 5px 10px;
}
#navList li:hover ul ul, #navList li:hover ul ul ul, #navList li:hover ul ul ul ul {
	display: none;
}
#navList li:hover ul, #navList li li:hover ul, #navList li li li:hover ul, #navList li li li li:hover ul {
	display: block;
}
.mapholder{
	width:660px;
}

iframe{
	float:left;
	vertical-align:text-top;
	width:600px;
	clear:both;
	margin:10px;
}
.leftimage{
	float:left;
	margin:15px 10px 10px 10px;
	clear:left;
}
.rightimage{
	float:right;
	margin:10px;
	clear:both;
}
p.clear{
	clear:right;
}

#footer{
	clear:both;
}

