html{
    color: #000;
    margin: 5px;
    padding: 2px 5px 0 5px;
    background: Navy url('/Images/curb-drain.jpg') no-repeat fixed top left;
}

body{
    margin: 0;
    padding: 0;
    font: normal .95em Verdana, sans-serif;
    background: navy;
    background: cyan;
}

#container{
    position: absolute;
    top: 5px;
    left: 20px;
    right: 0;
    width: auto;
    padding: 1em;
    z-index: 2;
    font: normal .95em Verdana, sans-serif;
    color: #000;
    background: #D3CFCC url('/Images/curb-drain-fade.jpg') no-repeat fixed top left;
    margin: 0 25px 0 0;
    border: solid #f00 1px;
}



#footer {

     position: relative;
 
    left: 0;
 
    bottom: 0;
 
    right: 0;
 
    clear: both;
 
    display: block;
 
    border-top: 0px solid #007;
     height: 52px;
 
    text-align: center;
 
    font-size: 9px;

     background: #d0d0d0;
}




#footer a {

    text-decoration: none;

}






#footer img {

    vertical-align: -0.2em;

}





/************************************************
    GENERAL STYLE SETUP
************************************************/
h1{
    margin: 0 0 .5em 0;
    font: bold 1.6em serif;
    color: #313040;
    background-color: transparent;
    border-bottom: solid #000 1px;
}

h2{
    margin: .5em 0 .5em 0;
    font: bold 1.1em Verdana, sans-serif;
    color: #6e6057;
    background-color: #DFE0D0;
    padding: .25em;
    border: solid #000 1px;
}

h3{
    margin: 0;
    font: bold 1.1em Verdana, sans-serif;
    padding: 0;
    font-style: italic;
}

h4{
    margin: 0;
    font: bold 1em Verdana, sans-serif;
    padding: 0;
    color: #6e6057;
}

p{
    font: normal .9em/1.4em Verdana, sans-serif;
    margin: 0 0 1.5em 0;
    background-color: transparent;
}

a{
	color: #339;
	background-color: transparent;
	text-decoration: underline;
	padding: .2em
}
a:hover{
	color: #c00;
	background-color: transparent;
	text-decoration: none;
}

pre{
    font: normal 1em/1.3em monospace;
    background-color: #fff;
    color: #000;
    margin: 1em 0 1em 0;
    border: #cc9 solid 1px;
    padding: .5em;
}
.example{
    margin: 1em 0 1em 0;
    border: #cc9 solid 1px;
    padding: .5em;
    background-color: #fff;
    color: #000;
    font-size: .9em;
}

blockquote{
    font-size: .8em;
    background-color: #fff;
    color: #000;
    margin: .5em;
    border: #ccc solid 2px;
    padding: .25em;
}

blockquote ol, blockquote ul{
    padding-left: 1em;
    margin: 1em 0 1em 1.25em;
}

blockquote ol li, blockquote ul li{
    margin: 1em 0 1em 0;
    padding: 0;
}

ul li p{
    margin: .75em 0 .75em 0;
}

table.comparison{
    font: normal .75em Verdana, sans-serif;
    border: solid #663 1px;
    width: auto;
}

table.comparison tr th{
    font-weight: bold;
    text-align: left;
    padding: .5em;
    background-color: #663;
    color: #ffe;
}

table.comparison tr td{
    text-align: center;
    padding: 0 .5em 0 .5em;
}

table.comparison tr td.h{
    text-align: left;
}

table.comparison tr td.ah{
    text-align: left;
    font-weight: bold;
}

/************************************************
    INTRO BOX
************************************************/
#intro{
    float: right;
    margin: 0 0 1em 1em;
    width: 175px;
    height: 92%;
    border: solid #000 1px;
    padding: 1em;
    font: normal .9em/1.5em Verdana, sans-serif;
    color: #000;
    background: #dfe0d0 url('/Images/street-drain.jpg') no-repeat fixed bottom right;
}

#intro h1{
    color: #313040;
    background-color: transparent;
    font-size: 1.3em;
}

#intro ul{
    marin: 0px;
    padding: 0px;
    list-style-type: disc;
}
#intro ul li{
    marin: 0px;
    padding: 0px;
    list-style-type: disc;
}


#img_area{
    background-color: #fff;
    padding: 0;
    border-style: solid;
    border-color: #999;
    border-width: 1px;
    margin-bottom: 1.5em;
}



/************************************************
    PAGE RESULTS BOX
************************************************/
div#pageResults{
    background-color: #ffb;
    padding: 1em;
    border-style: solid;
    border-color: #990;
    border-width: 3px;
    margin-bottom: 1.5em;
}
div#pageResults div.example{
    font-family: monospace;
    width: auto;
}

/************************************************
    SITE NAVIGATION
************************************************/
#SiteLink0{
    float: left;
    margin: 0 0 0 0;
    width: 175px;
    height: 92%;
    border: solid #000 1px;
    padding-right: 7px;
    font: normal .9em/1.5em Verdana, sans-serif;
    color: #000;
    background: #D3CFCC url('/Images/curb-drain-fade.jpg') no-repeat fixed top left;
}


#siteLinks{
    float: left;
    left: 0px;
    top: 0px;
    width: 160px;
    margin: 0;
    height: 93%;
    border: solid #F00 1px;
    padding: .5em;
    font: normal .85em/1.3em Verdana, sans-serif;
    color: #000;
    background: #D3CFCC url('/Images/curb-drain-fade.jpg') no-repeat fixed top left;
    list-style-type: none;

}
#siteLinks h1{
    margin: 0 0 .5em 0;
    font: bold 1.5em serif;
    color: #313040;
    background-color: transparent;
    border-bottom: solid #313040 1px;
}
#siteLinks li{
    list-style-type: none;
    margin: 1em 0 1em 0;
    padding: 0;
}

#siteLinks li ul {
    list-style-type:none;
    padding-left: 0;
    margin: 1em 0 1em 0;
}

#siteLinks p{
    margin: 0;
    font: normal .75em Verdana, sans-serif;
    color: #807050;
    background-color: transparent;
    text-align: center;
}

#siteLinks p a{
    color: #807050;
    background-color: transparent;
    text-decoration: underline;
}
#siteLinks p a:hover{
    color: #c00;
    background-color: transparent;
    text-decoration: none;
}

/************************************************
    ARTICLE FOOT NOTES WHEN NEEDED
************************************************/
#footNotes{
    list-style-type: none;
    margin: 2em 0 0 0;
    padding: 5px;
    font-size: .8em;
    color: #000;
    background-color: transparent;
}
#footNotes li{
    margin: .5em 0 .5em 0;
}



    /* This is the part for the CSS menu - these settings are for a horizontal menu */
    #dmenu{                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        background-color: #fff;     /* the default background color within the main menu container */
        color: #000;                /* the default font color (not links) within the main menu container */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
    }
    #dmenu ul{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        border: black solid 1px;    /* border for each of the main menu items */
        background-color: #ffc;     /* main menu item background color */
        color: #000;                /* main menu item font color (not links) */
        margin: 0px;                /* spacing between main menu items */
        padding: 0px;               /* padding within main menu items */
        width: 120px;               /* the width of each main menu item */
        display: block;
    }
    #dmenu li a{                    /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        width: 120px;               /* set this to (#dmenu li -> width) - (2 * (#dmenu li -> padding)) */
        display: block;
        text-decoration: none;

    }
    #dmenu li a:hover{
        color: #fff;
    font-weight: bold;
        text-decoration: none;
        background: #2b7fb0 url('/Images/tbg.jpg') repeat;


    }
    #dmenu ul li{                   /* sub-menu list container */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 120px;               /* the width of the sub menus */
        border: black solid 1px;    /* sub-menu borders */
        background-color: #ffc;     /* sub-menu default background color */
        color: #000;                /* sub-menu default font color (not links) */
    }
    #dmenu li ul{                   /* sub-menu list container */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 120px;               /* the width of the sub menus */
        border: black solid 1px;    /* sub-menu borders */
        background-color: #ffc;     /* sub-menu default background color */
        color: #000;                /* sub-menu default font color (not links) */
    }
    #dmenu li ul li{                /* sub-menu element links */
        background-color: #ffc;     /* default background color for sub-menu container */
        color: #000;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 3px;               /* This is for padding between menu items in the drop-downs */
        width: 109px;               /* (padding*2 - 5) must be subtracted from #dmenu li ul -> width and set for this one, or borders won't display properly...
                                       not sure where the other 5 pixels come from... Maybe it's actually padding*4 instead? I'll find out some other time */
    }
    #dmenu li ul li a{
        display: block;
        width: 109px;               /* should be set to the same value as #dmenu li ul li -> width */
    }
    #dmenu ul li a:hover{
        background: yellow;
        color: red;
    }
    #dmenu li ul li a:hover{
        background: yellow;
        color: red;
    }
    #dmenu li:hover ul, #dmenu li.over ul{ /* lists nested under hovered list items */
        display: block;
    }
    .content {
        clear: left;
    }


.NewsHeader
{
   /* old border color = #2b7fb0 */
   /*display: block;*/
   border-left: solid 1px Navy;
   border-top: solid 1px Navy;
   border-right: solid 1px Navy;
   background: Navy url(/Images/tbBar.jpg) repeat-x;
   height: 16px;
   font-family: Arial, Tahoma, Verdana, Sans-Serif;   
   font-size: 12px;
   font-weight: bold;
   color: White;
   padding-right: 4px;
   padding-left: 4px;
   white-space: nowrap;
   text-align: center;
}

.NewsHeaderLeft
{
   display: inline;
   float: left;
   width: 50%;
   text-align:left;
   padding-right: 8px;
}

.NewsHeaderRight
{
   display: inline;
   float: right;
   text-align: right;
   font-size: 9px;
   padding-top: 2px;
}

.NewsHeaderDate
{
   padding: 2px 4px 2px 4px;
   text-align: left;
   color: Navy;
   font-size: 9px;
}

.NewsBody
{
   font-family: Arial, Tahoma, Verdana, Sans-Serif;   
   font-size: 12px;
   border: solid 1px Navy;
   color: Navy;
   background-color: #fff;
   padding: 4px 4px 4px 4px;
   vertical-align: top;
   text-align: left;
}

.NewsBody td
{
   font-size: 12px;
   text-decoration: none;
}

.NewsBody a
{
   font-size: 12px;
   text-decoration: none;
}


.NewsSeparatorStyle
{
   font-size: 5px;
}

.NewsManagerGridArea
{
   vertical-align: top;
}
.NewsManagerGridArea tr
{
   white-space: nowrap;
}

.NewsText
{
   border: solid 1px Navy;
   vertical-align: top;
}


#tabl   {
         font: bold 1.1em Verdana, sans-serif;
     border: solid #000 1px;
}


#tabl th{
         font: bold .8em Verdana, sans-serif;
}

#tabl td{
         font: normal .8em Verdana, sans-serif;
}

#tabl a{
         font: normal .8em Verdana, sans-serif;
}



.SectionCaption
{
   text-align: center;
   font-size: 14px;
   color: Black;
   border-bottom: solid 2px Black;
   margin-left: 5px;
   margin-right: 5px;
   padding-left: 4px;
   padding-right: 4px;
   white-space: nowrap;
}

.SectionHeader
{
   margin-left: 5px;
   margin-right: 5px;
   font-size: 8px;
}

.Section
{
   font-size: 12px;
   padding-left: 5px;
   padding-right: 5px;
   margin-left: 5px;
   margin-right: 5px;
   /* hack for IE5.x and IE6 in quirks mode - fails CSS validation */
   width: "100%"; 
}



.alpha-shadow {
  float: left;
  background: url(/css/shadow1.gif) »
  no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.alpha-shadow div {
  background: url(/css/shadow2.png) »
  no-repeat left top !important;
  background: url(/css/shadow2.gif) »
  no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;

  padding: 4px;
}



.back {
background: #a0a0a0;
float: right;
clear: right;
margin: 0px;
}

.front {
border: solid 0px #CCCCCC;
position: relative;
top: -10px;
right: 10px;
padding: 9px;
color: #666666;
}


.dropshadow {
  color: #ffffff; 
  margin:0; 
  padding:0; 
  position: relative;
  font-size: 16px;
  z-index: 1
}
.dropshadow span { 
  position: absolute; 
  top: 1px; 
  left: 1px; 
  color: #000000; 
  z-index: -1; 
  opacity: 0.50;
}
.dropshadow span:after {content: attr(title);}



    #regis li {                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        background-color: #fff;     /* the default background color within the main menu container */
        color: #000;                /* the default font color (not links) within the main menu container */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
    }
    #regis ul{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        border: black solid 1px;    /* border for each of the main menu items */
        background-color: #ffc;     /* main menu item background color */
        color: #000;                /* main menu item font color (not links) */
        margin: 0px;                /* spacing between main menu items */
        padding: 0px;               /* padding within main menu items */
        width: 120px;               /* the width of each main menu item */
        display: block;
    }


    #regis {
      font-family: Verdana, Arial, Tahoma, Sans-Serif;   
      font-size: 12px;
      border: solid 1px Navy;
      color: Navy;
      padding: 0px 0px 0px 0px;
      vertical-align: top;
      text-align: left;
      background: white;
}

    #regis td {
      font-size: 12px;
   }


    #regis label {
      font-size: 10px;
   }




/*----- aspGridView ------*/
.aspGridView
{
   font-size: 11px;
   border: solid 1px Navy;
}

.aspGridView input
{
   border: solid 1px Navy;
   color: Navy;
   width: 97%;
   font-size: 11px;
}

.aspGridView select
{
   font-size: 11px;
}

.aspGridView tr td
{
   vertical-align: top;
}

.aspGridView-Row
{
   background-color: #c2d5e1;
   color: Navy;   
}

.aspGridView-AltRow
{
   background-color: #abc3d2;
   color: Navy;   
}

.aspGridView-SelRow
{
   background-color: Navy;
   color: White;   
}

.aspGridView-EditRow
{
}

.aspGridView-Pager
{
   color: Navy;
   background-color: Transparent;
}
.aspGridView-Pager tr td
{
   border-top: solid 1px Navy;
}

.aspGridView-Header td
{
   color: Navy;
   background-color: Transparent;
   text-align: left;
   font-weight: bold;
}
.aspGridView-Header th
{
   border-bottom: solid 1px Navy;   
}

.aspGridView-Footer
{
   background-color: #dee8e8;  
   width: 97%;
   font-size: 11px;
   border-top: solid 1px Navy;
}

.aspGridView a:link
{
   text-decoration: underline;
   color: Blue;
}
.aspGridView a:visited
{
   color: Blue;
   text-decoration: underline;
}
.aspGridView a:hover
{
   text-decoration: underline;
   color: Yellow;
}
.aspGridView a:active
{
   color: Blue;
   text-decoration: underline;
}

.aspGridView-SelRow a:visited
{
   text-decoration: underline;
   color: Aqua;
}
.aspGridView-SelRow a:link
{
   text-decoration: underline;
   color: Aqua;
}
.aspGridView-SelRow a:hover
{
   text-decoration: underline;
   color: Yellow;
}
.aspGridView-SelRow a:active
{
   text-decoration: underline;
   color: Aqua;
}


div.transOFF {width: 100%; background-color: silver;border:1px solid black; }
div.transON  {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }