/* Navigation Area */
.navhome {font-size: 12px;color: #FFFFFF;background-color: #2c2391;border-top: 1px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;}
.navhome a{color: #FFFFFF;text-decoration: none;font-weight: normal;}
.navhome a:hover{color: #FFFFFF;text-decoration: none;font-weight: normal;}

.nav {font-size: 12px;color: #FFFFFF;background-color: #2c2391;border-top: 0px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;}
.nav a{color: #FFFFFF;text-decoration: none;font-weight: normal;}
.nav a:hover{color: #FFFFFF;text-decoration: none;font-weight: normal;}

.subnav {font-size: 8px;color: #FFFFFF;padding-left: 2px;}

/* HEADER BUTTONS - This controls the background and style of the buttons */
.NavItemhome{color: #FFFFFF;background-color: #9CB1D0;text-decoration: none;font-size: 12px;border-top: 1px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;}
.NavItemhome a{text-decoration: none;color: #FFFFFF;font-weight: normal;}
.NavItemhome a:hover{text-decoration: none;color: #2C2391;font-weight: normal;}

.NavItemmaintenance{color: #FFFFFF;background-color: #9CB1D0;text-decoration: none;font-size: 12px;border-top: 0px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;}
.NavItemmaintenance a{text-decoration: none;color: #FFFFFF;font-weight: normal;}
.NavItemmaintenance a:hover{text-decoration: none;color: #2C2391;font-weight: normal;}

.NavItemimprovements{color: #FFFFFF;background-color: #9CB1D0;text-decoration: none;font-size: 12px;border-top: 0px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;}
.NavItemimprovements a{text-decoration: none;color: #FFFFFF;font-weight: normal;}
.NavItemimprovements a:hover{text-decoration: none;color: #2C2391;font-weight: normal;}

.NavItemplanreview{color: #FFFFFF;background-color: #9CB1D0;text-decoration: none;font-size: 12px;border-top: 0px solid #000000; border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;}
.NavItemplanreview a{text-decoration: none;color: #FFFFFF;font-weight: normal;}
.NavItemplanreview a:hover{text-decoration: none;color: #2C2391;font-weight: normal;}

.NavIteminspections{color: #FFFFFF;background-color: #9CB1D0;text-decoration: none;font-size: 12px;border-top: 0px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;}
.NavIteminspections a{text-decoration: none;color: #FFFFFF;font-weight: normal;}

.NavItemfloodplain{color: #FFFFFF;background-color: #9CB1D0;text-decoration: none;font-size: 12px;border-top: 0px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;}
.NavItemfloodplain a{text-decoration: none;color: #FFFFFF;font-weight: normal;}
.NavItemfloodplain a:hover{text-decoration: none;color: #2C2391;font-weight: normal;}

.NavItemwaterquality{color: #FFFFFF;background-color: #9CB1D0;text-decoration: none;font-size: 12px;border-top: 0px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;}
.NavItemwaterquality a{text-decoration: none;color: #FFFFFF;font-weight: normal;}
.NavItemwaterquality a:hover{text-decoration: none;color: #2C2391;font-weight: normal;}

.NavItemcomplaints{color: #FFFFFF;background-color: #9CB1D0;text-decoration: none;font-size: 12px;border-top: 0px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;}
.NavItemcomplaints a{text-decoration: none;color: #FFFFFF;font-weight: normal;}
.NavItemcomplaints a:hover{text-decoration: none;color: #2C2391;font-weight: normal;}

.NavItemCalendar{color: #FFFFFF;background-color: #9CB1D0;text-decoration: none;font-size: 12px;border-top: 0px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;}
.NavItemCalendar a{text-decoration: none;color: #FFFFFF;font-weight: normal;}
.NavItemCalendar a:hover{text-decoration: none;color: #2C2391;font-weight: normal;}

/* NAVIGATION MENU - This controls the background and style of the popout menus */

#Navigation {width: 146px;}
#spacer {height: 2px;width: 100%;font-family: Tahoma;font-size: 3pt;}

.menuhome{font-size: 12px;color: #FFFFFF;border: 1px solid #000000;background-color: #9CB1D0;height: 20px;padding-left: 2px;}
.menuhome a{color: #FFFFFF;}
.menuhome a:hover{color: #2C2391;text-decoration: none;}

.menumaintenance {font-size: 12px;color: #FFFFFF;border: 1px solid #000000;background-color: #9CB1D0;height: 20px;padding-left: 2px;}
.menumaintenance a{color: #FFFFFF;}
.menumaintenance a:hover{color: #2C2391;text-decoration: none;}

.menuimprovements {font-size: 12px;color: #FFFFFF;border: 1px solid #000000;background-color: #9CB1D0;height: 20px;padding-left: 2px;}
.menuimprovements a{color: #FFFFFF;}
.menuimprovements a:hover{color: #2C2391;text-decoration: none;}

.menuplanreview {font-size: 12px;color: #FFFFFF;border: 1px solid #000000;background-color: #9CB1D0;height: 20px;padding-left: 2px;}
.menuplanreview a{color: #FFFFFF;}
.menuplanreview a:hover{color: #2C2391;text-decoration: none;}

.menuinspections {font-size: 12px;color: #FFFFFF;border: 1px solid #000000;background-color: #9CB1D0;height: 20px;padding-left: 2px;}
.menuinspections a{color: #FFFFFF;}
.menuinspections a:hover{color: #2C2391;text-decoration: none;}

.menufloodplain {font-size: 12px;color: #FFFFFF;border: 1px solid #000000;background-color: #9CB1D0;height: 20px;padding-left: 2px;}
.menufloodplain a{color: #FFFFFF;}
.menufloodplain a:hover{color: #2C2391;text-decoration: none;}

.menuwaterquality {font-size: 12px;color: #FFFFFF;border: 1px solid #333333;background-color: #9CB1D0;height:20px;padding-left: 2px;}
.menuwaterquality a{color: #FFFFFF;}
.menuwaterquality a:hover{color: #2C2391;text-decoration: none;}

.menucomplaints {font-size: 12px;color: #FFFFFF;border: 1px solid #000000;background-color: #9CB1D0;height: 20px;padding-left: 2px;}
.menucomplaints a{color: #FFFFFF;}
.menucomplaints a:hover{color: #2C2391;text-decoration: none;}

.menucalendar {font-size: 12px;color: #FFFFFF;border: 1px solid #000000;background-color: #9CB1D0;height: 20px;padding-left: 2px;}
.menucalendar a{color: #FFFFFF;}
.menucalendar a:hover{color: #2C2391;text-decoration: none;}

.searchnav {font-size: 12px;color: #FFFFFF;background-color: #2c2391;border-top: 0px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-left: 1px solid #000000;}
.searchnav a{color: #FFFFFF;text-decoration: none;}
.searchnav a:visited{color: #FFFFFF;text-decoration: none;}
.searchnav a:hover{color: #FFFFFF;text-decoration: none;}

form {
    margin: 3px;
}
INPUT, SELECT, TEXTAREA
{
   color : #000;
   font-family : verdana, arial, helvetica;
   font-size : 13px;
 border:1px #000 solid;
}

INPUT.submit
{border:1px #000 solid;   
   background-color :red;
   font-size: 10px; width:95px;
}