body 
{
    background-color: #bbdcf3;
    text-align: center;
    margin-top: 30px;
    font-size: 62.5%;
    font-family: Georgia;
}

#Container 
{
    background: url(../images/background-tile.jpg) top left repeat-y;
    margin: 0 auto;
    width: 760px;
    position: relative;
}

#Header 
{
    background: url(../images/top-rounded.jpg) top left no-repeat;
}

    .HeaderImage 
    {
        background: url(../images/header-image.gif) top left no-repeat;
        width: 750px;
        height: 145px;
        margin-left: 5px;
        padding-top: 13px;
    }
    
    .NavMenu
    {
        background: url(../images/nav-bg.gif) top left no-repeat;
        margin-left: 5px;
        font-family: Georgia;
        font-size: 170%;
        color: #fff;
        height: 25px;
        padding: 5px 0 0 5px;
    }
    
        /* .NavMenu ul { text-align: center; }
        .NavMenu li { display: inline; }
        
        .NavMenu a 
        {
            padding: 0 15px 0 0;
            font-size: 75%;
            font-family: Georgia;
            text-decoration: none;
            color: #fff;
        } */
        
        /* NAV TESTING */
        #nav, #nav ul {
	        padding: 0;
	        margin: 0;
	        list-style: none;
        }

        #nav a {
	        display: block;
	        color: #fff;
	        font-size: 10pt;
	        padding-left: 10px;
	        padding-right: 9px;
	        padding-top: 2px;
	        text-decoration: none;
        }
        
        #nav a:hover { text-decoration: underline; }

        /* #nav li {
	        float: left;
	        width: 4em;
        } */
        
        #nav .Home { float: left; }
        #nav .WaterQualityReports { float: left; }
        #nav .DistrictInformation { float: left; }
        #nav .RatesInformation { float: left; }
        #nav .Policies { float: left; }
        #nav .Links { float: left; }
        #nav .FAQ { float: left; }
        #nav .ContactUs { float: left; }
        
        #nav li ul {
	    position: absolute;
	    width: 10em;
	    left: -999em;
        }
        
        #nav li ul a { padding: 0; }

        #nav li:hover ul, #nav li.sfhover ul {
	    left: auto;
	    background: red;
	    
        }
        
        #nav li ul li { padding: 0; }
        
#Content
{
    font-size: 160%;
    padding: 10px 20px 10px 20px;
    font-family: georgia;
    clear: both;
}


    
        #Content h2 
        {
            background: url(../images/dotted-bg.gif) bottom left repeat-x;
            color: #054c95;
            font-size: 16pt;
            font-family: Georgia;
        }
        
        #Content h3
        {
            padding: 5px 5px 5px 20px;
            text-decoration: underline;
        }
        
        #Content ul { padding: 10px; }
        #Content ul li { padding: 5px 5px 5px 15px; }
        
        #Content a { color: #80a9c9; }
        #Content a:hover { color: #056ec2; text-decoration: none; }
        #Content p { margin-left: 20px; padding: 3px; line-height: 1.3em; }

#Footer
{
    background: url(../images/bottom-rounded.jpg) bottom left no-repeat;
    height: 25px;
}


.LinksContent ul
{
    font-family:Georgia;
    font-size:10pt;
    margin-left:15px;
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -20px;
}

    .LinksContent ul li
    {
        list-style-image: url(../images/water-drop.gif);
    }
    
    .LinksContent a
    {
        background: url(../images/down-arrow-icon.gif) 0% 50% no-repeat;
        padding: 0px 0 0 10px;
    }
    
.DropLink
{
    background: url(../images/down-arrow-icon.gif) 0% 50% no-repeat;
    padding: 0px 0 0 10px;
    font-size: 10pt;
}

.DistrictInformationLists { color: #033e6d; }

.BoDTitle
{
    font-size: 10pt;
    display: block;
    font-style: italic;
}

.ClearFloat { clear: both; }


/* District Information Page */

.Column { float: left; width: 200px; }

/* Policies Pages */

.PoliciesContent ul
{
    font-family:Georgia;
    font-size:10pt;
    margin-left:15px;
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -20px;
}

    .PoliciesContent ul li
    {
        list-style-image: url(../images/water-drop.gif);
    }


/* FAQ Page */
.FAQContent ul
{
    list-style-type: decimal;
    margin-left: 20px;
    font-size: 10pt;
}

.FAQContent ul li { line-height: 1.3em; }

.FAQContent ul strong { font-weight: bold; text-decoration: underline; }

.FAQContent p { text-align: justify; line-height: 1.3em; }

.FAQContent .SubList { list-style-image: url(../images/water-drop.gif); margin-left: 15px; }

.Widget
{
    float: left;
}

.MountPhotoLogos
{
    width: 553px;
    float: left;
    text-align: center;
    margin-left: 9px;
}

.FrontLogoLinks
{
    margin: 15px auto 0 auto;
    width: 300px;
}

.AlphaList li
{
	list-style-type: lower-alpha;
}