/*  General Styles ------------------------------*/
html, body {
height: 100%; /* for firefox */
}

body{
margin:0px 5% 0px 5%;
padding:0;
}

/* TEXT -----------------------------------*/
.normal {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height:1.5em;
	color:#333;
}
.normal_bold {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.legal {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	color:#333;
}
a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: navy;
}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: navy;
}
a:hover, a:active { 
	text-decoration: underline; 
	color: navy;
}
.table{
width:760px;
text-align:left;
}
.left{
margin:0;
padding:0;
}
.right{
margin:0;
padding:0;
}
/*  Top Area ------------------------------*/
#top {
margin:0;/*to stretch to full width of layout*/
padding:5px 0 0 0;
height:120px;
}
#top h2{
margin:0px;
padding:0px;
}

/*   Banner Area -----------------------*/
#banner {
margin:0;/*to stretch to full width of layout*/
padding:0;
float: left;
height:148px;
}

/*  Main Content Area ------------------------------*/
#container{
background-color:#FFF;
float:left;
width:760px;
margin:10px;
display:inline; /* So IE plays nice */
}
#blankspace {
padding:0;
margin:0;
height: 100px;
}

/*  Left Column ------------------------------*/
#leftColumn{
margin:0;
padding:0;
float:left;
width:150px;
height:100%;
position:relative;
}

/*This is for a single column like in a subpage*/
#leftColumn2{
margin:0;
padding:0;
float:left;
width:740px;
height:100%;
position:relative;
}
#leftColumn dl, #leftColumn2 dl, #centerColumn dl{
margin:0;
padding:0;
}
#leftColumn dt, #leftColumn2 dt{
margin:0;
padding:0;
position:relative;
font-weight: bold;
}
#leftColumn dd, #leftColumn2 dd{
margin:0;
padding:0;
}
/*  Center Column ------------------------------*/
#centerColumn{
margin:0 0 0 10px;
padding:0;
float:right;
width:598px;
border-left: 1px solid #292668;
}
#centerColumn dt{
margin:0;
padding:10px 12px 10px 12px;
position:relative;
}
#centerColumn dd{
margin:0;
padding:1px 12px 10px 12px;
}

/*  Footer ------------------------------*/
#footer {
margin:0;/*to stretch to full width of layout*/
padding:0;
clear: both;
height:auto;
border-top: 1px solid #292668;
}
*html #footer{
height:1em;/*eliminates gap*/
}

/* ----------------- DROP DOWN NENU ------------------- */
#navigation {
margin:0;/*to stretch to full width of layout*/
padding:0;
}
/* MAIN LEVEL STYLING --------------------------- */
#radio{
float:right;
text-align:right;
width:400px;
background:#292668;
height:39px;
vertical-align:middle;
}
#nav{
margin: 0;
padding: 0;
float:left;
width:380px;
list-style:none;
background:#292668;
line-height: 1.5em;
position:relative;
z-index:2;'
height:40px;
}

#nav li{
margin: 0px;
padding: 0px;
float: left;
position:relative;
}

#nav a, #nav a:visited{
margin:0;
padding:2px 7px 2px 7px;
float: left;
display: block;
font-family: Verdana, Verdana;
font-size:13px;
color:#fff;
height:35px;
line-height:2.5em;
}
#nav a.home, #nav a.home:visited{
border-left:none;
padding-left:10px;
}

/* SUB LEVEL STYLING --------------------------- */
#nav ul {
margin:0px;
padding:0px;
top:100%;
left:0px;
list-style:none;
background:#BED064;
line-height: 1.5em;
visibility:hidden;
position:absolute;
border-left:1px solid #BED064;
}
*html #nav ul{
line-height:1.8em;
top:3em;
width:200px;
}

#nav ul li{
margin:0px;
padding:0px;
float: left;
font-family: Verdana, Verdana;
font-size:small;
position:relative;
}

#nav ul a, #nav ul a:visited{
margin:0px;
padding:3px 3px 3px 7px;
float: left;
display: block;
width:200px;
color:#333;
border:none;
height:auto;
line-height:1.5em;
}

#nav ul a.drop, #nav ul a.drop:visited { /* Shades Cell with More menu items */
background:#d4d8bd /*url(../../graphics/drop.gif) bottom right no-repeat*/;
}

/* THIRD LEVEL STYLING --------------------------- 
#nav ul ul {
margin:0;
padding:0;
top:0px;
left:100%;
list-style:none;
background:#CC0;
line-height: 1.5em;
visibility:hidden;
position:absolute;
}
*html #nav ul ul{
left:206px;
}
#nav ul ul li{
margin:0px;
padding:0px;
}

#nav ul ul a, #nav ul ul a:visited{
float: left;
display: block;
margin:0;
padding:0;
width:150px;
color:#000;
}*/

#nav table {position:absolute; top:0; left:0;}

/* SUBMENU SHOW-HIDE COMMANDS -------------------- */
#nav li:hover ul,
#nav a:hover ul{
visibility:visible; 
}
#nav :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#nav :hover ul :hover ul{ 
visibility:visible;
}

/* ALL HOVERS -------------------- */

/* style the top level hover */
#nav a:hover{
color:#fff;
text-decoration:underline;
}

#nav ul a:hover{
color:navy; 
text-decoration:underline;
}

#nav :hover > a, #nav ul :hover > a { /* Mozilla Only - Hilite while on a submenu*/
color:#fff;
text-decoration:underline;
}

/* style the second level hover */
#nav ul a.drop:hover{ 
background:#ccc;
}
#nav ul :hover > a.drop {
/* Cell decoration */
background:#ccc /*url(../../graphics/drop.gif) bottom right no-repeat*/;
}

/* style the third level hover */
#nav ul ul a:hover {
/* Cell decoration */
background:#eee;
}