/* This is the main body CSS specifying background, paragraph indents,links, and default text */
/* This CSS document also helps keep rendering consistent across browsers */
body {
font-family: verdana, arial, sans-serif;
font-size: 10pt;
background-color : #FFFFFF;
color: #000000;
margin: 3px;
padding: 0;
}
div.master {
margin: 0 auto;
width: 740px;
}
/* This is for archived pages such as Watts Happening */
div.copyright {
width: 100%;
text-align: center;
}

/* Header Image at the top of every page except the homepage */
img.pagelogo {
border-style: solid;
border-color: #1A4851;
border-width: 1px 0 0 0;
margin-bottom: 4px;
}

/* Link styles */
a {
color: #0000FF;
text-decoration: none;
background-color: inherit;
}
a:hover {
color: #000000;
text-decoration: none;
background-color: #AADDCC;
}
/* Link styles for images */
a.img {
border:0;
color:#FFFFFF;
background-color:#FFFFFF;
}
a.img:hover {
background-color:#FFFFFF;
}
a img {border: 0;}

/* Paragraph and font styles. These keep rendering between IE and Firefox consistent */
p {margin: 10px 0 10px 0;}
blockquote, ul, ol {
margin-top: 10px;
margin-bottom: 10px;
}
.bold {font-weight: 800;}
.italic {font-style: italic;}
.center {text-align: center;}
.underline {text-decoration: underline;}
.undercent {text-align: center; text-decoration: underline;}
.underitalic {text-decoration: underline; font-style: italic;}
.underbold {font-weight: 800; text-decoration: underline;}
.underboldit {font-weight: 800; text-decoration: underline; font-style: italic;}
.bolditalic {font-weight: 800;font-style: italic;}
.bolditcent {font-weight: 800;font-style: italic;text-align:center;}
.itcent {font-style: italic;text-align:center;}
.boldcent {font-weight: 800;text-align: center;}
.nomargin {
margin-top: 0;
margin-bottom: 0;
}
.horzcenter {margin: 0 auto;}
.indent {
text-indent: 2em;
margin-top: 0;
margin-bottom: 0;
}
.hindent {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.margind {
text-indent: 2em;
margin-top: 0;
margin-bottom: 0;
}
.hmargind {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
h5 {
margin: 11px 0 11px 0;
color: #008900;
font-size: 12pt;
font-family: arial, verdana, sans-serif;
background-color: inherit;
}
hr {
height: 4px;
color: #1A4851;
background-color: #1A4851;
margin: 0 auto;
border: solid 1px #1A4851;
width: 80%;
}
.border {
width: 100%;
border-top: solid 4px #1A4851;
border-bottom: solid 4px #1A4851;
margin: .25em 0;
}
.border h5 {
margin: 0 0 .15em .5em;
font-style: italic;
}
noscript p {
color: #FF0000;
font-weight: 800;
text-align: center;
}

/* CSS for the homepage and footer menus */
div.homepage {
width: 763px;
margin: 0 auto;
border: solid #1A4851;
border-width: 0 1px 1px 1px;
}
img.banner {
margin-bottom: 4px;
border-bottom: solid 2px #1A4851;
}
table.menubar {
margin: 0 auto;
width: 100%;
background-color: #1A4851;
border-collapse: collapse;
color: #FFFFFF;
}
table.menubar td {
padding: 0;
font-family: Arial, Sans-serif;
font-weight: 800;
width: 109px;
color: inherit;
background-color: inherit;
}
a.anchor {
text-align: center;
font-size: 9pt;
display: block;
width: 109px;
color: #FFFFFF;
background-color: #1A4851;
}
a.anchor:hover {
color: #000000;
background-color: #AADDCC;
}
a.anchorbot {
text-align: center;
font-size: 9pt;
display: block;
width: 109px;
color: #FFFFFF;
background-color: #1A4851;
}
a.anchorbot:hover {
border-bottom: solid 1px #AADDCC;
color: #000000;
background-color: #AADDCC;
}
a.purpa {
text-align: center;
font-size: 9pt;
display: block;
width: 109px;
color: #FFFF00;
background-color: #1A4851;
}
a.purpa:hover {
border-bottom: solid 1px #FF0000;
color: #000000;
background-color: #FF0000;
}
table.apogee {
width: 100%;
border-collapse: collapse;
padding: 0;
}
table.apogee td {
width: 20%;
text-align: center;
vertical-align:top;
}

/* Drop Down Menu and link styles */
.directory {
color: #FFFFFF;
font-size: 9pt;
width: 109px;
position: absolute;
visibility: hidden;
background-color: #22AE36;
text-align: left;
z-index: 100;
line-height: 18px;
}
.directory a {
background-color: #22AE36;
width: 108px;
color: #FFFFFF;
display: block;
text-decoration: none;
border-left: solid 1px #1A4851;
border-right: solid 1px #1A4851;
border-bottom: solid 1px #1A4851;
}
.directory a:hover {
color: #000000;
background-color: #AADDCC;
}

/* Picture Alignment */
.picleft {
float: left;
margin: .5em .5em .5em 0;
font-style: normal;
font-weight: 800;
font-size: 9pt;
}
.picright {
float: right;
margin: .5em 0 .5em .5em;
font-style: normal;
font-weight: 800;
font-size: 9pt;
}
.pic {
margin: 0 auto;
font-style: normal;
font-weight: 800;
font-size: 9pt;
}