html,body {
	background-color: #000000;
	margin: 0px;
	color: #000000;
	font-family: verdana;
	font-size: 10pt;
	text-align: center;
}

a, a:visited, a:active {
	text-decoration: none;
	color: #ff0000;
	font-weight: bold;
	font-family: arial;
}

a:hover {
	color: #000000;
}

#spacer {
	height: 50px;
}

#banner {
	position: relative;
 	margin: 0 auto;
	width: 800px;
	height: 86px;
	background: url('logo.png') #fff;
	background-repeat: no-repeat;
	background-position: 10px center;
}

#navigation {
	background: #fff;
	margin: 0 auto;
	width: 800px;
	height: 34px;
	text-align: center;
}

#navigation ul {
	white-space: no-wrap;
	width: 785px;
	padding: 0px;
	margin: 0px;
	margin: 0 auto;
	height: 100%;
}

#navigation li {
	list-style-type: none;
	background-image: url('navigation.png');
	background-repeat: no-repeat;
	height: 100%;
	width: 130px;
	text-indent: -9999px;
	float: left;
	margin: 0px;
	padding: 0px;
	zoom:1;
}

#navigation li:hover {
	background-image: url('navigation_hover.png');
}

#navigation li.selected {
	background-image: url('navigation_selected.png');
}

#navigation li a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

li#home {		background-position: 0px 0px; width: 132px; }
li#about {		background-position: -132px 0px; }
li#Classes {	background-position: -262px 0px; }
li#training {	background-position: -392px 0px; }
li#map {		background-position: -522px 0px; }
li#xowii {		background-position: -652px 0px; width: 133px; }

#body {
	background: #fff;
	width: 780px;
	margin: 0 auto;
	padding: 10px;
}

#footer {
	position: relative;
	width: 800px;
	height: 100px;
	margin: 0 auto;
	background: url('footer.png');
	background-position: bottom center;
	background-repeat: no-repeat;
}

a#facebook {
	height: 20px;
	position: absolute;
	display: block;
	width: 180px;
	bottom: 20px;
	left: 465px;
}

a#nfuse {
	height: 20px;
	position: absolute;
	display: block;
	width: 200px;
	bottom: 0px;
	left: 400px;
}

a#contact {
	height: 20px;
	position: absolute;
	display: block;
	width: 210px;
	bottom: 0px;
	left: 175px;
}

#classes {
	position: relative;
	width: 753px;
	margin: 0 auto;
	height: 620px;
}

#classes #days {
	position: absolute;
	top: 0px;
	left: 32px;
	right: 0px;
	height: 20px;
}

#classes #days .day {
	float: left;
	width: 103px;
	font-weight: bold;
	font-family: arial;
	font-size: 1.2em;
	line-height: 100%;
}

#classes #times {
	position: absolute;
	left: 0px;
	top: 20px;
	font-weight: bold;
	font-size: .9em;
	font-family: arial;
	line-height: 20px;
	width: 32px;
}

#classes #items {
	position: absolute;
	top: 20px;
	left: 32px;
	bottom: 0px;
	right: 0px;
}

#classes #items .item {
	position: absolute;
	background: #cccccc;
	width: 103px;
	border: 0px solid #999999;
	font-size: .9em;
	font-weight: bold;
	cursor: pointer;
	color: #333333;
}

#classes #items .item_hover {
	background: #d6d6d6;
	border-color: #000000;
}

#classes #items .item_details {
	font-weight: normal;
	position: absolute;
	background: #fff;
	width: 200px;
	border: 1px solid #999999;
	font-size: .9em;
	color: #333333;
	display: none;
	z-index: 2;
}

#classes #items .item_details p {
	margin-right: 5px;
	margin-left: 5px;
}

#classes #items .item_details .close {
	font-weight: bold;
	background: #cccccc;
	width: 90%;
	font-size: 1.2em;
	margin: 0 auto;
	line-height: 20px;
	margin: 10px;
}

#classes #items .item_details .close_hover {
	background: #dddddd;
	cursor: pointer;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.hidden { display: none; }

.menu_dropdown
{	margin: 0;
	padding: 0;
	text-align: left;}
	
	.menu_dropdown li
	{	float: right;
		list-style: none;
		font-family: Tahoma, Arial}

	.menu_dropdown li a
	{	display: block;
		background: #fff;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid transparent;
		white-space: nowrap}

	.menu_dropdown li a:hover
	{	background: #fff;
		color: #ff3300; }
		
		.menu_dropdown li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border: 1px solid transparent;
			border-top: 0px;
		}
		
		.menu_dropdown li ul li
		{	float: none;
			display: inline}
		
		.menu_dropdown li ul li a
		{	width: auto;
			color: #000000;
			background: #fff;}
		
		.menu_dropdown li ul li a:hover
		{	background: #fff;
			}
		
/* Login Box */

div.login {
	position: absolute;
	right: 25px;
	top: 10px;
	color: #fff;
	z-index: 21;
	font-size: 10pt;
	width: 250px;
	text-align: right;
}

div.login_menu {
	position: relative;
	float: right;
	cursor: pointer;
	height: 20px;
	vertical-align: bottom;
	margin-left: 10px;
}

div.login_box {
	position: absolute;
	z-index: 21;
	display: none;
	width: 200px;
	right: 0px;
	color: #000000;
	background: #fff;
	border: 2px solid #999999;
	text-align: center;
}		

.login_box a, .login_box a:visited, .login_box a:active {
	color: #000000;
}