#topNavBar {
   background-image: url(../images/header/upperNavBar.png);
   background-repeat: repeat-x;
   height:30px;
   width:960px;
   margin-right:auto;
   margin-left:auto;
   border-left: 1px solid gray;
   border-right: 1px solid gray;
}

#botNavBar {
   background-image: url(../images/header/lowerNavBar.gif);
   background-repeat: repeat-x;
   width:960px;
   height:30px;
   margin-right:auto;
   margin-left:auto;
   border-left: 1px solid gray;
   border-right: 1px solid gray;
}

.homeButton {
   background: url("../images/navButtons/home/home.png");
   text-decoration: none;
   display: -moz-inline-box;
   display: inline-block;
   width:64px;
   height:30px;
}
.homeButton:hover { 
   background: url("../images/navButtons/home/home_over.png");
   text-decoration: none;
   display: -moz-inline-box;
   display: inline-block;
   width:64px;
   height:30px;
}
.homeButton:active {
   background: url("../images/navButtons/home/home_on.png");
   text-decoration: none;
   display: -moz-inline-box;
   display: inline-block;
   width:64px;
   height:30px;
}

.siteButton {
   background: url("../images/navButtons/edive_sites/sites.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:50px;
   height:30px;
}
.siteButton:hover { 
   background: url("../images/navButtons/edive_sites/sites_over.png");
   text-decoration: none;  
   display: -moz-inline-box;
   display: inline-block;
   width:50px;
   height:30px;
}
.siteButton:active {
   background: url("../images/navButtons/edive_sites/sites_on.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block;
   width:50px;
   height:30px;
}

.newsButton {
   background: url("../images/navButtons/news/news.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:60px;
   height:30px;
}
.newsButton:hover { 
   background: url("../images/navButtons/news/news_over.png");
   text-decoration: none; 
   display: -moz-inline-box; 
   display: inline-block;
   width:60px;
   height:30px;
}
.newsButton:active {
   background: url("../images/navButtons/news/news_on.png");
   text-decoration: none;
   display: -moz-inline-box;
   display: inline-block; 
   width:60px;
   height:30px;
}

.newsButtonPress {
   background: url("../images/navButtons/news/under_bar/press_rel.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:110px;
   height:30px;
}
.newsButtonPress:hover { 
   background: url("../images/navButtons/news/under_bar/press_rel_over.png");
   text-decoration: none; 
   display: -moz-inline-box; 
   display: inline-block;
   width:110px;
   height:30px;
}

.newsButtonReviews {
   background: url("../images/navButtons/news/under_bar/industry_rev.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   margin-left:-1px;
   width:120px;
   height:30px;
}
.newsButtonReviews:hover { 
   background: url("../images/navButtons/news/under_bar/industry_rev_over.png");
   text-decoration: none; 
   display: -moz-inline-box; 
   display: inline-block;
   margin-left:-1px;
   width:120px;
   height:30px;
}


.aboutButton {
   background: url("../images/navButtons/about/about.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:65px;
   height:30px;
}
.aboutButton:hover { 
   background: url("../images/navButtons/about/about_over.png");
   text-decoration: none;
   display: -moz-inline-box;  
   display: inline-block;
   width:65px;
   height:30px;
}
.aboutButton:active {
   background: url("../images/navButtons/about/about_on.png");
   text-decoration: none;
   display: -moz-inline-box;
   display: inline-block; 
   width:65px;
   height:30px;
}

.contactButton {
   background: url("../images/navButtons/contact/contact.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:69px;
   height:30px;
}
.contactButton:hover { 
   background: url("../images/navButtons/contact/contact_over.png");
   text-decoration: none;  
   display: -moz-inline-box;
   display: inline-block;
   width:69px;
   height:30px;
}
.contactButton:active {
   background: url("../images/navButtons/contact/contact_on.png");
   text-decoration: none;
   display: -moz-inline-box;
   display: inline-block; 
   width:69px;
   height:30px;
}

.blogNavButton {
   background: url("../images/navButtons/blog/blog.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:60px;
   height:30px;
}
.blogNavButton:hover { 
   background: url("../images/navButtons/blog/blog_over.png");
   text-decoration: none;  
   display: -moz-inline-box;
   display: inline-block;
   width:60px;
   height:30px;
}
.blogNavButton:active {
   background: url("../images/navButtons/blog/blog_on.png");
   text-decoration: none;
   display: -moz-inline-box;
   display: inline-block; 
   width:60px;
   height:30px;
}

.supportNavButton {
   background: url("../images/navButtons/support/support.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:69px;
   height:30px;
}
.supportNavButton:hover { 
   background: url("../images/navButtons/support/support_over.png");
   text-decoration: none;  
   display: -moz-inline-box;
   display: inline-block;
   width:69px;
   height:30px;
}
.supportNavButton:active {
   background: url("../images/navButtons/support/support_on.png");
   text-decoration: none;
   display: -moz-inline-box;
   display: inline-block; 
   width:69px;
   height:30px;
}

.simulatorButton {
   background: url("../images/navButtons/simulator/simulator.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:77px;
   height:30px;
}
.simulatorButton:hover { 
   background: url("../images/navButtons/simulator/simulator_over.png");
   text-decoration: none;  
   display: -moz-inline-box;
   display: inline-block;
   width:77px;
   height:30px;
}
.simulatorButton:active {
   background: url("../images/navButtons/simulator/simulator_on.png");
   text-decoration: none;
   display: -moz-inline-box;
   display: inline-block; 
   width:77px;
   height:30px;
}

.divelogButton {
   background: url("../images/navButtons/dive_log/dive_log.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:76px;
   height:30px;
}
.divelogButton:hover { 
   background: url("../images/navButtons/dive_log/dive_log_over.png");
   text-decoration: none;  
   display: -moz-inline-box;
   display: inline-block;
   width:76px;
   height:30px;
}
.divelogButton:active {
   background: url("../images/navButtons/dive_log/dive_log_on.png");
   text-decoration: none;
   display: -moz-inline-box;
   display: inline-block; 
   width:76px;
   height:30px;
}

.eventsButton {
   background: url("../images/navButtons/events/events.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:69px;
   height:30px;
}
.eventsButton:hover { 
   background: url("../images/navButtons/events/events_over.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:69px;
   height:30px;
}
.eventsButton:active {
   background: url("../images/navButtons/events/events_on.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:69px;
   height:30px;
}

.newsletterButton {
   background: url("../images/navButtons/newsletter/newsletters.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:90px;
   height:30px;
}
.newsletterButton:hover { 
   background: url("../images/navButtons/newsletter/newsletters_over.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:90px;
   height:30px;
}
.newsletterButton:active {
   background: url("../images/navButtons/newsletter/newsletters_on.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:90px;
   height:30px;
}

.storeButton {
   background: url("../images/navButtons/store/store.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:50px;
   height:30px;
}
.storeButton:hover { 
   background: url("../images/navButtons/store/store_over.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:50px;
   height:30px;
}
.storeButton:active {
   background: url("../images/navButtons/store/store_on.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:50px;
   height:30px;
}

.classesButton {
   background: url("../images/navButtons/classes/classes.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:69px;
   height:30px;
}
.classesButton:hover { 
   background: url("../images/navButtons/classes/classes_over.png");
   text-decoration: none;  
   display: -moz-inline-box;
   display: inline-block;
   width:69px;
   height:30px;
}
.classesButton:active {
   background: url("../images/navButtons/classes/classes_on.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block;
   width:69px;
   height:30px;
}

.all {
   background: url("../images/navButtons/edive_sites/under_bar/all_sites.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:71px;
   height:30px;
}
.all:hover { 
   background: url("../images/navButtons/edive_sites/under_bar/all_sites_over.png");
   text-decoration: none;  
   display: -moz-inline-box;
   display: inline-block;
   width:71px;
   height:30px;
}
.most {
   background: url("../images/navButtons/edive_sites/under_bar/most_visited.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block;
   width:101px;
   height:30px;
   margin-left:-1px; 
}
.most:hover { 
   background: url("../images/navButtons/edive_sites/under_bar/most_visited_over.png");
   text-decoration: none; 
   display: -moz-inline-box; 
   display: inline-block;
   width:101px;
   height:30px;
   margin-left:-1px;
}
.top {
   background: url("../images/navButtons/edive_sites/under_bar/topten.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block;
   width:70px;
   height:30px;
   margin-left:-1px; 
}
.top:hover { 
   background: url("../images/navButtons/edive_sites/under_bar/topten_over.png");
   text-decoration: none; 
   display: -moz-inline-box; 
   display: inline-block;
   width:70px;
   height:30px;
   margin-left:-1px;
}
.suggest {
   background: url("../images/navButtons/edive_sites/under_bar/suggest.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block;
   width:109px;
   height:30px;
   margin-left:-1px; 
}
.suggest:hover { 
   background: url("../images/navButtons/edive_sites/under_bar/suggest_over.png");
   text-decoration: none; 
   display: -moz-inline-box; 
   display: inline-block;
   width:110px;
   height:30px;
   margin-left:-1px;
}
.recent {
   background: url("../images/navButtons/edive_sites/under_bar/recent.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:120px;
   height:30px;
   margin-left:-1px;
}
.recent:hover { 
   background: url("../images/navButtons/edive_sites/under_bar/recent_over.png");
   text-decoration: none; 
   display: -moz-inline-box; 
   display: inline-block;
   width:120px;
   height:30px;
   margin-left:-1px;
}
.upcoming {
   background: url("../images/navButtons/edive_sites/under_bar/upcoming.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:118px;
   height:30px;
   margin-left:-1px;
}
.upcoming:hover { 
   background: url("../images/navButtons/edive_sites/under_bar/upcoming_over.png");
   text-decoration: none;
   display: -moz-inline-box;  
   display: inline-block;
   width:118px;
   height:30px;
   margin-left:-1px;
}

.download {
   background: url("../images/navButtons/simulator/under_bar/download.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:80px;
   height:30px;
   margin-left:-1px;
}
.download:hover { 
   background: url("../images/navButtons/simulator/under_bar/download_over.png");
   text-decoration: none;
   display: -moz-inline-box;  
   display: inline-block;
   width:80px;
   height:30px;
   margin-left:-1px;
}

.manual {
   background: url("../images/navButtons/simulator/under_bar/manual.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:90px;
   height:30px;
   margin-left:-1px;
}
.manual:hover { 
   background: url("../images/navButtons/simulator/under_bar/manual_over.png");
   text-decoration: none;
   display: -moz-inline-box;  
   display: inline-block;
   width:90px;
   height:30px;
   margin-left:-1px;
}

.sysReq {
   background: url("../images/navButtons/simulator/under_bar/system_req.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:150px;
   height:30px;
   margin-left:-1px;
}
.sysReq:hover { 
   background: url("../images/navButtons/simulator/under_bar/system_req_over.png");
   text-decoration: none;
   display: -moz-inline-box;  
   display: inline-block;
   width:150px;
   height:30px;
   margin-left:-1px;
}

.simBlog {
   background: url("../images/navButtons/simulator/under_bar/blog.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:53px;
   height:30px;
   margin-left:-1px;
}
.simBlog:hover { 
   background: url("../images/navButtons/simulator/under_bar/blog_over.png");
   text-decoration: none;
   display: -moz-inline-box;  
   display: inline-block;
   width:53px;
   height:30px;
   margin-left:-1px;
}

.faq {
   background: url("../images/navButtons/support/under_bar/faq.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:51px;
   height:30px;
   margin-left:-1px;
}
.faq:hover { 
   background: url("../images/navButtons/support/under_bar/faq_over.png");
   text-decoration: none;
   display: -moz-inline-box;  
   display: inline-block;
   width:51px;
   height:30px;
   margin-left:-1px;
}

.report {
   background: url("../images/navButtons/support/under_bar/report.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:109px;
   height:30px;
   margin-left:-1px;
}
.report:hover { 
   background: url("../images/navButtons/support/under_bar/report_over.png");
   text-decoration: none;
   display: -moz-inline-box;  
   display: inline-block;
   width:110px;
   height:30px;
   margin-left:-1px;
}

.current {
   background: url("../images/navButtons/events/under_bar/current.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:71px;
   height:30px;
   margin-left:-1px;
}
.current:hover { 
   background: url("../images/navButtons/events/under_bar/current_over.png");
   text-decoration: none;
   display: -moz-inline-box;  
   display: inline-block;
   width:71px;
   height:30px;
   margin-left:-1px;
}

.future {
   background: url("../images/navButtons/events/under_bar/future.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:71px;
   height:30px;
   margin-left:-1px;
}
.future:hover { 
   background: url("../images/navButtons/events/under_bar/future_over.png");
   text-decoration: none;
   display: -moz-inline-box;  
   display: inline-block;
   width:71px;
   height:30px;
   margin-left:-1px;
}

.past {
   background: url("../images/navButtons/events/under_bar/past.png");
   text-decoration: none;
   display: -moz-inline-box; 
   display: inline-block; 
   width:61px;
   height:30px;
   margin-left:-1px;
}
.past:hover { 
   background: url("../images/navButtons/events/under_bar/past_over.png");
   text-decoration: none;
   display: -moz-inline-box;  
   display: inline-block;
   width:61px;
   height:30px;
   margin-left:-1px;
}
.forumButton {
   background: url("../images/navButtons/forum/forum.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:65px;
   height:30px;
}
.forumButton:hover { 
   background: url("../images/navButtons/forum/forum_over.png");
   text-decoration: none;  
   display: -moz-inline-box;
   display: inline-block;
   width:65px;
   height:30px;
}
.forumButton:active {
   background: url("../images/navButtons/forum/forum_on.png");
   text-decoration: none;
   display: -moz-inline-box;
   display: inline-block; 
   width:65px;
   height:30px;
}

.videosButton {
   background: url("../images/navButtons/videos/videos.png");
   text-decoration: none; 
   display: -moz-inline-box;
   display: inline-block; 
   width:65px;
   height:30px;
}
.videosButton:hover { 
   background: url("../images/navButtons/videos/videos_over.png");
   text-decoration: none;  
   display: -moz-inline-box;
   display: inline-block;
   width:65px;
   height:30px;
}
.videosButton:active {
   background: url("../images/navButtons/videos/videos_on.png");
   text-decoration: none;
   display: -moz-inline-box;
   display: inline-block; 
   width:65px;
   height:30px;
}





#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems a{
text-decoration: none;
}

.subuls{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
}

.subuls li{
width: 100%;
}

.subuls li a{
text-decoration: underline;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: 30px;
left: 0px;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

.logout:link  { float:right; margin-right:5px; margin-top:6px; color:#0033ff; text-decoration:none; font-size:13px;}
.logout:visited  { float:right; margin-right:5px; margin-top:6px; color:#0033ff; text-decoration:none; font-size:13px;}
.logout:hover  { float:right; margin-right:5px; margin-top:6px; color:#0033ff; text-decoration:underline; font-size:13px;}
.logout:active  { float:right; margin-right:5px; margin-top:6px; color:#0033ff; text-decoration:underline; font-size:13px;}