/*navigation*/
.navContainer {
	height: 27px;
	width: 100%;
	background: url(/sdi/menu/navbackclear.gif) top left; /* the grad back*/
	z-index: 1000;
	font-family: Arial Narrow, Helvetica, sans-serif; 
	font-size: 11px;
	position: relative;
	clear:  both;
	margin: 0px;
	padding: 0px;}

.collapsed, .expanded {
	float: left;
	display: inline;
}
.collapsed .dropHold {
	visibility: hidden;
}
.expanded .dropHold {
	visibility: visible;
}
.collapsed .menuItem {
	color: #000; /* main link color*/
}
.expanded .menuItem, .expanded .menuItem a:visited, .expanded .menuItem a:link {
	color: #666666; /*rollover color of main tab plus when the menu is expanded - main - stays when hover down list*/
	cursor: pointer; 
}

.menuItem { /* individual items in the navigation drop downs*/
    position: relative;
    display: inline; /*makes horizontal*/
} 

.menuItem a{}

.menuItem a:link, .menuItem a:visited, .menuItem a:active{}

.menuItem a:hover{}


.dropHold {
	position: relative; /* makes the drop relative to the link it came from*/
	overflow: visible; /* allows the drop down to be seen*/}
	
.dropMenu { /* regular drop down, drop for different, drop of drop*/
	position: absolute;
	left: 0px; /*drop starts aligned with edge of upper link*/
    top: 0px; /* drop down in relation to the links*/
	width: 130px; /* the full size of the drop menu by default*/
	background-color: #003768; /* color of entire container*/
	border: 1px solid #003768; /* border around whole dropdown*/

	padding: 2px 1px 3px 3px; /* padding in the drop container*/
	z-index: 500;
	clear: both;}

.dropMenu .dropItem, .dropMenu .dropItemOver{
	position: relative;
	padding: 0 3px 0 3px;
	/*border pre roll*/
	border-bottom: 1px solid #fff; /* border on top of menuItems - keep the same as rollovers*/
	border-right: 1px solid #fff;
	background-color: #f1f1f1;
	color: blue;
	cursor: default;
	cursor: pointer;
	width: 120px; /* i added this width - for the rollovers only*/
	z-index: 5;}

.dropMenu .dropItemOver a, .dropMenu .dropItem a, .dropItem A:visited{
	display: block;
	padding: 2px 0px 2px 0px;
	color: #2c2c2c; /*color of the dropItem links*/
	width: 100%;
	text-decoration: none;}

.dropHold .dropItemOver  {
	background-color: #8cc63f; /* the individual rollover in the drop down menu*/
	border-bottom: 1px solid #616060;
	border-right: 1px solid #616060;
	color: #FFF;}

.dropHold a {
	color: #CCC; /*doesn't seem to change anything*/
	text-decoration: none; /*no underline on drop menu items*/}
	
.dropHold a:hover {
	color: #FFF; /*text rollover on hover of drop down menu items*/
	text-decoration: none;}

#subNav{
z-index: 950; 
position: relative; 
width: 100%; 
font: 11px Verdana, Arial, sans-serif;
font-weight: bold;
text-decoration: none;
background-color:#f7f7f7;
padding-left: 0px;
padding-top: 5px; 
padding-bottom: 5px;
margin-left: 5px;
margin-top: 5px;
border-bottom: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;}

#subNav a:link{
color: #666666;
font: 11px Verdana, Arial, sans-serif;
text-decoration: none;
font-weight: bold;
} 
#subNav a:visited{
color: #666666;
font: 11px Verdana, Arial, sans-serif;
text-decoration: none;
font-weight: bold;
} 
#subNav a:active{
color: #666666;
font: 11px Verdana, Arial, sans-serif;
text-decoration: underline;
font-weight: bold;
} 

#subNav a:hover{
color: #666666;
font: 11px Verdana, Arial, sans-serif;
text-decoration: underline;
font-weight: bold;

}

a.home {
margin-left: 11px;
margin-top: 9px;
display: block;
width: 59px;
height: 18px;
background:url(/sdi/Menu/homelink.gif) 0 0 no-repeat;
text-decoration: none;
}


a:hover.home {
margin-left: 11px;
background-position: -59px 0;
}

a.contentlink {
margin-left: 10px;
margin-top: 9px;
display: block;
width: 70px;
height: 18px;
background:url(/sdi/Menu/content-link.gif) 0 0 no-repeat;
text-decoration: none;
}


a:hover.contentlink {
margin-left: 10px;
background-position: -70px 0;
}

a.advlink {
margin-left: 10px;
margin-top: 9px;
display: block;
width: 85px;
height: 18px;
background:url(/sdi/Menu/advertising-link.gif) 0 0 no-repeat;
text-decoration: none;
}


a:hover.advlink {
margin-left: 10px;
background-position: -85px 0;
}

a.publink {
margin-left: 10px;
margin-top: 9px;
display: block;
width: 72px;
height: 18px;
background:url(/sdi/Menu/network-link.gif) 0 0 no-repeat;
text-decoration: none;
}


a:hover.publink {
margin-left: 10px;
background-position: -72px 0;
}

a.corplink {
margin-left: 10px;
margin-top: 9px;
display: block;
width: 79px;
height: 18px;
background:url(/sdi/Menu/corp-link.gif) 0 0 no-repeat;
text-decoration: none;
}


a:hover.corplink {
margin-left: 10px;
background-position: -79px 0;
}

a.contactlink {
margin-left: 10px;
margin-top: 9px;
display: block;
width: 82px;
height: 18px;
background:url(/sdi/Menu/contact-link.gif) 0 0 no-repeat;
text-decoration: none;
}

a:hover.contactlink {
margin-left: 10px;
background-position: -82px 0;
}
a.productlink {
margin-left: 10px;
margin-top: 9px;
display: block;
width: 71px;
height: 18px;
background:url(/sdi/Menu/products-link.gif) 0 0 no-repeat;
text-decoration: none;
}

a:hover.productlink {
margin-left: 10px;
background-position: -71px 0;
}

a.aboutlink {
margin-left: 10px;
margin-top: 9px;
display: block;
width: 71px;
height: 18px;
background:url(/sdi/Menu/aboutus.gif) 0 0 no-repeat;
text-decoration: none;
}

a:hover.aboutlink {
margin-left: 10px;
background-position: -71px 0;
}

a.serviceslink {
margin-left: 10px;
margin-top: 9px;
display: block;
width: 67px;
height: 18px;
background:url(/sdi/Menu/services-link.gif) 0 0 no-repeat;
text-decoration: none;
}


a:hover.serviceslink {
margin-left: 10px;
background-position: -67px 0;
}

a.clientslink {
margin-left: 10px;
margin-top: 9px;
display: block;
width: 61px;
height: 18px;
background:url(/sdi/Menu/clients-link.gif) 0 0 no-repeat;
text-decoration: none;
}


a:hover.clientslink {
margin-left: 10px;
background-position: -61px 0;
}