
#navcontainer ul {
padding: 0;
margin: 0;
list-style: none;
color: #fff;
}
  
#navcontainer li {
float: left;
position: relative;
}

.navgroup 
{
	display: block;
	width: 120px;
}
  
#navcontainer li ul {
display: none;
position: absolute; 
top: 24px;
left: 0;
}
  
#navcontainer li > ul {
	top: auto;
	left: auto;
	}

#navcontainer a:link, #navcontainer a:visited  {
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 24px;
display: block;
}

#navcontainer a:hover, #navcontainer a:active  {
color: #203845; !important;
/*color: #ccc !important;*/
font-weight: bold;
font-size: 12px;
line-height: 24px;
display: block;
text-decoration: none;
}	
	
#navcontainer li:hover ul { display: block; }
	
#navcontainer li:hover ul{ display: block; }
	
#navcontainer li:hover ul, #navcontainer li.over ul{ 
display: block;  
}

.navgroup1, .navgroup2, .navgroup3 {
text-align: center;
}

/* group specific */

.navgroup {

}

/* over styles on first link */

#navcontainer .navgroup:hover .first:Link, #navcontainer .navgroup:hover .first:visited, #navcontainer .navgroup:hover .first:hover, #navcontainer .navgroup:hover .first:active, #navcontainer .over .navgroup .first:link, #navcontainer  .over .navgroup .first:visited,  #navcontainer  .over .navgroup .first:active,  #navcontainer  .over .navgroup .first:hover {
background: transparent url(img/port_top_new.gif) bottom right no-repeat;
color: #CCC;

}

.navgroup a {
width: 120px;
text-align: center;
}

#navcontainer .navgroup .first:link, #navcontainer .navgroup .first:visited {
background: transparent url(img/port_top_new.gif) top right no-repeat;
}

#navcontainer .navgroup .first:hover, #navcontainer .navgroup .first:active {
background: transparent url(img/port_top_new.gif) bottom right no-repeat !important;
}

 #navcontainer .navgroup ul li {
background: transparent url(img/port_spot_new.gif);
}

#navcontainer .navgroup ul li a:hover, #navcontainer .navgroup2 ul li a:active {
display: block;
width: 120px;
}

#navcontainer .navgroup ul li.lastli a {
background: transparent url(img/port_bottom_left_new.gif) bottom left no-repeat;
}

#navcontainer .navgroup .lastli {
background: transparent url(img/port_bottom_right_new.gif) bottom right no-repeat;
}

/* selected style */

.selected {
background: transparent url(img/top_men_whi_left.gif) bottom left no-repeat !important;
}

#navcontainer .selected .first, #navcontainer .selected .first:Link, #navcontainer .selected .first:visited {
color: #000;
}

#navcontainer .homeselected .first, #navcontainer .homeselected .first:Link, #navcontainer .homeselected .first:visited {
color: #000;
}

#navcontainer .selected .first:link, #navcontainer .selected .first:visited {
background: transparent url(img/top_men_whi_right.gif) top right no-repeat;
}

.homeselected {
background: transparent url(img/top_men_hom_left.gif) top left no-repeat !important;

}

.homeselected .first:link, .homeselected .first:visited {
background: transparent url(img/top_men_hom_right.gif) top right no-repeat !important;
}

.navgroup {
margin-right: 2px;
}




