/* Basic code - don't modify */
 
div#navigation ul#nav { display: block; margin: 0; padding: 0; position: relative; width:700px; }
div#navigation ul#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
div#navigation ul#nav a { display: block; }
div#navigation ul#nav ul { display: none; position: absolute; left: 2px; top: 47px; margin: 0; padding: 0; z-index:10000; width:400px;}

* html #nav ul { line-height: 0; } /* IE6 "fix" */
div#navigation ul#nav ul a { zoom: 1; } /* IE6/7 fix */
div#navigation ul#nav ul li { float: left; display:inline; }

    
/* Essentials - configure this */

div#navigation ul#nav ul li, div#navigation ul#nav ul li a { width: auto; margin:0px; }
* html div#navigation ul#nav ul { width:500px;}
* html div#navigation ul#nav ul li, * html div#navigation ul#nav ul li a  { width: 110px; height:35px; } /* IE6 "fix" */
div#navigation ul#nav ul li a { padding:5px; height:15px; }

/* Everything else is theming */
 
div#navigation ul#nav { height: 47px;z-index:200; }
div#navigation ul#nav *:hover { background-color: none; }
div#navigation ul#nav a { color: white; font-size: 12px; padding: 6px; line-height: 1; }
div#navigation ul#nav li.hover a {/*background-color: #347FFC; */}

div#navigation ul#nav  ul li a:link, div#navigation ul#nav  ul li a:visited { background-color: #347FFC;  text-indent:0px; color:white; opacity: 0.9; filter: alpha(opacity=90); }
div#navigation ul#nav li ul li a.hover, div#navigation ul#nav li ul li.hover  a{ background-color: #ffffff; color: #347FFC;}
div#navigation ul#nav li ul li a:hover { background-color: #ffffff; color: #347FFC;}
div#navigation ul#nav ul a { opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
div#navigation {
	
	height:47px; width:960px; padding: 0px 20px 0 12px;position:absolute;top:185px;
	left:0px; font-size:14px; font-family: Arial, Verdana, sans-serif}
div#navigation div#background-bar {z-index:100;
		background-color: #FF4700; opacity: 0.9; filter: alpha(opacity=90); 
		height:47px; width:1000px; padding: 0px ; position:absolute;top:0px;left:0px;}
div#navigation ul#nav li {padding-right:22px; background: url(/images/interface/nav/slash.gif) no-repeat center right;}
div#navigation ul#nav ul li {background-image: none; background-color: #347FFC;padding:4px;}

div#navigation a:hover {text-decoration:none;}
div#navigation ul#nav a {padding:10px 10px; text-indent:-10000px; height:27px;}

div#navigation a#item-journal {padding-left:8px; width:100px; background: url(/images/interface/nav/thejournal.gif) no-repeat 8px 15px;}
div#navigation a:hover#item-journal, body.Journal div#navigation a#item-journal, div#navigation ul#nav li.hover a#item-journal  {background: url(/images/interface/nav/thejournal_on.gif) no-repeat 2px 7px;}
body.Journal div#navigation li.item-journal ul{display:block !important;}


div#navigation a#item-periscope {width:90px; background: url(/images/interface/nav/periscope.gif) no-repeat 10px 15px;}
div#navigation a:hover#item-periscope, body.Periscope div#navigation a#item-periscope {background: url(/images/interface/nav/periscope_on.gif) no-repeat 2px 7px;}

div#navigation a#item-blog {width:43px; background: url(/images/interface/nav/blog.gif) no-repeat 10px 15px;}
div#navigation a:hover#item-blog, body.Blog div#navigation a#item-blog  {background: url(/images/interface/nav/blog_on.gif) no-repeat 2px 7px;}

div#navigation a#item-reviews {width:78px; background: url(/images/interface/nav/reviews.gif) no-repeat 10px 15px;}
div#navigation a:hover#item-reviews, body.Reviews div#navigation a#item-reviews
 {background: url(/images/interface/nav/reviews_on.gif) no-repeat 2px 7px;}

div#navigation a#item-events {width:58px; background: url(/images/interface/nav/events.gif) no-repeat 10px 15px;}
div#navigation a:hover#item-events, body.Events div#navigation a#item-events  {background: url(/images/interface/nav/events_on.gif) no-repeat 2px 7px;}

div#navigation a#item-about {width:56px; background: url(/images/interface/nav/about.gif) no-repeat 10px 15px;}
div#navigation a:hover#item-about, body.About div#navigation a#item-about, div#navigation ul#nav li.hover a#item-about {background: url(/images/interface/nav/about_on.gif) no-repeat 2px 7px;}
body.About div#navigation li.item-about ul{display:block !important;}


div#navigation ul#nav ul li a.active {
background-color:white !important;
color:#347FFC !important;
cursor:default;
}