/* CSS Document */

#menu{
position:relative;
/*background:#A5C6CF;*/
background:#DCD483;
/*border-bottom:2px solid #a5c6cf;*/
border-bottom:2px solid #DCD483;
width:100%;
height:35px;
margin:0;
padding:0;
}

#menu ul{
margin:0;
padding:0 0 0 5px;
list-style:none;
}

#menu li{
display:inline;
padding:0;
margin:0;
}

#menu a.link {
      float:left;
	  height:35px;
	  display:block;
      background:url("tab-left.png") no-repeat left top;
      margin:0;
      padding:0px 0px 0px 10px;
      text-decoration:none;
}

#menu a.link span {
      float:left;
	  margin:0;
	  height:20px;
	  padding:9px 5px 5px 0;
      display:block;
      background:url("tab-right.png") no-repeat left bottom;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:14px;
	  font-weight:normal;
      color:#666666;
	  cursor:pointer;
}

#menu a.active {
      float:left;
	  height:35px;
	  display:block;
      background:url("tab-left.png") no-repeat left bottom;
      margin:0;
      padding:0px 0px 0px 10px;
      text-decoration:none;
}

#menu a.active span {
      float:left;
	  margin:0;
	  height:20px;
	  padding:9px 5px 5px 0;
      display:block;
      background:url("tab-right.png") no-repeat left bottom;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:14px;
	  font-weight:normal;
      color:#666666;
	  cursor:pointer;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
    
#menu li .link {
	background-position:0% 0px;
}
	
#menu li .link span {
	background-position:100% 0px;
}
	
#menu li .link:hover {
	background-position:0% -35px;
}
	
#menu li .link:hover span{
	background-position:100% -35px;
	color:#BCA92C;
}
	
#menu li .active {
	background-position:0% -70px;
}
	
#menu li .active span {
	background-position:100% -70px;
	color:#BCA92C;
}	

/* ------- promo tab ----------*/
.promoClass {
      float:left;
	  height:35px;
	  display:block;
      background:url("promo-tab-left.png") no-repeat 0% -35px;
      margin:0;
      padding:0px 0px 0px 10px;
      text-decoration:none;
}

.promoClass span {
      float:left;
	  margin:0;
	  height:20px;
	  padding:9px 5px 5px 0;
      display:block;
      background:url("promo-tab-right.png") no-repeat 100% -35px;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:14px;
	  font-weight:normal;
      color:#fff;
	  cursor:pointer;
}

.promoClassActive {
      float:left;
	  height:35px;
	  display:block;
      background:url("promo-tab-left.png") no-repeat 0% -70px;
      margin:0;
      padding:0px 0px 0px 10px;
      text-decoration:none;
}

.promoClassActive span {
      float:left;
	  margin:0;
	  height:20px;
	  padding:9px 5px 5px 0;
      display:block;
      background:url("promo-tab-right.png") no-repeat 100% -70px;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:14px;
	  font-weight:normal;
      color:#666666;
	  cursor:pointer;
}




/* ------ sub menu ------- */

#navColumn {
width:200px;
vertical-align:top;
text-align:left;
background:#fff url(nav-bg.jpg) center right no-repeat;
}

div#nav {
	float:left;
	padding:10px 20px 0px 5px;
	text-align:left;
	width: 175px;
	margin-left: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}

div#nav ul {
	list-style: none;
	margin:0px 0px 0px 0px;
	padding-left:10px;
}

div#nav li {
padding-bottom:2px;
	}
 
div#nav li .link {
	text-decoration: none;
	color:#BCA92C;
	/*
	background-image:url(nav-arrow-inactive.gif);
	background-position:left center;
	background-repeat:no-repeat;
	*/
	padding-left:12px;
	}
	
div#nav li .link:hover {
	color:#757575;
	padding-left:12px;
	background:url(nav-arrow-inactive.gif) left center no-repeat;
	}
	
/*------ ACTIVE LINK -----*/

div#nav li .active {
  	height: 25px;
	text-decoration: none;
	color:#6A7582;
	background:url(nav-arrow-active.gif) left center no-repeat;
	padding-left:12px;
	}
	
/* ---- Breadcrumb menu ---- */

#breadcrumb {
font-family: Arial,  Helvetica, sans-serif;
font-size:10px;
color:#333333;
padding:0px 0px 0px 0px;
}

#breadcrumb a {
color:#666666;
text-decoration:underline;
}

#breadcrumb a:hover {
text-decoration:none;
}