/*Master Style Sheet */

/* Page Structure */

body {
background:#d29e24;
margin:0px;
padding:0px;
height:100%;
}

#container {
margin-left:auto;
margin-right:auto;
height:100%;
width:980px;
background:#FFFFFF;
border-left:thick #e8b23e solid;
border-right:thick #e8b23e solid;
}

/*  Header Section */

#headercontainer {
width:980px;
height:100px;
}

#headerleft {
width:180px;
height:100px;
float:left;
background:#FFFFFF;
}

#headermiddle {
width:600px;
height:100px;
float:left;
}

#headerright {
width:200px;
height:100px;
background:#313832;
float:right;
}

/*Navigation Area */

#navigation {
width:980px;
background:#5467AC;
}

ul#nav{list-style: none;margin: 0;padding: 7px 0;
  border-bottom: 1px solid #CCC;font-weight: bold;
  text-align: center;white-space: nowrap; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
ul#nav li{display: inline;margin: 0 12px}
ul#nav a{text-decoration: none;padding: 0 4px 4px;
  border: 1px solid #5467AC; color:#FFF; background:#5467AC;}
ul#nav a#current{background: #5467AC; padding:4px; color:#FFF;}
ul#nav a:hover{background: #283A82; padding:4px; color:#FFF;} 

/* Left Margin */

#leftmargin {
width:180px;
background:#e4e4e4;
float:left;
}

#leftmarginfooter {
width:180px;
height:30px;
background:#313831;
}

/* Page Content Area */

#pagecontent {
width:600px;
float:left;
background:#ffffff;
}

#pagesections {
width:600px;
background:#ffffff;
}

/* Right margin */

#rightmargin {
width:200px;
height:850px;
float:left;
background:#e4e4e4;
}

#locatorcontainer {
width:200px;
height:109px;
background:#313831;
float:left;
}

/* Search box */

#searchbox {
width:180px;
height:50px;
background:#e26a2b;
}

.searchtext {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
font-weight:bold;
margin-left:5px;
}

*html .searchtext {
margin-left:2px;
}

.textbox {
margin-left:2px;
float:left;
}

.emailbox {
size:10px;
}

.gobutton {
width:42px;
height:22px;
float:left;
margin-left:5px;
}


*html .gobutton {
width:42px;
height:22px;
float:left;
margin-left:2px;
}

.searchtextgold {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e9cd31;
font-weight:bold;
margin-left:5px;
}

/* Text and content formatting */

.headerleft9pt {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#313832;
text-align:center;
}

.headerleft313832 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#313832;
text-align:center;
}

.headerleft929292 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:center;
color:#929292;
}

.text000000 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-align:center;
}

.headerdate {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#000000;
}

.worksection {
width:180px;
font-family:Arial Black, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#6365b1;
text-indent:5px;
margin-top:-20px;
margin-bottom:-15px;
}

.livesection {
width:180px;
font-family:Arial Black, Helvetica, sans-serif;
font-size:20px;
color:#348561;
text-indent:5px;
margin-bottom:-15px;
}

.playsection {
width:180px;
font-family:Arial Black, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#e26b2b;
text-indent:5px;
margin-bottom:-15px;
}

.calendarsection {
width:180px;
font-family:Arial Black, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#283b82;
text-indent:5px;
margin-bottom:-15px;
}

.calendartexthdr {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#313832;
text-indent:5px;
}

.calendartext {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#313832;
list-style-type:none;
}

.leftgeneraltext {
width:180px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#313832;
list-style-type:none;
margin-left:-17px;
}

.leftgeneraltext ul a:link, .leftgeneraltext ul a:visited {
width:180px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#313832;
margin-top:0px;
text-decoration:none;
display:block;
list-style-type:none;
}

.leftgeneraltext ul a:hover {
text-decoration:underline;
}

.leftgeneraltext ul a:active {
text-decoration:none;
}

.leftmarginline {
width:160px;
margin:5px 0px 5px 5px;
border-top:#7f7f7f 2px solid;
float:left;
clear:both;
}

.leftmarginspacer {
height:57px;
}

#leftmarginbottom {
width:180px;
height:187px;
background:#313831;
float:left;
}

.calendaritems {
width:160px;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#2A3B83;
}

.calendaritems a:link, .calendaritems a:visited {
font-size:12px;
color:#2A3B83;
font-weight:bold;
text-decoration:none;
}

.calendaritems a:hover {
color:#FFF;
font-weight:bold;
text-decoration:none;
background:#2A3B83;
}

#newsroom {
width:600px;
background:#d9e4ec;
float:left;
}

.newsroomhdr {
font-family:Arial Black, Helvetica, sans-serif;
font-size:18px;
margin-left:5px;
color:#5467ad;
width:595px;
background:#d9e4ec;
}

.newsroomtext {
width:595px;
height:100px;
background:#d9e4ec;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000; 
margin-left:5px;
display:block;
}

/* Top 10 Block */

#top10{
width:280px;
height:180px;
float:left;
margin-left:12px;
margin-top:10px;
}

#top10top {
width:280px;
height:10px;
background:url(../images/gif/block-top10-top.gif) no-repeat;
}

#top10middle{
width:280px;
height:180px;
background:url(../images/gif/block-top10-middle.gif) repeat;
}

#top10bottom{
width:280px;
height:190px;
background:url(../images/gif/block-top10-bottom.gif) no-repeat;
}

.top10header {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#C0B28F;
margin-left:10px;
}

.top10pic {
width:114x;
height:172px;
margin-left:8px;
border:#FFFFFF 1px solid;
float:left;
}

.top10content {
width:130px;
height:172px;
margin-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
float:left;
text-align:justify;
}

.top10content  a:link, .top10content  a:visited {
font-size:12px;
color:#000000;
text-decoration:none;
}

.top10content  a:hover {
color:#000000;
font-weight:bold;
text-decoration:none;
}


/* City Council Block */

#citycouncil {
width:280px;
height:180px;
float:left;
margin-left:12px;
margin-top:10px;
}

#citycounciltop {
width:280px;
height:10px;
background:url(../images/gif/block-council-top.gif) no-repeat;
}

#citycouncilmiddle{
width:280px;
height:180px;
background:url(../images/gif/block-council-middle.gif) repeat;
}

#citycouncilbottom{
width:280px;
height:190px;
background:url(../images/gif/block-council-bottom.gif) no-repeat;
}

.citycouncilheader {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#954C23;
margin-left:10px;
}

.citycouncilpic {
width:114x;
height:172px;
margin-left:8px;
border:#FFFFFF 1px solid;
float:left;
}

.citycouncilcontent {
width:130px;
height:172px;
margin-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
float:left;
text-align:justify;
}

.citycouncilcontent a:link, .citycouncilcontent a:visited {
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

.citycouncilcontent a:hover {
color:#E8B23E;
font-weight:bold;
text-decoration:underline;
}

/* Birmingham Green */

#bhamgreen {
width:280px;
height:180px;
float:left;
margin-left:12px;
margin-top:55px;
}

#bhamgreentop {
width:280px;
height:10px;
background:url(../images/gif/block-bhamgreen-top.gif) no-repeat;
}

#bhamgreenmiddle{
width:280px;
height:190px;
background:url(../images/gif/block-bhamgreen-middle.gif) repeat;
}

#bhamgreenbottom{
width:280px;
height:190px;
background:url(../images/gif/block-bhamgreen-bottom.gif) no-repeat;
}

.bhamgreenheader {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#378462;
margin-left:10px;
}

.bhamgreenpic {
width:114x;
height:172px;
margin-left:8px;
border:#ffffff 1px solid;
float:left;
}

.bhamgreencontent {
width:130px;
height:172px;
margin-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
float:left;
text-align:justify;
}

.bhamgreencontent a:link, .bhamgreencontent  a:visited {
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

.bhamgreencontent  a:hover {
color:#E8B23E;
font-weight:bold;
text-decoration:underline;
}

/* Call 311 block */

#call311 {
width:280px;
height:180px;
float:left;
margin-left:12px;
margin-top:55px;
}

#call311top {
width:280px;
height:10px;
background:url(../images/gif/block-call311-top.gif) no-repeat;
}

#call311middle{
width:280px;
height:190px;
background:url(../images/gif/block-call311-middle.gif) repeat;
}

#call311bottom{
width:280px;
height:190px;
background:url(../images/gif/block-call311-bottom.gif) no-repeat;
}

.call311header {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#BD8636;
margin-left:10px;
}

.call311pic {
width:114x;
height:172px;
margin-left:8px;
border:#ffffff 1px solid;
float:left;
}

.call311content {
width:130px;
height:172px;
margin-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
float:left;
text-align:justify;
}

.call311content a:link, .call311content  a:visited {
color:#000000;
font-weight:bold;
text-decoration:underline;
}

.call311content  a:hover {
color:#333333;
font-weight:bold;
text-decoration:underline;
}

/* Page Footer */

#pagesectionfooter {
width:600px;
height:109px;
background:#283A82;
margin-top:102px;
float:left;

}

.pagefootertext {
width:190px;
height:80px;
margin-left:10px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
float:left;
list-style:outside;
text-decoration:none;
}

.pagefootertext  a:link, .pagefootertext  a:visited {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

.pagefootertext  a:hover {
color:#E8B23E;
font-weight:bold;
text-decoration:none;
}

.emailhdr {
width:185px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#cd602a;
margin-left:5px;
text-align:center;
}

.rightmarginline {
width:180px;
height:1px;
background:#7f7f7f;
margin:5px 0px 5px 5px;
float:left;
}

.eservices {
font-family:Arial Black, Helvetica, sans-serif;
font-size:28px;
color:#1d2955;
text-align:center;
}

#adcontainer {
width:180px;
margin-top:5px;
margin-left:10px;
margin-bottom:5px;
background:#e4e4e4;
text-align:center;
}

.adbox {
width:160px;
height:53px;
margin-top:15px;
margin-left:10px;
background:#e4e4e4;
border:#666666 1px solid;
}

.citydirectory {
width:170px;
font-family:Arial Black, Helvetica, sans-serif;
font-size:14px;
color:#283b82;
margin-left:5px;
float:left;
}

.rightmarginspacer {
height:70px;
}

.districtlocatorhdr {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
color:#C0B18E;
margin-left:5px;
}

.searchbyzip {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin-left:5px;
}

.findbuttonWrapper{
width:39px;
height:21px;
float:left;
margin-left:5px;
}

.findbutton {
/*width:39px;*/
/*height:21px;*/
/*float:left;*/
/*margin-left:5px;*/
border:1px solid #fff;
background-color:#000;
color:#fff;
font:bold .8em Arial, Helvetica, sans-serif;
}

/* Footer */

#footer {
margin:auto;
width:980px;
height:60px;
background:#5467ac;
clear:both;
}

#footerright {
width:180px;
float:left;
}

#footermiddle {
width:600px;
margin-top:10px;
float:left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

.footerrollover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:underline;
}

#footerleft {
width:180px;
margin-top:15px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFFF00;
text-align:center;
}

#footerleft:hover {
color:#d29e24;
}

/* Newsroom Rotator */

  .hidden {
     display: none;
    }
    h2 {
          font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
          color: #000;
    }

/* Main page container */

#mainpagecontainer {
width:800px;
height:100%;
background:url(../images/jpegs/mainpage-backdrop.jpg) no-repeat;
float:left;
}

/* Sub page styles */

#subpagecontainer {
width:800px;
height:100%;
background:url(../images/jpegs/subpage-backdrop.jpg) no-repeat;
float:left;
}

#subpagetitle {
width:600px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#283B82;
margin-left:12px;
margin-top:10px;
float:left;
}

#headertitle {
width:240px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#313831;
margin-left:12px;
margin-top:15px;
margin-bottom:10px;
float:left;
}

#headertitle  a:link, #headertitle  a:visited {
font-size:12px;
color:#CC3300;
font-weight:bold;
text-decoration:none;
}

#headertitle a:hover {
color:#CC3300;
font-weight:bold;
text-decoration:underline;
}

.picture {
border:#283B82 1px solid;
margin-left:5px;
float:right;
}

#subpagecontent {
width:580px;
float:left;
background:#ffffff;
border-right:#666666 1px solid;
padding-right:10px;
}

.subpagetext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
margin-left:12px;
text-align:justify;
}

.subpagetext  a:link, .subpagetext  a:visited {
font-size:12px;
color:#CC3300;
font-weight:bold;
text-decoration:none;
}

.subpagetext a:hover {
color:#CC3300;
font-weight:bold;
text-decoration:underline;
}

.subpagehdr {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
}

#relatedlinks {
width:180px;
float:left;
margin-top:-5px;
}

#relatedlinks a:link, #relatedlinks a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
list-style:none;
text-decoration:none;
}

#relatedlinks ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
list-style:none;
text-decoration:none;
margin-left:-32px;
}

#relatedlinks a:hover {
text-decoration:underline;
}

/* City Council Page Styles */

#councilrow1 {
width:580px;
float:left;
}

#councilrow2 {
width:580px;
float:left;
}

#councilrow3 {
width:580px;
float:left;
}

#councilrow4 {
width:580px;
background:#FFFFCC;
float:left;
margin-top:10px;
margin-bottom:10px;
border:#CCCC99 1px solid;
}

.councilsection {
width:180px;
float:left;
margin-left:10px;
margin-top:10px;
margin-bottom:5px;
}

.councilpictureborder {
border:#000066 1px solid;
}

.councilspacer {
width:560px;
height:5px;
float:left;
clear:both;
}

.councilfooter {
width:210px;
margin-top:20px;
margin-left:30px;
margin-bottom:10px;
padding-bottom:10px;
float:left;
}

.councilhdr a:link, .councilhdr a:visited  {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
text-align:left;
text-decoration:none;
}

.councilhdr a:hover {
color:#FFF;
background:#000000;
}

.photoholder {
margin-top:5px;
width:448px;
float:left;
}

.photocaption {
width:448px;
margin:auto;
float:left;
background:#FFFFCC;
border:#CCCC99 1px solid;
margin-top:5px;
margin-bottom:30px;
}

.emailsent {
text-align:center;
font:normal .8em Arial, Helvetica, sans-serif;
}