/* Reset Syles by Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sec, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legEnd, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-weight: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }
body {
	line-height: 1;
}
ul, ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* ____________________________ Styles  */

* {
	padding:0;
	margin:0;
}
body {
	background-color:#071511; /* background: url(images/Bkg.gif); repeat-x; */
	margin:0;
	padding:0;
	border:none;
	font: normal normal normal 62.5%/0.9em "Trebuchet MS", tahoma, arial, sans-serif, helvetica;
	letter-spacing:normal;
	color:#000;
	text-align:center;
}
#info {
	background:#000;
    	margin:0;
    	padding:0;
   	border:none;
	width:870px;
	height:111px;
}

/* ================================================================
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/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#nav, #nav ul {
	margin:0;
	padding:0;
	list-style:none; /* display: block;  dj added */
	font:normal normal normal 1.2em/20px "Trebuchet MS", tahoma, arial, sans-serif, helvetica;
	background:url(images/transparent.gif);
	position:relative;
	z-index:100;
	text-decoration:none;
}
#nav {
	height:25px;
	width: auto; /*820px;*/
	padding-left:66px;
	background:#000;
}
#nav table {
	border-collapse:collapse;
}
#nav li {
	float:left;
}
#nav li li {
	float:none;
}
/* a hack for IE5.x and IE6 */
#nav li a li {
	float:left;
}
#nav li a {
	display:block;
	float:left;
	color:#fff;
	height:25px;
	padding:0 10px 0 10px;
	text-decoration:none;
	white-space:nowrap;
    	font-style:normal;	
	font-weight:bold;
    	line-height:22px;	
	border-left:1px solid #000;
}
#nav li li a {
	margin-top: 2px;
	height:22px;
	/*padding:0 10px 0 10px;*/
    	font-style:normal;
    	font-size:0.75em;
	line-height:21px; /*1.8em;	*/
	float:none;
}
#nav li:hover {
	position:relative;
	z-index:100;
}
#nav a:hover {
	position:relative;
	z-index:100;
	background:#3569a3;
	color:#fff;
	border-left:1px solid #3569a3;
}
/* this is the top Menu hover color */
#nav li:hover > a {
	background:#3569a3;
	color:#fff;
	border-left:1px solid #3569a3;
}
/* this is the thin vertical link line */
#nav :hover  ul {left:0; top:23px; border-left:1px solid #3569a3; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0; margin-top: -1px; font-style:normal; font-size: 1.0em; line-height:21px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
/* this is the submenu */
#nav li:hover li:hover > a {background:url(images/subnavBack05d.png); color:#fff; border-left:1px solid #fff;}

/* #nav li a:hover ul li a:hover { background:#83bedd; color:#fff; border-left:1px solid #fff;} */
#nav li a:hover ul li a:hover {background: url(images/subnavBack05d.png); 
   	font-style:normal;
    	font-size:0.75em;
	line-height:21px;} 
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;
    	font-style:normal;
    	font-size:0.75em;
	line-height:21px; /*1.8em;	*/}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

.footer {
	display:block;
	margin:4px auto 18px auto;
	padding:0 0 20px 0;
	width:870px;
	height:auto;
	font-style: normal;
	font-size:10px;
	font-family: sans-serif;
	color:silver;
}
.clear {
	clear:both;
}