html, body{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#015581;
	}

form{
    margin:0px;
    padding:0px;
	}	
	
.maintable{
	margin:auto;
	border:1px solid #FFF;
	}	
	
.navigation{
	padding:0px 0px 0px 530px;
	}
	
/* top nav items */
.nav
{
	/* recommended styles */
	list-style: none;
	margin: 0;
	padding: 0 0px 10px 0px;
	float: left; /* maker :m1: */
	/* width: 100%;  == Use this line to make the nav <ul> span the entire width */

	/* add custom styles here */
	padding-left:10px;
}
.nav li
{
	/* recommended styles */
	float: left;

	/* add custom styles here */
}
.nav li a
{
	/* recommended styles */

	/* add custom styles here */
	color: #FFF;
	display: block;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
}
.nav li.last a{
}

.nav li a:hover
{ /* recommended styles */

	/* add custom styles here */
	color:#FFF; }

/* dropdown nav items */
.nav li ul
{
	/* recommended styles */
	display: none;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;

	/* add custom styles here */
	margin-left: -1px;
	background-color: #000;
	z-index:99;
	border-bottom:1px solid #4A3719;
	opacity:.8;
	filter:alpha(opacity=80);
	width:270px;
}
.nav li:hover ul,
.nav li.hover ul
{
	/* recommended styles */
	display: block;
	
}

/* needed for safari if drop down is going over flash
 * without this, the drop down flickers or even becomes invisible
 * when you mouse over it.
 * This is a hack that causes safari to redraw the drop down nav on top of the flash
 */
.nav li:hover ul.redraw,
.nav li.hover ul.redraw
{
	/* recommended styles */
}

.nav li ul li
{
	/* recommended styles */
	float: none;
	position: relative;

	/* add custom styles here */
}

.nav li ul li a
{
	border-right:0px;
	padding:5px;
	font-family:Verdana,Arial;
	font-size:11px;
	font-weight:normal;
	text-transform:capitalize;
}


.nav li ul li.first
{
}

.nav li ul li.last
{
	padding-bottom:5px;
}

.nav li ul li a{
	padding-left:25px;
	padding-right:20px;
	color:#EEE;
}

.nav li ul li a:hover{
	padding-left:25px;
	padding-right:20px;
	color:#FFF;
	background-color:#6B7982;
}


/* sub nav styles */
.navsub
{
	list-style: none;
	margin: 20px;
}

	
#content{ background-color:#253846; }

.normal{
	width:920px;
	margin:30px auto;
	color:#FFF;
	}

.left{
	float:left;
	padding:0px 20px 10px 0px;
	}
	
.right{
	float:right;
	padding:0px 0px 10px 20px;
	}	

ul, ol{ margin:0px; padding:0px 0px 10px 20px;}

p{ margin:0px; padding:0px 0px 10px 0px; }	
	
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px 0px 10px 0px; }	

h1{font-size:130%;}	
h2{font-size:125%;}	
h3{font-size:120%;}	
h4{font-size:115%;}	
h5{font-size:110%;}	
h6{font-size:105%;}	

a{ color:#93A66F;
}

hr{
	clear:both;
	color:#90A771;
	background-color:#90A771;
	padding:0px;
	margin:5px 0px;
	}

img {
	border:none;
	}	
	
.logoworksLink{
	text-align:center;
	font-size:10px;
	}	
