/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.main { font-family: arial, sans-serif; width:950px; margin:0; margin:0; position:relative; z-index: 1000; }
/* remove the bullets and set the margin and padding to zero for the unordered list */
.main ul { padding:0; margin:0; list-style-type: none; }
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.main ul li { float:left; position:relative; font-size: 12px; }

/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.main ul li a, .main ul li a:visited { display:block; text-align:center; text-decoration:none; width:157px; height:33px; line-height: 33px; color:#898989; background: url(../../site_files/img/nav.gif) no-repeat; }

.main ul li:hover a { color: #52c4ee; background: url(../../site_files/img/nav_selected.gif) no-repeat; }
.main ul li a.first { width: 161px; background: url(../../site_files/img/nav_first.gif) no-repeat left;}
.main ul li a.first:hover { width: 161px; background: url(../../site_files/img/nav_first_selected.gif) no-repeat left; }
.main ul li a.last { width: 161px; background: url(../../site_files/img/nav_last.gif) no-repeat left; }
.main ul li a.last:hover { width: 161px; background: url(../../site_files/img/nav_last_hover.gif) no-repeat left; }
.main ul li ul { display: none; } /* make the dropdown ul invisible */
.main ul li:hover a.first { color:#52c4ee; background: url(../../site_files/img/nav_first_selected.gif) no-repeat; }
.main ul li:hover a.last { color:#52c4ee; background: url(../../site_files/img/nav_last_selected.gif) no-repeat; }

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
/* make the sub menu ul visible and position it beneath the main menu list item */
.main ul li:hover ul { display:block;  position:absolute; }
.main ul #button-2 ul li a.last { margin-bottom: 20px; }
.main ul li ul li { list-style-position: outside; margin-left: 15px; list-style-image: url(../../site_files/img/nav_sub_bullet.gif); }
.main ul li ul li:hover { list-style-image: url(../../site_files/img/nav_sub_bullet_hover.gif); }
.main ul li:hover ul { margin-top: -7px; z-index: 2000; background: #FFF; padding: 5px; border: 1px solid #CCCCCC; width: 130px; margin-left: 7px;}
/* style the background and foreground color of the submenu links */
  
.main ul li:hover ul li a {
text-align: left;
display:block; 
background:#FFFFFF; 
color:#898989;
height:16px;
height:18px;
line-height:16px; 
line-height:18px; 
font-weight: 100;
padding-bottom:1px;
padding-bottom:1px;
width: 120px; 
//padding-left:8px;
//background: url(../../site_files/img/nav_sub_bullet.gif)  0px 5px no-repeat;  
}

.main ul li:hover ul li a.active { width: 120px; }
.active { color: #52c4ee !important; }

/* style the background and forground colors of the links on hover */
.main ul li:hover ul li a:hover { background:#fff; color:#52c4ee; height:16px; height:18px; line-height:16px; line-height:18px; font-weight: 100; padding-bottom:1px; padding-bottom:1px; //padding-left:8px; //background: url(../../site_files/img/nav_sub_bullet_hover.gif)  0px 5px no-repeat; }  
#header_navigation .main ul li .active { background: url(../../site_files/img/nav_selected.gif) no-repeat; }
#header_navigation .main ul li.active { list-style-image: url(../../site_files/img/nav_sub_bullet_hover.gif) !important; }
#header_navigation .main ul li:hover ul li .active { background: none; }
#header_navigation #button-2 .active { background: url(../../site_files/img/nav_first_selected.gif) no-repeat; }
#header_navigation #button-6 .active { background: url(../../site_files/img/nav_last_selected.gif) no-repeat; }
#header_navigation #button-2 ul li .active { background: none; }
#header_navigation #button-6 ul li .active { background: none; }
.main ul li:hover ul li a.first { background: #FFF; width: 100%; color: #898989; display: block; background: #FFFFFF; //background: url(../../site_files/img/nav_sub_bullet.gif)  0px 5px no-repeat;}
.main ul li:hover ul li a.first:hover { color: #52c4ee; background: #FFFFFF; //background: url(../../site_files/img/nav_sub_bullet_hover.gif)  0px 5px no-repeat;}
.main ul li:hover ul li a.last { background: #FFF; width: 100%; color: #898989; display: block;//background: url(../../site_files/img/nav_sub_bullet.gif)  0px 5px no-repeat;}
.main ul li:hover ul li a.last:hover { color: #52c4ee; //background: url(../../site_files/img/nav_sub_bullet_hover.gif)  0px 5px no-repeat;}
.main ul li:hover ul li .active { background: none; width: 100%; color: #898989; border: none; display: block; }
.main ul li:hover ul li { //padding-left: 0 !important; //margin-left: 0px; }
.main ul li:hover ul li a { //padding-left: 10px !important; }
/*
list-style-image: url(../../site_files/img/nav_sub_bullet_hover.gif) !important;
*/