/* CSS Document */


body{
background-image: url('waterBkg03.gif');
background-repeat: repeat;
margin: 0px;
padding: 0px;
margin-left: 0px;
}


#superWrapper {
text-align: left;
margin: 0px auto;
padding: 0px;
border:2;
width: 850px;
background-color: #bbffff;
background-image: url('rightMenuBkg02.gif');
background-repeat: repeat;
border-left: 3px solid #ff0000;
border-right: 3px solid #0000ff;
}



#wrapper {
text-align: left;
float: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 700px;
background-color: #ffffff;
}


#header {
margin: 0 0 3px 0;
width: 700px;
}


#header a:hover {
color: #ff0000;
background: #ff0000;
font-size: 200%;
}


#header h1{
color: #0000aa;
font-weight: bold;
font-size: 13pt;
margin: 0px 0px 8px 0px;
}



#header h2{
color: #0000aa;
font-weight: bold;
font-size: 15pt;
margin: 10px 8px 8px 6px;
}


#container {
margin: 0px 0px 0px 0px;

background: #ff0000;
float: left;
}


#menu {
float: left;
background: #ffffff;
width: 204px;
text-align: center;
color: #990000;
font-family: Arial, Helvetica, sans-serif;
}



#menu a {
color: #FF0000;
font-size: 10pt;
margin: 0px 3px 7px 3px;
}

#menu a:hover {
color: #0000ff;
background: #ffcccc;
}


#menu h1{
color: #0000aa;
font-weight: bold;
font-size: 13pt;
margin: 7px 0px 0px 0px;
}


#menu h2{
color: #000099;
font-weight: bold;
font-size: 10pt;
margin: 8px 3px 1px 3px;
}


#menu h2:hover {
color: #ffffff;
background: #ffcccc;
}


#menu h3{
color: #0000ff;
font-size: 10pt;
margin: 0px 0px 10px 0px;
}


#menu h3:hover {
color: #000000;
background: #8888aa;
}


#menu p{
color: #990000;
font-size: 60%;
margin: 0px 0px 0px 0px;
}



#content { 
float: left;
background-color: #ffffff;
width: 460px;
background-repeat: repeat-x;
padding-right: 12px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 20px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
}




#content p{
color: #000000;
font-size: 12pt;
margin-left:4px;
margin: 10px 8px 8px 12px;
}

#content li{
color: #000000;
font-size: 10pt;
font-weight: bold;
margin: 2px 0px 6px 0px;
}


#content h1{
color: #ff0000;
font-weight: bold;
font-size: 20pt;
text-align:center;
margin: 10px 10px 8px 10px;
}


#content h2{
color: #0000aa;
font-weight: bold;
font-size: 16pt;
text-align:center;
margin: 10px 10px 8px 10px;
}


#content h3{
color: #000000;
font-weight: bold;
font-size: 12pt;
text-align:left;
margin: 10px 40px 10px 40px;
}


#content h4{
color: #000000;
font-weight: bold;
text-align:right;
font-size: 17pt;
margin: 10px 10px 10px 20px;
}


#content h5{
color: #000000;
font-weight: bold;
text-align:right;
font-size: 11pt;
margin: 4px 10px 10px 20px;
}



#content h6{
color: #000000;
font-size: 10pt;
text-align:center;
margin: 6px 15px 10px 15px;
}



#content a {
font-weight: bold;
color: #aa0000;
}



#content a:hover {
color: #ff0000;
background: #99ffff;
}


#right {
float: right;
width: 150px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}


#right a {
color: #000099;
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
}



#right h1{
color: #0000aa;
font-weight: bold;
font-size: 8pt;
margin: 2px 0px 2px 10px;
}


#right h1:hover {
color: #0000ff;
background: #ffcccc;
}



#right h2{
color: #000099;
font-weight: bold;
font-size: 11pt;
margin: 1px 1px 1px 7px;
}



#right h2:hover {
color: #ffffff;
background: #ff0000;
}


#right h3{
align: center;
color: #000000;
font-weight: bold;
font-size: 10pt;
margin: 0px 0px 6px 10px;
}


#footer {
clear: both;
background: #eeeeee;
}


#weather {
background-image: url('weatherBkg01.gif');
background-repeat:no-repeat;
}



