/* CONTAINER FOR DROP-DOWN NAVIGATION */
#topnav {
    position:relative;
    z-index: 100;
	padding:0px; 
	text-align:left; 
	font-size:11px; 
	line-height:14px;
	background-color:#000000;
	border-top:0px solid #FFF;
	height:22px;
	left:0px;
	font-weight:bold;	
}


/* Used for the navigation Drop-Down */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 100;
		
}

.nav {
    float:left;
  	z-index: 100;
	position: relative;
	padding-left: 0px;
	height:22px;
	
}

.nav li {
  	/*border-left: 1px solid #FFF;*/
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 100;

}

/* This allows for the <b> tag to be used when there is no URL for a top-level menu option */
.nav li b
{
  	color: #ffffff;
	display: block;
	padding: 4px 5px 4px 5px;
	text-decoration: none;
	position: relative;
	z-index: 100;
	text-align:center;
}


/* This allows for the <b> tag to be used when there is no URL for a top-level menu option */

.nav li b:hover {
    color: #ffffff;
	position: relative;
	z-index: 100;
}

.nav li b, .nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  	color: #ffffff;
	background-color:#000000;
	display: block;
	padding: 4px 5px 4px 5px;
	text-decoration: none;

}

.nav li a:hover {
	color: #ffffff;
	position: relative;
	z-index: 100;
}


.nav ul {
  	/*background: #6fa39f;*/
	border-bottom: 1px solid #b2bcd3;
	list-style: none;
	margin: 0;
	width: 180px;
	position: absolute;
	z-index: 100;
	top: -999em;
	}
	
.nav li:hover ul, .nav li.sfHover ul {
  top: 22px; 
}

.nav ul li {
  border: 0;
  float: none;
 }
 
.nav ul a {
  border: 1px solid #b2bcd3;
  border-bottom: 0;
  padding-right: 20px;
  white-space: nowrap;
  height:14px;

}


.nav ul a:hover {
  background: #ccc;
  color: #000;
  height:14px;
  }

#nav-one li:hover a, #nav-one li.sfHover a {
    color: #ffffff;   
}


/* Sub-menu Color */
#nav-one li:hover ul a, #nav-one li.sfHover ul a {
    background: #fbfbb6;
    color: #3a4663;
    text-align:left;
   
}

/* HOVER for Sub-Menues */
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {
  background: #b2bcd3;
  color: #3a4663;
}


/* STR Branding Hover */
/* XX-LARGE HOVER */
/* LARGE HOVER */
.nav li.xxlgHover
{
    width:175px;
}
.xxlgHover a
{
    text-align:center;
}

.nav li.xxlgHover a:Hover
{   
    background-image: url("images/navBackgroundXXLG.gif"); 
    background-position:left;
    background-repeat: no-repeat;
}


/* X-LARGE HOVER */
.nav li.xlgHover
{
    width:155px;
}

.xlgHover a
{
    text-align:center;
}

.nav li.xlgHover a:Hover
{
    background-image: url("images/navBackgroundXLG.gif"); 
    background-position:left;
    background-repeat: no-repeat;
}

/* LARGE HOVER */
.nav li.lgHover
{
    width:135px;
}
.lgHover a
{
    text-align:center;
}

.nav li.lgHover a:Hover
{   
    background-image: url("images/navBackgroundLG.gif"); 
    background-position:left;
    background-repeat: no-repeat;
}

/* MEDIUM HOVER */
.nav li.mdHover
{
    width:122px;
}

.mdHover a
{
    text-align:center;
}

.nav li.mdHover a:Hover
{
    background-image: url("images/navBackgroundMD.gif"); 
    background-position:left;
    background-repeat: no-repeat;
}


/* SMALL HOVER */
.nav li.smHover
{
    width:108px;
}
.smHover a
{
    text-align:center;
}
.nav li.smHover a:Hover
{
    background-image: url("images/navBackgroundSM.gif"); 
    background-position:left;
    background-repeat: no-repeat;
    
}

/* SX-MALL HOVER */
.nav li.xsmHover
{
    width:83px;
}

.xsmHover a
{
    text-align:center;
}

.nav li.xsmHover a:Hover
{
    background-image: url("images/navBackgroundXSM.gif"); 
    background-position:left;
    background-repeat: no-repeat;
}

/* END STR Branding Hover */