html
{
font-size:100%;
background:#ded8b8;
}

body
{
background:#fffce7 url(../images/footer_gradient.gif) repeat-x 0 100%;
margin:0;
font-family:Arial, Tahoma, Verdana, Sans-Serif;

}

form
{
margin:0;
padding:17px 0 0 0;
background:transparent url(../images/canvas_gradient.gif) repeat-x 0 0;
position:relative;
}

div#main
{
background:transparent url(../images/content_gradient.gif) repeat-y 0 0;
width:740px;
margin-left:auto;
margin-right:auto;
/*min-height:400px;*/
height: 100%;
overflow: auto;
padding:20px 0;
}

abbr
{
border:none;
text-decoration:none;
}

button
{
font-family:Arial, Tahoma, Verdana, Sans-Serif;
}



img
{
border-width:0;
border:none;
}

table
{
border-width:0;
border:none;
border-collapse:collapse;
border-spacing:0px;
}

a
{
text-decoration:none;
color:#3a67a2;
}
a:hover
{
text-decoration:underline;
}

div.QuickLinkArrow
{
background-color:#3a67a2;
}

div#header
{
width:760px;
height: 200px;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
background-position:50% 18px;
position:relative;
}

div#header h1 {
width: 100%;
display: block;
height: 100%;
margin: 0;
padding:0;
background: url(../images/shadowInterior.png) no-repeat 0 0;
}

body.ourwater #header
{
background-image:url(../images/headers/our_water.jpg);
}

body.conservation #header
{
background-image:url(../images/headers/conservation.jpg);
}

body.doingbusiness #header
{
background-image:url(../images/headers/doing_business.jpg);
}

body.youraccount #header
{
background-image:url(../images/headers/your_account.jpg);
}

body.aboutawwd #header
{
background-image:url(../images/headers/about_awwd.jpg);
}

body.hottopics #header
{
background-image:url(../images/headers/hot_topics.jpg);
}


body.howtotips #header
{
background-image:url(../images/headers/how_to_tips.jpg);
}

div#header h1 a
{
height: 66px;
width: 177px;
float: left;
text-indent: -999em;
display:block;
background: transparent url("../images/header_logo.gif") no-repeat 0 0;
position:absolute;
z-index:1000;
margin:18px 0 0 22px;
}

a#skipPrimaryNav
{
height:0pt;
overflow:hidden;
position:absolute;
visibility:hidden;
width:0pt;
}

div#primaryNav,
div#secondaryNav
{
width:740px;
margin-left:auto;
margin-right:auto;
clear:both;
}

div#secondaryNav
{
padding:0 0 8px 0;
background:transparent url("../images/menu_divider.gif") no-repeat 50% 100%;
}

ul#primaryMenu
{
z-index:0;
clear:both;
margin:0;
padding:0;
list-style:none;
overflow:hidden;
display:block;
background-position:0 100%;
background-repeat:no-repeat;
}

ul#primaryMenu li
{
float:left;
overflow:hidden;
}

ul#primaryMenu li.ourwater a {
background-image: url("../images/nav.gif");
width: 87px;
}

ul#primaryMenu li.conservation a {
background-image: url("../images/nav-02.gif");
width: 112px;
}

ul#primaryMenu li.conservation a {
background-image: url("../images/nav-02.gif");
width: 112px;
}

ul#primaryMenu li.youraccount a {
background-image: url("../images/nav-03.gif");
width: 117px;
}


ul#primaryMenu li.howtotips a {
background-image: url("../images/nav-04.gif");
width: 97px;
}

ul#primaryMenu li.doingbusiness a {
background-image: url("../images/nav-05.gif");
width: 121px;
}

ul#primaryMenu li.hottopics a {
background-image: url("../images/nav-06.gif");
width: 88px;
}
ul#primaryMenu li.aboutawwd a {
background-image: url("../images/nav-07.gif");
width: 107px;
}

ul#primaryMenu li a:hover {
border: 1px solid #a5a396;
padding: 5px 3px;
}

ul#primaryMenu li.current a {
border: 1px solid #a5a396;
padding: 5px 3px;
}

ul#primaryMenu li a
{
text-indent: -999em;
padding: 6px 4px;
margin: 0 5px;
height: 20px;
line-height: 20px;
width: 100%;
display: block;
background: no-repeat center;
}

ul#secondaryMenu {
z-index:0;
clear:both;
margin: 0;
padding:0.75em 0 1em 0;
list-style:none;
overflow:hidden;
display:block;
background-position:0 100%;
background-repeat:no-repeat;
width: 740px;
text-align: center;
font-size: 14px;
color: #a5a396;
}

ul#secondaryMenu li {
display: inline;
overflow: hidden;
background:transparent url(../images/secondary_menu_divider.gif) no-repeat 100% 50%;
padding:0 12px 0 0;
margin-right:5px;
}

ul#secondaryMenu li a {
padding: 0;
margin: 0;
color: #6a6960;
font-style: italic;
font-family: Times, "Times Roman", "Times New Roman", serif;
}

ul#secondaryMenu li.last {
background:transparent !important;
}

ol#breadcrumbs
{
margin:0;
display:block;
list-style:none;
width:740px;
margin-left:auto;
margin-right:auto;
font-size:65%;
padding:0.5em 0 0.6em 0;
background:transparent url(../images/content_gradient_withdivide.gif) 50% 100%;
}

ol#breadcrumbs a
{
color:#6a6960;
}

ol#breadcrumbs li
{
display:inline;
margin-right:0.5em;
padding:0 1em 0 0;
background:transparent url(../images/breadcrumb_divider.gif) no-repeat 100% 50%;
font-style:italic;
}
ol#breadcrumbs li.current
{
padding:0;
background:transparent;
font-weight:bold;
}

div#content {
margin:0;
display:block;
list-style:none;
width:760px;
margin-left:auto;
margin-right:auto;
}

div.contentRegion {
width: 260px;
}

div#contextNav {
width: 100px;
margin: 0 20px 0 0;
}

div#footer
{
padding:18px 0 0 0;
background:transparent url(../images/footer_divider.gif) no-repeat 50% 0;
clear:both;
width:760px;
margin-left:auto;
margin-right:auto;
}

div#footer ul
{
margin:0 10px;
padding:10px 0 2px 0;
list-style:none;
display:block;
font-size:70%;
text-align:center;
}
div#footer ul li
{
display:inline;
margin-right:0.5em;
}
div#footer ul li:after
{
content:"/";
margin-left:0.5em;
}
div#footer ul li a
{
color:#000000;
}
div#footer ul li:last-child:after
{
content:"";
margin-left:0;
}

p#copyright
{
margin:0;
padding:0 0 180px 0;
font-size:65%;
text-align:center;
width:740px;
margin-left:auto;
margin-right:auto;
color:#5e5d52;
}

p#copyright abbr
{
border:none;
text-decoration:none;
}

div.contentRegion
{
font-size:85%;
}

div.contentRegion h2.title
{
color:#424039;
margin:0 0 0.5em 0;
padding:0;
font-size: 120%;
font-family: Times, "Times New Roman", Georgia, serif;
}

/* page title */
h1#pageTitle
{
font-family: Times, "Times New Roman", Georgia, serif;
font-size: 150%;
margin: 0 0 20px 0;
padding: 0;
color: #000;
font-weight: bold;
}

h1.nodisplay
{
position:absolute;
width:0;
height:0;
overflow:hidden;
visibility:hidden;
}

h1#orgUnitTitle
{
font-size:125%;
margin:0 0 10px 0;
padding:0 0 10px 0;
color:#424039;
border-bottom:solid 1px #d2d1c8;
font-weight:normal;
font-style:italic;
}

/* page menu */
div#pageNav
{

}

div#pageNav h3,
div#pageNav a.parent
{
width:0;
height:0;
overflow:hidden;
position:absolute;
visibility:hidden;
}

ul#sectionMenu,
ul#sectionMenu ul
{
display:block;
margin:0;
padding:0;
list-style:none;
font-size:95%;
}
ul#sectionMenu ul
{
padding-top:0.5em;
}

ul#sectionMenu li
{
display:block;
margin-bottom:0.5em;
}

ul#sectionMenu li.current
{
font-weight:bold;
}

ul#sectionMenu li.current ul
{
margin-left:1em;
}

ul#sectionMenu li.current li
{
font-weight:normal;
margin-bottom:0.25em;
}

ul#sectionMenu li.current a
{
color:#000;
text-decoration: none;
}

ul#sectionMenu li a:hover {

text-decoration: underline;
}

/* global ul */
.SiteMap ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

.SiteMap img
{
}

/* level one */
.SiteMap > ul > li
{
display:block;
}
.SiteMap ul li
{
margin-bottom: 1.5em;
padding-bottom:1.5em;
background:transparent url(../images/elements/sitemap/line_divider.gif) repeat-x 0 100%;
}
.SiteMap ul li a
{
font-family: Arial, Tahoma, Verdana;
font-size: 120%;
font-weight: bold;
}


/* Level Two */
.SiteMap ul li ul
{
margin-top:1em;
list-style-image: url(../images/elements/sitemap/arrow.gif);
/*list-style-type: disc;*/
margin-left: 3em;
}
/* override in ie */
* html .SiteMap ul li ul
{
margin-left:2.5em;
}
.SiteMap ul li ul li
{
margin: 0 0 0.2em 0;
padding:0;
background-image: none;
}
.SiteMap ul li ul li a
{
font-size: 95%;
font-weight: normal;
}


/* Level Three */
.SiteMap ul li ul li ul
{
margin-top:0.5em;
margin-bottom:0.5em;
}
.SiteMap ul li ul li ul li
{
margin-bottom: 0.2em;
font-size:85%;
}
.SiteMap ul li ul li ul li a
{
font-weight: normal;
}


div.contentElement
{
margin-bottom:20px;
}