body {
	margin: 0px;
	text-align: center;
	height: 800px;
	background-color: #DBD4C2;
	font-family: tahoma;
	text-transform: none;
	font-weight: bold;
}

/* My Image floating image. In order to flow the image when it's absolute positioned, we need to first center it using a wrapper. */
#myimage {
	position: absolute;
	width: 250px;
	height: 283px;
}
#myimagewrapper {
	position:relative;
	left:-520px;
}
* html #myimage {
	display: none;
}

/* Index */
#container {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height: 951px;
}

#main-container {
	float:left;
	width: 1010px;
	height: 800px;
	color: #78725A;
}
#left-border {
	float:left;
	background-image: url("../img/borderslice-left.png");
	background-repeat: repeat-y;
	width: 7px;
	height: 100%;
}
#right-border {
	float:left;
	background-image: url("../img/borderslice-right.png");
	background-repeat: repeat-y;
	width: 7px;
	height: 100%;
}

#main-container #top-title {
	font-size: 24px;
	color: white;
}
#main-container .vertical-seperator {
	padding-left: 5px;
	padding-right: 5px;
}
#main-container #sitename * {
	color: #CAC8AF;
}
#top-title {
	background-color: #014049;
	height: 150px;
	line-height:6em; /* Center */
}
#top-menu {
	background-color: #037D86;
	height: 50px;
	color: white;
	line-height:4em; /* Center */
}
#top-menu-top-splitter {
	background-color: #037D86;
	height: 1px;
	padding-top: 1px;
	border-bottom: 2px solid black;
}
#top-menu-bottom-splitter {
	height: 11px;
	background-image: url("../img/topmenu-bottom-gradient-slice.png");
	background-repeat: repeat-x;
}
#top-menu-items {
	line-height: 3em;
	text-align: right;
	padding-right: 40px;
}
#top-menu-items a {
	color: white;
	text-decoration: none;
	font-size: 16px;
}
#top-menu-items a:hover {
	color: red;
}
.top-menu-link {
	padding-left: 20px;
	padding-right: 12px;
	background-image: url("../img/menu-item-marker.png");
	background-repeat: no-repeat;
	background-position: left;
}
a#enhanced {
	color: orange;
	text-decoration: underline;
}

#middle {
	height: 586px;
}
#left-menu {
	width: 210px;
	background-image: url("../img/leftmenu-gradient-slice.png");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #78745B;
	height: 586px;
	float:left;
}
#left-menu-wrapper {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	height: 586px;
	background-color: #011F1D;
}
#left-menu-banner {
	padding-top: 100px;
	font-size: 30px;
	color: #037D86;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#main-content {
	padding-top: 50px;
	padding-right: 50px;
	padding-left: 20px;
	padding-right: 20px;
	float:left;
	width:750px;
	text-align: left;
	height: 586px;
	font-size: 12px;
	color: #474A3F;
}
#bottom {
	height: 150px;
	background-color: #037D86;
}
#bottom-menu-splitter {
	height: 1px;
	border-bottom: 2px solid black;
	width: 100%;
}
#bottom-menu-items {
	line-height: 3em;
}
#bottom-menu-items a {
	color: white;
	text-decoration: none;
	font-size: 12px;
}
#bottom-menu-items a:hover {
	color: red;
}
#bottom-menu-items .vertical-seperator {
	color: white;
	padding-right: 0px;
}

.header {
	color: #037D86;
	font-size: 20px;
	font-weight: bold;
}
.subheader {
	font-size: 14px;
	color: #011F1D;
	font-weight: bolder;
}
.content {
	padding-top: 10px;
	padding-bottom: 20px;
}
.content a {
	color: #037D86;
	text-decoration: none;
}
.content a:hover {
	color: red;
	text-decoration: none;
}
.horizontal-ruler {
	border: 1px solid black;
	border-style: dotted;
	width: 98%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	
}