/* CSS Document */
#topSection {
  position:relative;
  left:0;
  top:0;
  margin:0;
  padding:0px;
  /*background-color:#eae9e7; height:170px; */
 z-index:99;/* we need zindex here for nav to work properly -- without collapsing when mouse over drop down items*/
 }
div#topNav
{ /*container for menu*/
position:relative;
clear:both;
height:41px;
vertical-align:top;
margin-top:0px;
background-color:#d5cbc1;
max-width:100%;
z-index:1000;

/*background-image:url(../images/Login_bg.jpg);
background-repeat:no-repeat;*/
}

#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
z-index:10000;
}

#cssdropdown li {
float: left;
position: relative;
z-index:10000;
}

.mainitems{
border: 0;
background-color:#d5cbc1;
height:41px;
z-index:1000;
}
div.menuText{
	margin:5px 0 5px 8px;
}
div.menuText1{
	text-align:center; margin-top:12px;
}
li.top{width:1px; height:27px; background-color:#d5cbc1; background-image:url(../images/bgd-dark-blue-vertical.png);position: relative; margin-top:8px;}
li.mainitems:hover{background-color:#f1ece8;}
#item1{width:242px; background-color:#b2a292;} 
#item1:hover{background-color:#d5cbc1;} 
#item2{width:142px; z-index:10000; } 
#item3{width:110px;z-index:10000; } 
#item4{width:122px;z-index:10000; } 
#item5{width:90px; z-index:10000;} 
#item6{width:109px; z-index:10000;} 
#item7{width:98px;z-index:10000; } 
#item8{width:85px;z-index:10000; position:relative;}



.mainitems a{
text-align:center;
text-decoration: none;
color: black;
}
.mainitems a:hover{
text-decoration: hover;
}

.subuls{
display: none;
position: absolute;
top:45px;
left: 0;
z-index:10000;

}
.subuls_right{
	top:45px;
	display:none;
}
.subuls_far_right{
	top:45px;
	display:none;
}

.subuls li{
width:220px;
background-color: #f1ece8;
padding:3px 10px 2px 10px;

}
#item6 .subuls li{
	width:260px;
}

.subuls_right li{
width:200px;
background-color: #f1ece8;
text-align:left;
position:relative;
left:-148px;
margin:0;
padding:3px 10px 2px 10px;
}
.subuls_far_right li{
width:200px;
background-color: #f1ece8;
text-align:left;
position:relative;
left:-130px;
margin:0;
padding:3px 10px 2px 10px;
}
#item7 .subuls_right li{
	width:226px;
}

.subuls li:hover, .subuls_right li:hover, .subuls_far_right li:hover{
	background-color:#FFFFFF;
}



#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
z-index:100;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

