@import 'fire_layout.css';
@import 'basics.css';
@import 'dropdownmenu.css';

/* ------------------ FROM HERE DOWN IS FOR LOOKS ONLY -------------------*/

body{
	background-color: #CCCCCC;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
}

a, a:visited, a:active{
	color:#747474;
	text-decoration:none;
}
a:hover{
	color:#002569;
	text-decoration: underline;
}

a.bodylink, a.bodylink:visited, a.bodylink:active{
	color:#999999;
	text-decoration: underline;
}
a.bodylink:hover{
	color:#002569;
}

a.boldlink, a.boldlink:visited, a.boldlink:active{
	color:#002569;
	text-decoration: underline;
	font-weight: bold;
}
a.boldlink:hover{
	
}



#pagewrapper{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	z-index:1;
}

#skipnav{
	left: -999px;
	position:absolute;
}
/*	
#header{
	background: url(../images/headerimage_full_new.jpg) no-repeat top left;
	z-index:2;
}


*/

#featureimage{
	background: url(../images/featureimage_fire.aspx) no-repeat top left;
}

#shortcutlinks{
	/*background: url(../images/featureimage_shaded.jpg) bottom left no-repeat;*/
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	/*font-size: .7em;*/
	margin:0;
	padding:0;
}
#shortcutlinks h1{
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #002569;
	padding:0;
	margin:0;
	padding-left:.5em;
	padding-top:.5em;
}
#shortcutlinks ul{
	padding:0;
	margin:0;
	list-style: none;
	padding-left: 2.1em;
	margin-right:1em;
	padding-top:.6em;
	line-height: 1.5em;
}
#shortcutlinks li{
	display:inline;
	font-size:.8em;
}
#shortcutlinks a{
	color: #002569;
	text-decoration: underline;
}
#shortcutlinks a:hover{
	color: #333333;
}

#leftcolumn{
	z-index:1;
}
#leftcolumn input#ea{
	border:1px solid #333333;
	font-size: .7em;
	color: #002569;
}
#leftcolumn input#submitbutton{
	font-size: .7em;
	color: #002569;
	background:none;
	cursor: hand;
}
#leftcolumn input#submitbutton:hover{
	background-color: #333333;
	color:#FFFFFF;
}

#FireLeft h2{
	font-size:1em;
	margin:0;
	padding:0;
	padding-bottom:5px;
	color: #002569;
}
#FireLeft a{
	font-size: .85em;
	color:#666666;
	text-decoration:none;
	display:block;
	padding-left:8px;
}
#FireLeft a:hover{
	/*text-decoration: underline;*/
	background-color:#FFFFFF;
	color:#002569;
	font-weight:bold;
	display:block;
}
#FireLeft ul{ /* MAIN LIST */
	list-style: none;
	margin:0;
	padding:0;
	/*margin-left: 3px;*/
}
#FireLeft ul li ul{
	margin-left: 8px;
	border-top: 1px dotted #ffffff;
}
#FireLeft ul li ul li{ 
	margin:0;
	padding:0;
	border:0;
	padding-left:8px;
	border-bottom: 1px dotted #ffffff;
}
#FireLeft li{
	line-height:1.5em;
	border-bottom: 1px dotted #ffffff;
	padding:0;
	margin:0;
}


.section h1{  
	font-size: 1.2em;
	color: #002569;
	padding-bottom:5px;
}
section p{
	line-height:1.5em;
}

#UpcomingEvents.section li{
	line-height: 1.5em;
}
#UpcomingEvents.section ul{
	list-style-image: url(../images/dblquote_rt.gif);
	font-size: .8em;
}







#GovernmentLinks{
	border-right: 1px solid white;
}
#ResidentLinks{
	border-right: 1px solid white;
}
#VisitorLinks{

}





#newsletter{
	border-bottom: 1px white solid;
}
#newsletter p{
	margin:0;
	padding:0;
	padding-bottom: 10px;
	font-size: 1em;
	color: #002569;
}






#FromTheChief{
	border-bottom: 1px dashed #CCCCCC;
}
#FromTheChief h1{
	padding-bottom: 10px;
}
#FromTheChief h2{
	font-size:1.1em;
	margin:0;
	padding:0;
	margin-bottom:1em;
	z-index:2;
	color:#747474;
}
#FromTheChief h3{
	padding: 0 1.0em;
	margin-bottom:1em;
	color: #002569;
	color:#747474;
	font-size:1.1em;
}
#FromTheChief h3.newsheadline{
	font-size: 0.8em;
	font-weight: normal;
	padding: 0 2.2em;
	margin: 0;
	color: #002569;
}

#FromTheChief p{
	font-size: 0.85em;
	padding: 0 1.2em;
	margin: 0;
	padding-bottom: 5px;
	color:#747474;
}

#FromTheChief .texthighlighted{
	margin-bottom:0;
	padding-bottom:.5em;
	padding-top:.5em;
	font-size: .85em;
	color: #002569;
	font-weight: bold; text-decoration:underline;
}

#FromTheChief .boldedtext{
	margin-bottom:0;
	padding-bottom:.5em;
	padding-top:.5em;
	font-size: .85em;
	color: #002569;
	font-weight: bold; 
}
#FromTheChief ul{ 
	font-size: .85em;
	padding: 0 2.2em;
	margin:0;
	color:#747474;
	
}

#FromTheChief li{ 
	line-height: 1.8em;
}

#Emergencies h1{
	color: #CC0000;
	padding-left: 0;
	margin-left: 5px;
}



#MariettaFacts{
	border-bottom: 1px dashed #CCCCCC;
}
#MariettaFacts p{
	margin:0;
	padding:0;
	padding-bottom: 10px;
	font-size: .8em;
	padding-left: 2.3em;
}



#UpcomingEvents{
	z-index:999;
}
#UpcomingEvents h1 span{
	color: #002569;
	font-size: .65em;	
	font-weight: normal;
	
}



#Weather{
}
#Weather h3{
	margin:0;
	padding:0;
	font-size: .85em;
	font-weight: normal;
	text-decoration: underline;
}
#Weather p{
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:5px;
	font-size:.85em;
}
#Weather #CurrentWeatherIcon{
	float: left;
	padding-right: 15px;
	padding-left: 20px;
}
#Weather .currentconditions{
	font-size: 1.6em;
}
#Weather .forecast{
	float: left;
	width: 50%;
}
#Weather .ForecastIcon{
	float: left;
	padding-right: 5px;
}
#Weather #Forecast{
	clear: both;
}
#Weather #weatherfooter{
	clear: both;
	font-size: .8em;
	text-align:center;
}



#toplogo{
	margin:0;
	padding:0;
	float:left;
	height:62px;
	width:40%;
	overflow:hidden;
}
#toplogo p{
	margin:0;
	padding:0;
}
#toplogo img{
	border:0;
}

	
#searchbar{
	float:left;
	height:62px;
	width:60%; 
	background:url(../images/headerimage_full_new.jpg) bottom right no-repeat;
	text-align:right;
	text-align: right;
	color: #999999;
	font-size: .7em;
}
#searchbar p{
	padding: 0;
	margin: 0;
	padding-top:17px;
	padding-right:10px;
}

#searchbar input#searchtxt{
	border: 1px solid #666666;
}
#searchbar input#searchbtn{
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	cursor:hand;
}




#Copyright{
	text-align:center;
	font: .85em Verdana, Arial, Helvetica, sans-serif;
	color: #747474;
}
#Copyright img{
	margin:0;
	padding:0;
	padding-bottom:5px;
}
#Copyright a{
	color: #747474;
	text-decoration:none;
}
#Copyright a:hover{
	text-decoration:underline;
}