﻿html, body {
	height: 100%;
	}

body {
	background: rgb(48,73,129) url('images/esk_bkg_body.gif') top center;
	color: rgb(24,30,62);
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	font-size: 12pt;
	margin: 0px;
	}

#main {
	min-height: 100%;
	position: relative;
	margin: 0 auto;
	width: 770px;
	background: rgb(255,255,255) url('images/esk_bkg_main.gif') top center;
	}
	
#head {
	width: 486px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 22px;	
	}
	
#side {
	width: 240px;
	position: absolute;
	top: 0px;
	right: 22px;
	background: rgb(158,8,35);
	min-height: 100%;
	height: 100%;
	text-align: center;
	color: rgb(255,255,255);
	}

#sidepicture {
	width: 220px;
	text-align: right;
	padding: 10px;
	}

#sidecontent {
	text-align: left;
	margin: 10px;
	}
		
#content {
	margin: 0px 284px 10px 24px;
	padding: 180px 0px 0px 0px;
	min-height: 100%;
	}
	
#content h3 {
	font-size: 14pt;
	color: rgb(48,73,129);
	margin: 0px 0px -5px 0px;
	}
	
#content h2 {
	font-size: 16pt;
	color: rgb(48,73,129);
	margin: 10px 0px 0px 0px;
	}

#content h6 {
	font-size: 8pt;
	color: rgb(127,127,127);
	font-style: italic;
	margin: 5px 0px 5px 10px;
	}
	
#content p {margin: 5px 0px 5px 10px;}

#content ul li {
	margin: 0px 0px 0px 5px;
	}
	
.contentHead {
	margin: 20px 0px 10px 0px;
	}

#menu {
	width: 462px;
	height: 25px;
	position: absolute;
	top: 150px;
	left: 22px;	
	}
	
#copyright {
	text-align: center;
	margin: 20px 0px 0px 0px !important;
	font-size: 8pt;	
	}
	
a {text-decoration: none;}
a:hover {text-decoration: underline;}

a:link, a:visited {color: rgb(237,13,106);}
a:hover {color: rgb(76,148,88);}

#sidecontent a:link, #sidecontent a:visited {color: rgb(76,148,188);}
#sidecontent a:hover {color: rgb(255,255,0);}

