/* Core Formatting */
/*html {height: 100%;margin-bottom: 1px;background-image:url(../images/design1/bg-level0.jpg) repeat;}*/
html {height: 100%;margin-bottom: 1px;
	background-position:top center;
	background-image:url(../images/design1/level5bg.jpg);
	background-repeat:repeat-x;
	background-color: #09527f;
}
/*body {margin: 0;line-height: 135%;font-size: 12px;font-family: Helvetica,Arial,sans-serif;background:url(../images/design1/bg-level1.jpg) -400px 0 repeat;}*/
body {margin: 0;line-height: 135%;font-size: 13px;font-family: Helvetica,Arial,sans-serif;
	background-color:#09527f;
	}
#pagewrapper{
	width:100%;
	min-height:100%!important;
	position:relative!important;
	float:left;
}

p {margin-top: 10px;margin-bottom: 15px;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;}
h1 {font-size: 250%;line-height: 100%;}
h2 {font-size: 200%;line-height: 100%;}
h3 {font-size: 175%;}
h4 {font-size: 120%;line-height: 130%;}
h5 {font-size: 120%;text-transform: uppercase;}
a {text-decoration: none;color:#0269b3;}
a:hover {text-decoration: underline;}

/* font settings */
#page h1 {font-family: Georgia, Times, sans-serif;}

/* CSS structure */
.colmask {clear:both;float:left;overflow:hidden;position:relative;width:100%;}
.col1wrap {padding-bottom:2em;}
#maincol2 {position: relative;}
/*#page {padding-bottom: 15px;overflow:hidden;background: #ccc url(../images/design1/page-bg.png) 0 0 repeat-x;}*/
#page {overflow:hidden;width:980px;}
#page .wrapper {width:960px;background-color:#ffffff;}
.shadowbg{
	background:url(../images/design1/shadowbg.png) repeat-y;
	padding-right: 10px;
	padding-left: 10px;
}

.centered{
	margin: 0 auto;
}

/* Top Bar */
#top-bar {padding: 6px 15px;overflow: hidden;}
#top-bar {background: #dbdbdb url(../images/design1/topbar-bg.png) 0 0 repeat-x;color: #444;}

/* Header */
#header {
	padding: 0;
	overflow: hidden;
	background: #305086 url(../images/design1/logo.jpg) 0 0 no-repeat;
	border-top: 3px solid #fff;
	height:123px;
	position: relative;
}

#header .search{
	position: absolute;
	top: 60px;
	right: 40px;
	width: 360px;
}


#header-message-surround h3 {font-size: 12px;color: #eeeeee;margin: 0;padding: 0 0 6px 6px;}
#header-message-surround {float: right;margin-right: 10px;padding-top: 5px;}

#content_wrapper{
	margin-top: 5px;
}

.classyheading1, .classyheading2, .classyheading3, .classyheading3,
.classyheading4, .classyheading5
{
	font-family:"Times New Roman", Times, serif;
	margin-bottom: 0.5em;
}

.classyheading1{
 font-size: 1.8em;
}

.classyheading2{
 font-size: 1.6em;
}

.classyheading3{
 font-size: 1.4em;
}

.classyheading4{
 font-size: 1.2em;
}

.classyheading5{
 font-size: 1.0em;
}

.pagetitlea{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.8em;
	color: #000;
	margin-bottom: 0.5em;
	/*color: #069;*/	
}

.error {
	color: #C00;
	font-weight: bold;
}
.confirmation {
	color: #080;
	font-weight: bold;
}
		
.nounderline{
	text-decoration: none;
}

.underlined{
	text-decoration: underline;
}

.big {	
	font-size:	1.17em;
}

.tabbed {
	margin-left: 2.5em;
}

.navmain {
	text-align:right;
	color:#0066cc;
}

.spacedout td, .spacedout li{
	padding: 0.5em;
}

.tabright {
	padding-left: 1em;
}

.small	{	
	font-size:	0.78em;
}

.nav {
	text-align: right;
}

#emergency {
	color: #ff0000;
}

span.navsection {
	color:#00cc33;
	font-weight:bold;
}


.x-inputbox {
	padding: 0;
	margin: 0;
	border: 1px solid #660000;
}

.x-button {
	margin-left: 5px;
	border: 1px solid #000000;
	background-color: #f4871e;
	font-weight: bold;
}		

.standout, .standoutstrong {
	color: red;
}

.standoutstrong {
	font-weight: bold;
	font-size: 1.2em;
}

.standoutbold{
	font-weight: bold;
}

.blocktext{
	font-size: 0.9em;
	padding: 0.2em;
	text-align: center;
}

/*===========STRUCTURAL ITEMS=============== */

#content_wrapper {
	text-align: left;
	background-color: #ffffff;
}

#leftbar, #content, #rightbar {
	vertical-align: top;
	padding: 0.5em;
}

#leftbar{
	width: 170px;
	background: url(../images/fade_1x1600.gif) top right no-repeat;
}
						
#content {
	width: 590px;
	padding: 0 5px;
}

#feature{
	width:575px;
}

#feature th{
	background-image: url(../images/bg2.gif);
	background-repeat: repeat;
	background-position:bottom left;
	height: 265px;
	vertical-align:top;
}

#feature th img{
	width: 575px;
}

#feature td{
	width: 191px;
	text-align: center;
}

#feature td img{
	width: 189px;
	border: 0;
}

#rightbar {
	width: 160px;
	background: url(../images/fade_1x1600.gif) top left no-repeat;
}

#rightbar div h3 a:link, #rightbar .blocktext a:link{
	color: #397699;
	text-decoration: none;
}

#rightbar div h3 a:hover, #rightbar .blocktext a:hover{
	text-decoration: underline;
}

#rightbar div#lcommissioner{
	margin-top: 1em;
	margin-bottom: 1em;
}

#rightbar div#lcommissioner h3{
	font-size: 0.85em;
	margin-top: 0;
	margin-bottom: 0;
}

#rightbar div#lcommissioner h3 span{
	color: #000;
}

#footer {
	width: 960px;
	height: 200px;
	margin-top:10px;
	background: #222 url(../images/design1/footer_bg.jpg) repeat-x;
	background-image: url(../images/design1/footer_bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#footer ul{
	margin: 65px 0 10px 20px;
	padding-left: 10px;	
}

#footer ul li{
	list-style-type: none;
	text-align: left;
}

#footer ul li a {
	padding-left: 10px;
	padding-bottom: 5px;
	display: block;
	background: url(../images/design1/black_arrow.png) 0 4px no-repeat;
	color: #e1e1e1;
}
#footer ul li:hover a {text-decoration: none;	
	color: #999;
}

/*
#footer h3{
	position: absolute;
	bottom: 0;
	margin-left:10px;	
	font-size: 120%;
	color: #e1e1e1;
}*/

#footer #yourdwm{
}

#footer #faq{
}

#footer #cleanwateratlanta{
}

#footer #followus{
}

#followus img{
	vertical-align:middle;
}

#followus ul li a{
	background-image:none;
}

#copyright-container {clear:both; width: 960px; background:#dbdbdb;margin-top:3px;}
#copyright {width: 500px; margin: 0 auto; padding: 15px 0 8px 0; color: #333; text-align:center;}
#botbar {background: #383838 url(../images/design1/botbar-bg.png) 0 0 repeat-x;}

/*================ MAINMENUBAR ===================*/
#mainmenubarcontainer{
	width: 100%;
	height: 2.5em;
	border-bottom: 1px solid #717161;
	background-color: #ededed;	
}

#mainmenubar {
	width: 955px;
	height: 2.5em;
	margin: 0 auto;
	/*border-bottom: 1px solid #717161;	
	background-color: #efefef;	*/
	font-size: 14px;
	color: #000;
}

#mainmenubar li{
	width: auto;
	background-color: #ededed;
}

#mainmenubar ul{
	width: 210px;
	border-right: 1px solid #899aac;
	border-left: 1px solid #899aac;
	border-bottom: 1px solid #899aac;
}

#mainmenubar ul li{
	width: 210px;
	padding-right: 0;
}

#mainmenubar ul ul{
	margin: -1% 0 0 99%;	
}

#mainmenubar a{
	padding-right: 18px;
	background-color: inherit;
}

#mainmenubar a:hover, 
#mainmenubar a:focus{
	text-decoration: underline;
	color: #333;
}

/*#mainmenubar #homemenuitem a:hover,
#mainmenubar #homemenuitem a:focus{
	background-color: inherit;
	color: #333;
	text-decoration: underline;
}*/

#mainmenubar a.MenuBarItemSubmenuHover
{
	/*background-color: #bfbfbf;*/
	/*background-color: #3659f5;*/
	background-color: #8b8989;
	color: #fff;
}

#mainmenubar a.MenuBarItemHover
{
	/*background-color: #bfbfbf;*/
	/*background-color: #3659f5;*/
	background-color: #8b8989;
	color: #fff;
}

#mainmenubar a.MenuBarSubmenuVisible
{
	background-color: #3f3f3f;
	color: #fff;
}

/* =================== QUICKFINDS ============================ */

#quickfinds 
{
	margin-top: 1.5em;
	padding: 0;
	text-align: right;
	width: 100%;
	clear: both; 
}

#quickfinds strong 
{
	color: #006600;
}

#quickfinds select 
{
	width: 90%;
}

/*========================= VERTICAL MENU =========================== */ 
#verticalmenu {
	width: 190px;
	margin: 0;
	padding: 0;
	padding: 0px;
	font: small Verdana,sans-serif;
} 

#verticalmenu ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#verticalmenu li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
	left: 0;
	z-index: 2;
}
																										
/* style, color and size links and headings to suit */
#verticalmenu a {
	display: block;
	border-bottom: 1px dotted #aaaaaa;
	font-size: 0.9em;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	text-decoration: none;
	text-align: left;
}

#verticalmenu li li ul {
	background-color: #F5f7f7;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#verticalmenu li li li a  {
	background-color: #F5f7f7;
}

#verticalmenu a:hover  {
	color: #a00;
}

#verticalmenu li li li a:hover {
	background: #005383;
	color: #fff;
}

#verticalmenu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
}

#verticalmenu ul ul ul,
#verticalmenu ul ul li:hover ul ul {
	display: none;
}

#verticalmenu ul ul li:hover ul,
#verticalmenu ul ul ul li:hover ul {
	display: block;
}

/* ================ INTERACTIVE BOX ============ */
.interactive {
	width: 100%;
	padding: 1.1em;
	background-color: #333333;
}

.interactive th {
	margin-top: 0;
	text-align: center;
	font-size: 1.4em;
	color: #fdcd00;
	padding-bottom: 0.5em;
}

.interactive td {
	text-align: center;
	padding-bottom: 0.4em;
}

.interactive a, .interactive a:visited, .interactive a:hover {
	color: #eeeeee;
}

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

/* ================== CONTACT ================================ */
.contact {
	border: 1px solid grey;
}

.contact .header{
	margin: 0.4em;
	padding: 0.5em;
	background-color: #CCC;
}

.contact .header h5{
	text-align:center;
}

.contact p {
	font-size: 0.75em;
	margin-bottom: 1em;
	text-align: left;
	padding: 0.5em 0.2em 0.4em 1em;
}

.contact a {
	font-size: 1.1em;
}

/*====================   ================*/
.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.center{
	text-align: center;	
}

.portrait {
	border: 1px solid black;
}

.whiteonblue {
	color: #ffffff;
	background-color: #2C7DBF; 
}

.headerrow table
{
	border: 1px solid #005383;
	color: #ffffff;
	border: 1px solid #000000;		
}

.headerrow a
{
	color: #000000;
}

.headerrow a.active
{
	font-weight: bold;
	color: #ffffff;
}

.headerrow table td
{
	padding: 1em;
}

#thowlow, #twateruseconservation1 
{
	border: 1px solid #2c7dbf;	
	background: #ffffff url('../images/bg_container2.gif') repeat-x;	
}

#thowlow th, .twater th
{
	color: #fff;
	font-weight: bold;
	background-color: #2c7dbf;
}

#thowlow td, #tdwateruserestrictions, #tdwaterconservation
{
	padding-left: 1em;		
}

#tdwateruserestrictions ul, #tdwaterconservation ul, 
#tdwateruserestrictions2 ul, #tdwaterconservation2 ul
{
	list-style: none;
	padding: 0.5em;
}

#selected{
	background-color: #005383;
}

.subheaderrow
{
	background-color: #005383;
}

.subheaderrow table td, .subheaderrow a {
	color: #bbbbbb;
}

.subheaderrow a.active {
	font-weight: bold;
	color: #ffffff;
}

.subheaderrow table td {
	padding: 0.1em 1em;
}

.editcell {
	width: 100%;
	margin: 0.3em 0.5em 0.2em 0
}

.request {
	color: #999999; 
	font-size: 0.9em
}

.centeredblock{
	margin: 0.5em auto;
	text-align: center;
}	

.hangdent1
{
	list-style: none; 
	margin: 0 0 1em 0; 
	padding-left: 1em; 
	text-indent: -1em;
}

.hangdent1 li
{
	padding-top: 0.3em;
}

.error, .alert {
	color: red;
}

.active {
	display:block;
	width:100%;
	color:#660000;
	background-color: #CCC;
}

table#bill-inserts
{
	width: 95%;
	margin: 0 auto;
}

table#bill-inserts th,
table#bill-inserts td
{
	text-align: center;	
}

table#bill-inserts th
{
	padding-bottom: 10px;	
}

table#bill-inserts td img
{
	border: 1px solid #555;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
}

.centered
{
	text-align: center;	
}

.undecorated-list
{
	list-style-type: none;
}

.bullet-list
{
	list-style-type: disc;
}

@media print {
	#header, #mainmenubarcontainer, #leftbar, #footer .mainspan{
		display: none; 
		visibility: hidden;
	}
		
	#rightbar {
		color: black;
		width: 150px;
	}
	
	a{color:#000;text-decoration:underline;}
}

/* ------------------- */