body
{
	z-index: 2;
	font-family: Verdana, Sans-Serif;
	font-size: medium;
	background-color: #EFEFEF;
}

h1
{
	font-size: 45px;
	font-weight: lighter;
	color: #008;
	font-style: italic;
	margin: 10px 0px 0px 0px;
}

h2
{
	font-size: 20px;
	font-style: italic;
	font-weight: lighter;
	margin: 0px;
}

img#logo
{	
	position: absolute;
	left:0px;
	top: 0px;
	z-index: 0;
}

img#logo_left
{
	position:absolute;
	top: 111px;
	left: 0px;
}

div#topcolor
{
	position: absolute; top:0px; left: 0px;
	width: 100%;
	background-color: navy;
	border-bottom: solid 9px black;
	height: 103px;
	padding: 0px;
	margin: 0px;
}

div#leftcolor
{
	position:absolute;
	top: 0px;
	left: 0px;
	background-color: Navy;
	border-right: solid 9px black;
	width: 19px;
	height: 1250px;
}

div#container
{
	position: absolute;
	left:40px;
	top:130px;
}

#top
{
	text-align: center;
}

div#container div#main
{
	position: relative;	
	background-color: white;
	border: solid 5px #88A;
}

div#container div#main img#beaconImg
{
	float:right;
	margin-right: 5px; margin-top:5px;
	border: solid 1px black;
}

div#menu
{	
	position: relative;
	top: 0px; left: 0px;
	margin-bottom: 50px;		
	width: 85%;	
}

div#menu a
{		
	font: 12px Verdana, sans-serif;
	text-align:center;
	color: Navy;
	padding: 7px 5px; 
	border: solid 1px #88A;
	background-color: #DDD;
	text-decoration: none;
	height:10px;
}

div#menu a#middle
{
	margin-left:20px;
	margin-right: 20px;
}

div#menu a:hover, div#menu a#bottom:hover
{
	color: #411; background: #AAA;
	border: solid 1px #444;	
}

div#menu a span {display: none;}

div#menu a:hover span 
{
	display: block;
	position: absolute; top: 30px; left: 0px; 
	width: 100%;
	padding: 5px 7px 3px 5px;
	z-index: 100;
	color: #777;
}

div#menu a:hover, div#menu a#bottom:hover {background: yellow;}