/* CSS Document */

body,html{
margin:0px;
padding:0px;
height:100%;
width:100%;
background-color:#FFFFFF;
text-align:center;
position:relative;
}

body{
padding-top:5px;
}

div{
font: normal 12px Arial;
}

h1{
font: bold 18px Arial;
margin-top:5px;
color:rgb(61,74,98);
margin-bottom:10px;
}

h2{
font: bold 13px Arial;
margin:0px;
}

h3, h4{
font: bold 12px Arial;
margin:0px;
}


.special1{           
font: bold 13px Arial;
color: #cc6600;
margin:0px;
}

.special2{           
font: bold 18px Arial;
color: #996633;
margin:0px;
}

strong {
font: bold 12px Arial;
margin:0px;
}

#container{
width:770px;
margin:0 auto;
background-color:#FFFFFF;
text-align:left;
}

#header{
background-color:#999999;
border: solid 1px rgb(49,49,49);
background-image:url(/government/mayor/images1/headerBG.png);
background-repeat:repeat-x;
background-position:bottom;
}

#header_inner{
margin:5px;
}

#headerDisplay{
border: solid 1px #FFFFFF;
background-color:rgb(76,81,216);
background-image:url(/government/mayor/images1/headerBG_2.png);
/*background-image:url(../images/cityHeaderBG.png);*/
background-position:bottom;
background-repeat:repeat-x;
height:158px;
position:relative;
text-align:left;
}

#headerNav{
margin:5px;
margin-left:0px;
position:relative;
}

#headerNavList{
margin:0px;
padding:0px;
list-style-type:none;
position:relative;
z-index:8;
}

#headerNavList li{
display:inline;
/*padding:2px;
padding-left:5px;
padding-right:5px;*/
margin-right:15px;
cursor: pointer;
position:relative;
}

#headerNavList li ul{
position:absolute; /* positions the drop-down relative the parent li positioning context */
display:none; /* hides the drop-down (revealed when hovered - see below) */
width:150px; /* set the width of the drop-down */
left:-1px;
margin:0px;
padding:0px;
z-index:9;
top:15px;
}

#headerNavList li ul li{
border: solid 1px rgb(49,49,49);
background-color:#999999;
display:block;
width:100%;
text-align:left;
padding:2px;
}

#headerNavList li:hover ul, #headerNavList li a:hover ul{
display:block;
}

#headerNavList li a{
width:100%;
font: bold 13px Arial;
color:#FFFFFF;
text-decoration:none;
}

#header2{
behavior:url(../script/csshover.htc);
}

#dropMenu li a{
width:100%;
}

#dropMenu{

}

#subHeader{
border: solid 1px rgb(49,49,49);
border-top:none;
background-image:url(/government/mayor/images1/subMenuBG.png);
background-position:bottom;
background-repeat:repeat-x;
background-color:#CCFF99;
background-color:rgb(233,213,200);
}

#subHeader_inner{
padding:5px;
}

#subHeader li{
float:left;
}

#subHeader a{
color:#000000;
text-decoration:none;
font:bold 11px Arial;
}

#content{
margin-top:5px;
margin-bottom:5px;
float:left;
clear:both;
}

#leftColumn{
width:170px;
margin-right:10px;
float:left;
}

#mainContent{
width:415px;
background-color:#FFFFFF;
float:left;
}

#rightColumn{
width:165px;
margin-left:10px;
float:left;
}

#footer{
background-color:#999999;
border: solid 1px rgb(49,49,49);
background-image:url(/government/mayor/images1/headerBG.png);
background-repeat:repeat-x;
background-position:bottom;
clear:both;
color:#FFFFFF;
font-weight:bold;
}

#footer a{
font: bold 11px Arial;
color:#FFFFFF;
text-decoration:none;

}

#leftNav{
list-style-type:none; 
margin:0px; 
padding:0px; 
border:solid 1px rgb(49,49,49); 
background-image:url(/government/mayor/images1/leftNavBG.png); 
background-repeat:repeat-y; margin-bottom:5px;
background-color:#999999;
}

#leftNav li{
font:bold 12px Arial, Helvetica, sans-serif;
padding:2px; 
padding-left:10px; 
padding-right:10px; 
color:white; 
cursor: pointer; 
border-bottom: solid 1px rgb(100,100,100); 
letter-spacing: 1.2px;
}

#leftNav li#bottom{
margin-bottom:10px; 
border-bottom: 
solid 1px rgb(100,100,100);
}

#leftNav li#top{
margin-top:10px; 
border-top: solid 1px rgb(100,100,100);
}

#leftNav li a{
color:#FFFFFF; 
text-decoration:none;
}

#leftNav li:hover{
background-color:rgb(90,92,118);
}


#districtSearch{
background-color:rgb(65,71,141); 
background-image:url(/government/mayor/images1/district10bg.png); 
background-repeat:repeat-y;
}

#districtSearch_inner{
padding:2px; 
padding-left:10px; 
padding-right:10px; 
color:rgb(164,206,210); 
padding-top:10px;
}

#districtListHolder{
position:absolute;
z-index:5;
width:135px;
left:5px;
top:32px;
/*background-image:url(../images/districtListBG.gif);*/
border: solid 1px rgb(49,49,49);
display:none;
}

#districtList{
margin:0px;
padding:0px;
list-style-position:inside;
list-style-type:none;
padding-top:5px;
background-color:#FFFFFF;
/*background-image:url(../images/districtListBG.gif);*/
}



#districtList li{
margin:0px;
padding:2px;
padding-left:7px;
border-bottom: solid 1px rgb(49,49,49);
}

#districtList li a{
font-weight:bold;
text-decoration:none;
}

#close{
text-align:right;
padding:0px;
}

#rightTabHolder_blue{
background-color:rgb(207,223,239);
}

#rightTabHolder_grey{
background-color: rgb(225,225,225);
}

#rightTabHolder_grey span{
}

#rightTabHolder_white{
background-color: #FFFFFF;
}

#rightTabHolder_yellow{
background-color:rgb(255,255,174);

}

.rightTabHolder, .leftTabHolder{
background-color:rgb(207,223,239);
border: solid 1px rgb(49,49,49);
margin-bottom:5px;
background-image:url(/government/mayor/images1/tabHolderBG.gif);
background-repeat:no-repeat;
}

.rightTabHolder a, .leftTabHolder a{
color:#003366;
}

.leftTabHolder{
}

.rightTabHolder .inner_rightTabHolder .heading, .leftTabHolder .inner_leftTabHolder .heading{
font: bold 12px Verdana, Arial;
display:block;
margin-top:8px;
margin-bottom: 5px;
}

.inner_rightTabHolder, .inner_leftTabHolder{
margin: 5px;
white-space:normal;
}

.rightTabHolder .inner_rightTabHolder .genInfo, .leftTabHolder .inner_leftTabHolder .genInfo {
font: normal 11px Verdana, Arial;
display:block;
}

.rightTabHolder .inner_rightTabHolder .genInfo a, .leftTabHolder .inner_leftTabHolder .genInfo a{
font: bold 11px Verdana, Arial;
display:block;
text-decoration:none;
color:#0000FF;
cursor:pointer;
margin-top:4px;
color:#003366;
}

.rightTabHolder .inner_rightTabHolder .genInfo_breakAfter a, .leftTabHolder .inner_leftTabHolder .genInfo_breakAfter a{
font: bold 11px Verdana, Arial;
display:block;
text-decoration:none;
color:#0000FF;
cursor:pointer;
margin-top:4px;
color:#003366;
}

.rightTabHolder .inner_rightTabHolder .genInfo_breakAfter, .leftTabHolder .inner_leftTabHolder .genInfo_breakAfter{
font: normal 11px Verdana, Arial;
display:block;
margin-bottom:8px;
}

.inner_rightTabHolder hr{
border: solid 1px rgb(49,49,49);
height:1px;
}

a:link{
#003366;
}

a img{
border:none;
}

.underline{
text-decoration:underline;
}
