@charset "utf-8";
/* CSS Document */

body{
margin:0; padding:0;
background-color:#ec5409;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
}

ol , ul {
margin:0;
}

.innertube{
	margin: 4px 5px 0 5px; /*Margins for inner DIV inside each column (to provide padding)*/
}

#shadow{
width: 995px; /*Width of main container*/
background: url(../images/shadow995.png) repeat-y top;
margin:0px auto;
}

#wrapper {
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 980px;
/*background: url(../images/siderailExtend.gif) repeat;*/
}

#header {
margin: 0 ;
background: #EAEAEA;
height: 100px;
}

#header h1{
margin: 0;
padding-top: 15px;
}

#headerleft {
width:200px;
height:100px;
float:left;
background:#FFF;
}

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

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

.headerOfficial {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#313832;
text-align:center;
margin:4px 0 2px 0;
}

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

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

.headerseal {
margin:2px auto;
text-align: center;
}

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


#navigation {
	width:980px;
	background:#000;
}

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;
} 

#leftColumn {
float: left;
width: 200px;
/*padding: 5px 5px;*/
background-color: #e4e4e4;
text-align:center;
}


#leftColumn  p{
	margin:3px 0;
}

#leftColumn  .callLink {
	text-align:left;
	padding:10px 5px;
}


/*searchboxtop*/

#searchDiv {
	position:absolute;
	left:0px;
	top:72px;
	width:100%;
	height:30px;
	z-index:1;
}

#sa {
	vertical-align:middle;
}

#searchDiv .googlesearch {
	width:975px; 
	background:url(../images/searchbar.png) no-repeat top right; 
	margin:0 auto; 
	position:relative; 
	height:28px; 
	padding:1px 5px 0 0;
}

#q {
	width:160px;
	height:12px;
	font-size:.7em;
	vertical-align:middle;
}

/*#q:focus {
	background-color:#eee;
}*/



.worksection {
width:190px;
font-family:Arial Black, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
color:#6365b1;
text-indent:5px;
margin-top:5px;
/*margin-bottom:5px;*/
text-align:left;
}

.leftLinks {
	width:190px;
	font-size:12px;
	color:#313832;

}

.leftLinks ul {
	width:190px;
	list-style-type:none;
	padding:0;
	text-align:left;
}

.leftLinks  a:link, .leftLinks a:visited {	
color:#313832;
display:block;
padding:3px 5px;
text-decoration:none;
}

.leftLinks a:hover {
/*text-decoration:underline;*/
background-color:#CCC;
}

.leftLinks a:active {
text-decoration:none;
}

.livesection {
	width:190px;
	font-family:Arial Black, Helvetica, sans-serif;
	font-size:1.3em;
	color:#348561;
	text-indent:5px;
	text-align: left;
}

.playsection {
	width:190px;
	font-family:Arial Black, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#e26b2b;
	text-indent:5px;
	text-align:left;
}

.calendarsection {
width:190px;
font-family:Arial Black, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
color:#283b82;
text-indent:5px;
text-align:left;
}

.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;
text-align:left;
}



#rightColumn {
	float: right;
	width: 180px;
	/*padding: 5px 5px*/;
	background-color: #e4e4e4;
	text-align: center;
}

#rightColumn-secondary {
	float: right;
	width: 180px;
	/*padding: 5px 5px*/;
	background-color: #fff;
	text-align: center;
}

.smallText {
	font-size:.7em;
}

.smallBoldText {
	font-size:.7em;
	font-weight:bold;
}

#rightColumn #zipcode {
	width:115px;
}

#rightColumn input, #rightColumn img  {
	vertical-align:middle;
}

#rightColumn #zipcode:focus{
	background-color:#eee;
}



#dirSearch {
	width:40px;
	height:20px;
	margin: 0px 0px;
	padding:0px;
}

#email {
	width:125px;
}

#email:focus {
	background-color:#eee;
}


#leftColumn img, #leftColumn input {
	vertical-align:middle;
}

#rightColumn  p{
	margin:3px 0;
}


.citydirectory {
font-family:Arial Black, Helvetica, sans-serif;
font-size:1.1em;
color:#283b82;
/*margin-left:5px;*/
}

.citydirectoryLinks {
	width:170px;
	margin-bottom:20px;
}

.citydirectoryLinks ul {
width:170px;
font-size:.7em;
margin:0px;
list-style-type:none;
padding:0;
}

.citydirectoryLinks  a:link, .citydirectoryLinks a:visited {
color:#313832;
text-decoration:none;
display:block;
text-align:left;
padding:4px 0;
}

.citydirectoryLinks  a:hover {
/*text-decoration:underline;*/
background-color:#CCC;
color:#000;
}

.citydirectoryLinks  a:active {
text-decoration:none;
}




#content {
	float: left;
	width: 590px;
	background-color:#FFF;
	padding:0 5px;
	min-height:900px;
}

#container {
	float:left;
	background: url(../images/siderailExtend.gif) repeat;
}

#newsroom {
background-color:#fff;
}

#footer {
	clear: both;
	background: #5467AC url(../images/footer_shadow.gif) repeat-x;
	height:200px;
}


#footerright {
	width:180px;
	float:left;
	margin-top: 10px;
	text-align: right;
}

#footerright p{
	display:block;
	margin:2px 0 0 0;
	padding:0;
}

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

.footermidLinks {
	/*width:600px;*/
	/*margin-top:10px;*/
	/*float:left;*/
	text-align:center;
	font-size:1.2em;
	/*color:#FFF;*/
}

.footermidLinks a:link, .footermidLinks a:visited {
	font-variant:small-caps;
	color:#fff;
	text-decoration:none;
}

.footermidLinks a:hover {
	text-decoration:underline;
}

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

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

#footerleft:hover {
color:#d29e24;
}

/* colorful homepage blocks */

/*Block 1*/
#block1 {
	width:590px; min-height:158px; float:left; background-color:#b5c374; font:bold .8em Arial, Helvetica, sans-serif;
}

#block1 img {
	float:left;
	padding-top:3px;
}

#block1 .content {
	float:right;
	width:425px;
	margin:5px 0;
	text-align:justify;
	padding:0 5px 0 2px;
}

#block1 h1 {
	font-size:1.3em; margin:5px 0;
}

#block1 a:link, #block1 a:visited {
	color:#000;
	text-decoration:underline;
}

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

/*Block 2*/

#block2 {
	width:590px; min-height:158px; float:left; font:bold .8em Arial, Helvetica, sans-serif; color:#FFF; background: #31a616;
}

#block2 img {
	float:right;
	padding-top:2px;
}

#block2 .content {
	float:left; width:350px; margin:5px 0; padding:0 0 0 5px;
}

#block2 h1 {
	font-size:1.3em; margin:5px 0;
}

#block2 a:link, #block2 a:visited {
	color:#fff;
	text-decoration:underline;
}

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


/*Block 3*/

#block3 {
	width:590px; min-height:158px; float:left; background-color:#dcd513; font:bold .8em Arial, Helvetica, sans-serif;
}

#block3 img {
	float:left;
	padding-top:5px;
}

#block3 .content {
	float:right; width:348px; margin:5px 0; text-align:justify; padding:0 5px 0 3px;
}

#block3 h1 {
	font-size:1.3em; margin:5px 0;
}

#block3 a:link, #block3 a:visited {
	color:#000;
	text-decoration:underline;
}

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

/*Block 4*/

#block4 {
	width:590px; min-height:158px; float:left; font:bold .8em Arial, Helvetica, sans-serif; color:#FFF; background: #6969ad;
}

#block4 img {
	float:right;
	padding-top:5px;
}

#block4 .content {
	float:left;
	width:338px;
	margin:5px 0;
	padding:0 5px 0 5px;
	text-align:justify;
}

#block4 h1 {
	font-size:1.3em; margin:5px 0;
}

#block4 a:link, #block4 a:visited {
	color:#fff;
	text-decoration:underline;
}

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

/* Page Footer */

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

}

.pagefootertext {
	width:185px;
	height:100px;
	margin-left:5px;
	padding:8px 0 0 0;
	color:#FFFFFF;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:.75em;
	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;
}


#leftColumn h1 {
	margin:0 0 5px 0;
	color:#AE8400;
	font-size:1.3em;
	text-align:center;
	font-variant:small-caps;
}

/*subpage styles */

#subpagecontent {
	width:580px;
	float:left;
	background:#ffffff;
	border-right:#ccc 1px solid;
	padding-right:5px;
	/*min-height:1000px;*/
	/*margin-bottom:3em;*/
	
}

.subpagetext {
font-size:.9em;
color:#000000;
margin-left:7px;
/*text-align:justify;*/
}

.subpagetext ol li, .subpagetext ul li{
	padding-bottom:10px;
}
	

ol.alphalist {
	list-style-type:upper-alpha;
}

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

.subpagetext a:hover {
text-decoration:none;
}

.subpagetext .infoList  li{
	padding-bottom:10px;
}

#relatedlinks {
width:180px;
float:right;
/*margin-top:-5px;*/
}

#relatedlinks ul {
  margin:10px 0 0 0;
  list-style:none;
  width:160px;
  font-size:.7em;
	/*float:left;*/
}

#relatedlinks ul li {
width:170px;
margin-left:-35px;
}

#relatedlinks a:link, #relatedlinks a:visited {
text-decoration:none;
display:block;
padding:2px 3px;
color:#000033;
}

#relatedlinks a:hover {
background-color:#ccc;
}


/* sub page wrapper */

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

#subpageWrapper {
	width:780px;
	min-height:1000px;
	background:url(../images/jpegs/subpage-backdrop.jpg) no-repeat;
	float:left;
	background-color:#FFF;
}

#subpageWrapper h1 {
margin:10px 0 5px 12px;
font-size:1.2em;
font-weight:bold;
color:#ec5409;
}

#subpageWrapper_mayor h1 {
margin:10px 0 5px 12px;
font-size:18px;
font-weight:bold;
color:#283B82;
}

#subpageWrapper h2 {
	font-size:1.1em;
	font-weight:bold;
	color:#000;
}

/*subcontainer */

#subcontainer {
background-color:#FFF; 
float:left;
}

/*calendar style*/

.storyblock {
	width:550px;
	/*background-color:#dcd513;*/
	background-color:#FFDF55;
	border:1px solid #512928; /*border-bottom:none; */
	margin:5px auto;
	padding:5px 10px;
	color:#512928;
	text-align:center;
	float:left;
	min-height:100px;
}

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

.storyblock a:hover {
	text-decoration:none;
}

.storyblock p.date {
	float:left; width:100px; border-right:1px solid #512928;
}

.storyblock .month {
	font-size:1.3em; font-weight:bold;
}

.storyblock .day {
	font:bold 2.5em Arial, Helvetica, sans-serif;
}

.storyblock .year {
	font-size:1.3em; font-weight:bold;
}

.storyblock p.blurb {
	float:left;
	width:400px;
	text-align:left;
	padding:5px 15px;
	color:#333;
}

.storyblock-alt {
	width:550px;
	/*background-color:#b5c374;*/
	background-color:#D8F9D0;
	border:1px solid #512928; /*border-bottom:none; */
	margin:5px auto;
	padding:5px 10px;
	color:#512928;
	text-align:center;
	float:left;
	min-height:100px;
}

.storyblock-alt a:link, .storyblock-alt a:visited {
	text-decoration:underline;
	color:#512928;
	font-weight:bold;
}

.storyblock-alt a:hover {
	text-decoration:none;
}

.storyblock-alt p.date {
	float:left; width:100px; border-right:1px solid #512928;
}

.storyblock-alt .month {
	font-size:1.3em; font-weight:bold;
}

.storyblock-alt .day {
	font:bold 2.5em Arial, Helvetica, sans-serif;
}

.storyblock-alt .year {
	font-size:1.3em; font-weight:bold;
}

.storyblock-alt p.blurb {
	float:left;
	width:400px;
	text-align:left;
	padding:5px 15px;
	color:#000;
}

#subpagecontent .toplink a:link, #subpagecontent .toplink a:visited {
float:right;
color:#ccc;
padding:3px;
text-decoration:none;
border:1px solid #ccc;
width:80px;
}

#subpagecontent  .toplink a:hover {
text-decoration:none;
border:1px solid #900;
color:#900;
}

.nletters a:link h2  , .nletters  a:visited h2 {
	margin:1em 1em;
	color:#A0A0A4;
	border:1px solid #eee;
	display:block;
	padding:3px;
	font-size:1.2em;
	text-decoration:none;
	clear:left;
}

.nletters a:selected h2 {
background-color:#0000FF;
}

.nletters   a:hover h2 {
	color:#000088;
	background-color:#eee;	/*text-decoration:underline;*/
}

.bottomspace {
	margin-bottom:30px;
}
.boldtext {
	font-weight:bold;
}

.justText {
	text-align:justify;
}