td, tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #333333;
}

ul         { list-style: square url(http://www.cnawater.com/data/templates/ms_internet1/images/bullet.gif); padding: 1px }
li { list-style: square url("http://www.cnawater.com/data/templates/ms_internet1/images/bullet.gif"); padding: 1px }
hr {
  background       : #CCCCCC;
  height           : 1px;
  width            : 100%;
}
.boxes {
        border: solid;
        border: dotted;
        border-width: 1px;
        border-bottom-color: #B0C4DE;
        border-top-color: #B0C4DE;
        border-left-color: #B0C4DE;
        border-right-color: #B0C4DE;
}

.title {
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
color            : #4490B4;
}

.pathway  { color: #020004; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }

a.pathway:link, a.pathway:visited  { color: #ff6500; font-weight: normal }

a.pathway:hover  { color: #999; font-weight: normal; text-decoration: underline }

/* --Default Class Settings-- */

a.mainlevel:link, a.mainlevel:visited     { color: #06c; font-weight: bold; line-height: 22px; background-position: left 50%; text-align: left; vertical-align: 8pt }

a.mainlevel:hover  { color: #960; background-position: left 50%; text-align: left }



        a.mainmenu:link, a.mainmenu:visited   { color: #999; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, serif; font-weight: bold }

a.mainmenu:hover,  { color: #36c; text-decoration: underline }

a.sublevel:hover  { color: #999; text-decoration: underline }

a.sublevel:link, a.sublevel:visited  { color: #36c; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, serif; font-weight: normal }


table.moduletable {
        margin: 0px 0px 0px 0px;
        width: 95%;
        border-left: solid 0px #000000;
        border-right: solid 0px #000000;
        border-top: solid 0px #000000;
        border-bottom: solid 0px #000000;
        }

table.moduletable th  { color: #000000; font-size: 11px; font-weight: bold; background-image: url("../images/button2.gif"); background-repeat: no-repeat; background-position: 0 -3px; text-align: left; text-indent: 30px; top: 0; width: 100%; height: 25px }

table.moduletable td {
        font-size: 10px;
        font-weight: normal;
        }

.poll {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #666666;
  line-height      : 14px;
}


.sectiontableheader {
  
  color            : #4490B4;
  font-weight      : bold;
}

.sectiontableentry1 {
  
}

.sectiontableentry2 {
 
}


.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #3366C0;
  text-decoration  : none;
  font-weight      : medium;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
}


.contentpane {
font-weight: normal;
}

.contentpaneopen {
font-weight: normal;
}

.contentheading, .componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : bold;
  color            : #4490B4;
  text-align       : left;
}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}


.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #CCCCCC;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}


a:link, a:visited  { color: #f90; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }

a:hover  { color: #69f; text-decoration: none }

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited  { color: #f90; font-size: 13px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left }

a.contentpagetitle:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	color: #4490B4;
	text-decoration: underline;
	font-weight: bold;
	}

a.category:link, a.category:visited  { color: #f93; font-weight: bold }

a.category:hover {
  color            : #4490B4;
}

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #ffae00;
	border-left: outset 2px #ff9900;
	border-right: outset 2px #808080;
	border-top: outset 2px #ff9900;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: normal;
}
.tabpadding {
}

.tabheading {
	background-color: #ffae00;
	text-align: left;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}

/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}