body {
text-align : left;
margin : 0;
color : #17145f;
font-family : "Lucida Grande", Verdana, Arial, sans-serif;
background-color : #c7daef;
}
#wrapper {
margin-right : auto;
margin-left : auto;
max-width : 950px;
min-width : 600px;
background-position : left bottom;
background-repeat : no-repeat;
background-image : url(waterjug.jpg);
text-align : left;
visibility : visible;
display : block;
width : 99%;
}

#head {
min-height : 120px;
background-image : url(banner.jpg);
background-repeat : no-repeat;
background-position : 0 0;
height : 7em;
width : 100%;
}
.head2 {
padding-left : 225px;
padding-right : 50px;
margin-right : 5px;
margin-left : auto;
padding-top : 1px;
text-align : center;
height : 100%;
}
#content {
text-align : justify;
margin-left : 10px;
font-size : 14px;
}
#content_rightbox {
font-size : 85%;
padding-right : 0;
padding-left : 10px;
padding-bottom : 10px;
padding-top : 10px;
margin-right : 4px;
margin-left : 10px;
text-align : justify;
right : auto;
float : right;
width : 160px;
}
#content_rightbox p {
padding-right : 5px;
padding-left : 5px;
background : #eeeffa;
}
#content_leftbox {
margin-left : -10px;
margin-right : 20px;
text-align : center;
right : auto;
float : left;
width : auto;
}
#contentcenterbox {
max-width : 600px;
margin-right : auto;
min-width : 400px;
margin-left : 250px;
}
#center {
max-width : 600px;
margin-right : auto;
min-width : 400px;
margin-left : auto;
}

#simple-center{
text-align: center;
}
#image-pad{
float: left;
margin: 10px;
padding: 10px;
}
#update-box{
border-style: none;
font-size : 85%;
margin-left : 2px;
margin-right : 5px;
text-align : left;
right : auto;
float : left;
width : 225px;
}
#update-box-strong{
padding-bottom: 5px;
padding-top: 5px;
width: 100%;
min-width: 100%;
font-size: 1.2em;
text-align: center;
font-weight: bold;
color: #daf0f6;
background-color: #1c1e65;
}
#update-box-text{
border-color: #1c1e65;
border-style: solid;
border-width: 1px;
background : #eeeffa;
}
#update-box p{
padding-left: 5px;
padding-right: 5px;
}
#toon{
min-width: 870px;
}
#footer {
text-align : center;
padding-top : 10px;
padding-bottom : 10px;
font-size : 75%;
clear : both;
}
h1 {
background-image : url(bgcloud.gif);
font-size : 150%;
}
h2 {
margin-left : 3em;
font-size : 125%;
}
h3 {
margin-left : 3em;
font-size : 100%;
}
h4 {
margin-bottom : -10px;
font-size : 100%;
}
p {
font-size : 100%;
padding : 1px;
}
a {
color : #17145f;
}
hr {
height: 15px; 
background: url('hr.gif') no-repeat 50% 50%; 
margin: 1em 0; border: 0;
}
blockquote {
padding-left : 20px;
padding-bottom : 10px;
padding-right : 10px;
padding-top : 10px;
background : #d1e5ed url(blockquote.gif) no-repeat left top;
font-style : italic;
text-align : justify;
margin : 5px;
outline : navy 1px dotted;
}
#sitemap {
color : #393e92;
margin-left : 4em;
}
#sitemap ul li {
color : #39448d;
margin : 0.1em 0 0 0.1em;
padding : 0;
}
#sitemap ul li a {
color : #39448d;
text-decoration : none;
border : none;
}
#sitemap ul li a:link {
color : #39448d;
}
#sitemap ul li a:visited {
color : #5355a0;
}
#sitemap ul li a:hover, #sitemap ul li a:active {
color : #25d5fb;
}
#sitemap ul ul {
padding : 5px;
margin : 0;
font-size : 1em;
background : none;
border : none;
}
#sitemap ul ul li {
margin : 0;
padding : 0;
padding-left : 10px;
margin-left : 10px;
}
fieldset {
margin-top : 20px;
border-style : none;
padding : 10px 30px;
}
legend {
color : #333;
padding : 0 10px;
margin : 0;
font-size : 1.5em;
font-weight : 400;
}
input {
background : #cee5ff;
}
input, textarea {
font-size : 1em;
margin-left : 0;
margin-bottom : 0;
margin-right : 0;
margin-top : 8px;
border-style : solid;
border-color : #817d81;
border-left-width : 1px;
border-bottom-width : 3px;
border-right-width : 3px;
border-top-width : 1px;
padding : 5px;
}
input:focus, textarea:focus {
background : #eefbff;
}
textarea {
background : #cee5ff;
}
label {
margin-left : 0;
margin-bottom : 0;
margin-right : 5px;
margin-top : 12px;
text-align : right;
display : block;
font-weight : 700;
font-size : 0.9em;
float : left;
clear : left;
width : 120px;
}
label:after {
content : ": ";
}
button {
color : #3e5d9a;
display : block;
float : left;
clear : both;
margin : 1em 0 1em 90px;
}
.required {
background-color : #e5deff;
border-right-width : 3px;
border-left-width : 1px;
border-bottom-width : 3px;
border-top-width : 1px;
display : inline;
color : #513b64;
width : auto;
border-color : #921d0f;
border-style : solid;
}
.formcaption {
font-size : 0.9em;
margin-left : 130px;
margin-bottom : 5px;
}
.rednote {
padding-left : 10px;
width : 325px;
color : #e5deff;
background-color : #921d0f;
margin-left : 130px;
}
.search {
font-size : 0.75em;
margin-top : -2em;
}
.yay, .oops {
font-size : 0.8em;
text-align : center;
padding : 10px;
color : #fff;
font-weight : 700;
}
.yay {
background : #090;
}
.oops {
background : #ff3300;
}
div.error {
font-size : 0.7em;
font-weight : 600;
padding : 5px 0 0;
color : #f30;
margin : 0 0 0 90px;
}
button {
color : #0b1457;
width : 100px;
margin-top : -12px;
margin-left : 130px;
padding : 0;
}
.menu {
font-size : 90%;
margin-top : 1em;
margin-bottom : 2em;
text-align : center;
clear : both;
z-index : 1000;
float : none;
}
.menu .sub {
background-position : left;
background-image : url(subarrow.gif);
background-repeat : no-repeat;
}
.menu ul {
padding : 0;
margin : 0;
list-style-type : none;
width : 160px;
}
* html .menu ul {
margin-left : 0;
}
.menu li {
border-color : #8097be;
border-width : 1px;
border-style : solid;
position : relative;
background : #e4e7f1;
height : 2em;
}
.menu table {
position : absolute;
border-collapse : collapse;
top : 0;
left : 0;
z-index : 100;
font-size : 90%;
}
.menu a, .menu a:visited {
display : block;
text-decoration : none;
height : 25px;
line-height : 25px;
width : 160px;
color : #000;
text-indent : 5px;
}
* html .menu a, * html .menu a:visited {
background : #e4e7f1;
width : 160px;
width : 149px;
}
* html .menu a:hover {
color : #fff;
background : #89a3bd;
}
.menu :hover > a {
color : #fff;
background : #89a3bd;
}
.menu ul ul {
visibility : hidden;
position : absolute;
top : 0;
left : -150px;
}
.menu ul li:hover ul, .menu ul a:hover ul {
visibility : visible;
}
.menu ul :hover ul ul {
visibility : hidden;
}
.menu ul :hover ul :hover ul ul {
visibility : hidden;
}
.menu ul :hover ul :hover ul {
visibility : visible;
}
.menu ul :hover ul :hover ul :hover ul {
visibility : visible;
}
#content_rightbox p {
font-size : 80%;
}