@charset "utf-8";
/* CSS Document */
.menu{
    float: right;
	width: 820px;
    height: 47px;
    margin-left: 130px;
    position: absolute;
	cursor: pointer;
}
/*--mouse-over--*/
#about{
  display: block;
  width: 103px;
  height: 47px;
  background:url(http://www.cityofcapegirardeau.org/images/a.png) no-repeat;
  /*background: url("emailUs.gif") no-repeat 0 0;*/
}
#about:hover{ 
  display: block;
   background:url(http://www.cityofcapegirardeau.org/images/ah.png) no-repeat;
   width: 103px;
  height: 47px;}


#about span{
  display: none;}
/*--*/
#department{
  display: block;
  width: 159px;
  height: 47px;
  background:url(http://www.cityofcapegirardeau.org/images/d.png) no-repeat;
  /*background: url("emailUs.gif") no-repeat 0 0;*/
}
#department_seleted{
  display: block;
  width: 159px;
  height: 47px;
  background:url(http://www.cityofcapegirardeau.org/images/dh.png) no-repeat;
  /*background: url("emailUs.gif") no-repeat 0 0;*/
}
#department:hover{  
   background:url(http://www.cityofcapegirardeau.org/images/dh.png) no-repeat;
   width: 159px;
  height: 47px;}

#department span{
  display: none;}
 /*--*/
#services{
  display: block;
  width: 122px;
  height: 47px;
  background:url(http://www.cityofcapegirardeau.org/images/s.png) no-repeat;
  /*background: url("emailUs.gif") no-repeat 0 0;*/
}
#services:hover{ 
   background:url(http://www.cityofcapegirardeau.org/images/sh.png) no-repeat;
   width: 122px;
  height: 47px;}

#services span{
  display: none;}
/*--*/
#resident{
  display: block;
  width: 129px;
  height: 47px;
  background:url(http://www.cityofcapegirardeau.org/images/r.png) no-repeat;
  /*background: url("emailUs.gif") no-repeat 0 0;*/
}
#resident:hover{ 
   background:url(http://www.cityofcapegirardeau.org/images/rh.png) no-repeat;
   width: 129px;
  height: 47px;}

#resident span{
  display: none;}
/*--*/
#business{
  display: block;
  width: 141px;
  height: 47px;
  background:url(http://www.cityofcapegirardeau.org/images/b.png) no-repeat;
  /*background: url("emailUs.gif") no-repeat 0 0;*/
}
#business:hover{ 
   background:url(http://www.cityofcapegirardeau.org/images/bh.png) no-repeat;
   width: 141px;
  height: 47px;}

#business span{
  display: none;}
/*--*/
#visit{
  display: block;
  width: 131px;
  height: 47px;
  background:url(http://www.cityofcapegirardeau.org/images/v.png) no-repeat;
  /*background: url("emailUs.gif") no-repeat 0 0;*/
}
#visit:hover{ 
   background:url(http://www.cityofcapegirardeau.org/images/vh.png) no-repeat;
   width: 131px;
  height: 47px;}

#visit span{
  display: none;}
/*--*/
.menu img{
	vertical-align:middle;
	float:left;
}
.menu a{
	/*padding:8px 15px 10px 15px;*/
	color:#0e2442;
	text-decoration:none;
}
.menu a:hover{
	height:48px;
	color:#000;
	text-decoration:underline;
}
.menu a.current{
	height:36px;
	color:#F00;
	text-decoration:underline;
}
.txt-field{
	color:#6F7378;
	float:left;
	font-size:11px;
	height:20px;
	padding:5px 0 0 6px;
	position:relative;
	vertical-align:top;
	width:263px;
	border:none;
}

.sub_menue {
	border:1px solid #E6E6E6;
	display:block;
	height:auto;
	left:185px;
	position:absolute;
	top:154px;
	z-index:100;
	padding:5px;
	display:none;
}
.sub_menue a
{
	padding:2px;
	color:#46484A;
	text-decoration:none;
}
.sub_menue a:hover
{
	background:#000;
	color:#FFF;
}
.sub_menue_heading {
 font-size:12px;
 font-weight:bold;
 color:#46484a;
 border-bottom:dashed 1px #e6e6e6;
}
.sub_menue_heading_selected
{
 background-color:#000;
 color:#FFF;
}
.home-div{
float:left;
margin-left:10px;
position:absolute;
}
.home{
	background:url(images/home-btn2.png) no-repeat;	
	padding:8px 15px 10px 15px;
	color:#0e2442;
	text-decoration:none;
	display:block;
	width:33px;
	height:37px;
}
.home:hover{
	
	background:#666; 
	height:37px;
	width:33px;
}


#cssdropdown, #cssdropdown ul {
margin-top:0px;
list-style: none;
}

#cssdropdown li {
	float: left;
    margin-right: 2px;
    position: relative;
}
#cssdropdown ul li a.selected{}
.mainitems{

}

.mainitems a{
text-decoration: none;
}

.subuls{
	z-index:999;
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left:0;
margin-left:-212px;
/*background-color: lightyellow;*/
border: 6px solid #cecece;
}

.subuls li{
width: 100%;
line-height:15px;
}

.subuls li a{
color:#605f5f;
text-decoration: none;
padding:0px;
font-family:Arial;
font-size:12px;
font-weight:normal;
padding:2px;

}
.subuls li a:hover{
text-decoration:underline;
padding:2px;
color:#333;
}
.tablecont{background:#f2f2f2;}
/* for men menu*/
.subuls-men{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: lightyellow;
border: 1px solid #f00;
}

.subuls-men li{
width: 100%;
line-height:15px;
}

.subuls-men li a{
text-decoration: none;
padding:0px;
font-family:Verdana;
font-size:10px;
font-weight:normal;
padding:2px;

}
.subuls-men li a:hover{
text-decoration: none;

padding:2px;
}
.subuls-men li a.current{

padding:2px;
text-decoration: none;
}

/* end for men menu*/
#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: 47px;
left: 0 auto;
padding:0px;
font-family:Verdana;
font-size:13px;
text-decoration:none;
font-weight:bold;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}