@font-face {
	font-family: "HoboStd";
	src: url(HoboStd.eot);
}

@font-face {
	font-family: "HoboStd";
	src: url(HoboStd.otf) format("opentype");
}
 

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_wall.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */

body {
	background-image: url(images/body_bg.jpg);
	margin: 0;
	top: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#Background {
  position: absolute;
  margin-left: -500px;
  left: 50%;
  top: 0;
  width: 1000px;
  height: 595px;
  z-index: 1;
  background-image: url(images/container_bg.jpg); background-repeat: no-repeat;
}

#Clock{
  position: absolute;
  left: 842px;
  top: 25px;
  width: 128px;
  height: 128px;
  z-index: 2;
}

#Content {
  position: absolute;
  left: 300px;
  top: 141px;
  width: 520px;
  height: 343px;
  padding: 0 20px 0 0;
  z-index: 28;
  text-align: left;
  overflow: auto;
  color: #000;
  line-height: 1.2em;
}

.menusel {
	font-family: "HoboStd", serif;
	font-style: normal;
	font-weight: bold;
	width: 77px;
	height: 288px;
	margin: 0;
	position: absolute;
    left: 43px;
    top: 185px;
	z-index: 130;
}

.menusel ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 77px;
	height: 288px;
}
/* float the list so that the items are vertical with no gaps and their position relative so that the drop down list will appear in the right place to the right of each list item */
.menusel ul li {
	float:left; 
	position:relative;
	width:155px;
	height: 41px;
	padding-bottom: 4px;
	text-align: center;
	background: transparent url(images/link_bg.png) no-repeat;
}

/* style the links to be XXXpx wide by XXpx high. place the text off screen. */
.menusel ul li a, .menusel ul li a:visited {
	line-height: 41px;
	text-decoration: none;
	color: #57aa72;
	font-size: 18px;
	z-index: 50000 !important;
}

.menusel ul li a:hover {
	color: #4e9966;
}


/* make the dropdown ul invisible */
.menusel ul li ul {
	visibility:hidden;
}

/* specific to non IE browsers */

/* make the sub menu ul visible and position it to the right of the main menu list item */

.menusel ul li:hover ul {
	width: 164px;
	height: 216px;
	visibility: visible;
	position: absolute; 
	top: -20px; 
	left: 150px;
	z-index: 140;
}