html {
height:100%;
}

body { 
margin: 0;
padding: 0;
background-color: #002e61;
background-image: url(http://www.riverrunner.us/images/bgup2.jpg);
background-repeat: repeat-x;
background-position: top;
color:#fff;
height:100%;
}
#background {
margin:auto;
width:1000px;


}
a {
color: #99CCFF;
text-decoration:none;
}
a:hover {
color: #ff9900;
text-decoration:none;
}

#wrapper{
margin: 0px auto;
width: 840px;
}

#container{
margin: 0px auto;
width: 851px;
background:#fff;
margin:auto;
border:2px solid black;
}

#bg{
margin-left:5px;
margin-right:5px;
width: 839px;
margin-top:5px;
background-image: url(http://www.riverrunner.us/images/topimage4.jpg);
background-position: center;
border:1px solid #002e61;
background-repeat: no-repeat;
background-color:#fff;
text-align:center;

}
#head{
width: 840px;
height: 220px;
text-align:center;
}

#myname{
text-align:center;
padding-bottom: 20px;
width: 840px;
height: 120px;
}

#myname a{
font-family: Verdana, Arial, Times, san-serif;
font-size: 28px;
font-weight: bold;
color: #ffffff;
padding-right: 50px;
text-align:center;
}

#menu{
width: 840px;
height: 30px;
text-align: right;
}

#menu ul{
display: block;
padding-top: 10px;


}

#menu ul li{
list-style-type: none;
display: inline;
margin-right: 20px;
}

#menu ul li a{
text-decoration: none;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}

#menu ul li a:hover{
color: #ff9900;
}

#blueline{
width: 740px;
height: 3px;
border-bottom:2px solid #396eaa;
/* background-image: url(images/blueline.jpg);
background-repeat: repeat-x; */
float: right;
}
#blue {

margin-top: 5px;
background:#002e61;
width:840px; 
margin:auto;
margin-left:5px;
margin-right:10px;
padding:0px;
}
#realbody{
margin-top:5px;
width: 839px;
background:#002e61;


}

#verticalmenu{
width: 140px;
float: left;
background:#002e61;
padding:0;
margin-left:10x;
}
h1 {
font-family: trebuchet ms;
font-size: 16px;
font-weight: bold;
color: #6699FF;

}
h3{
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
font-weight: bold;
color: #99ccff;
margin-top:0px;
margin-bottom:0px;
}
h4{
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
font-weight: bold;
color: #99ccff;
padding-top: 36px;
padding-left: 60px;
}
#verticalmenu ul {
margin-left:10px; 
padding:0; 
color: #fff;
background:#002e61;
}
#verticalmenu ul li{
list-style-type:none;
margin:0;
color: #99ccff;
background:#002e61;
}

#verticalmenu ul li a{
display:block;
margin:0; 
padding-left:10; 
padding-top:4px; 
padding-bottom:4px; 
font-weight:bold;
text-decoration: none;
font-family: Verdana, Arial, Times, san-serif;
font-size: 14px;
color: #ffffff;
background:#002e61;
}

#verticalmenu ul li a:hover{
text-decoration: none;
 padding:5px 8px; color:#FFFFFF;
}

#VertMenuTable td {
}
#VertMenuTable a {
padding-top:4px; 
padding-bottom:4px; 
font-weight:bold;
text-decoration: none;
font-family: Verdana, Arial, Times, san-serif;
font-size: 14px;
color: #ffffff;
}
#VertMenuTable a:hover {
text-decoration: underline;
}

.news {
padding-left:10px;
font-weight:bold;
border-bottom:2px solid white;
color:#ffffff;
font-family: Verdana, Arial, Times, san-serif;
}
#content{
width: 686px;
float: right;
padding-left:10px;
background:#002e61;
overflow: hidden;
min-height: 390px;

}

#content p{
font-family: Verdana, Arial, Times, san-serif;
font-size: 14px;
color: #ffffff;
}

.bubble{
width: 640px;
height: 60px;
background-image: url(http://www.riverrunner.us/images/bubble.jpg);
background-repeat: no-repeat;
background-position: left;
clear: both;
}
#footer {
text-align:center;
padding-top:3px;
color:#fff;
height:55px;

}
#footer a {
color:#fff;
text-decoration:none;
}
#footer a:hover {
color: #ff9900;
text-decoration:none;
}
#foot{
margin-top: 15px;
margin-bottom:5px;
width: 838px;
height: 20px;
padding-top: 0px;
/* background-image: url(images/blueline.jpg);
background-repeat: repeat-x;
background-position: top; */
clear: both;
background:#002e61;
}

#foot p{
text-align: right;
font-family: Verdana, Arial, Times, san-serif;
font-size: 10px;
color: #ffffff;
}

#foot p a{
font-family: Verdana, Arial, Times, san-serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
}

#foot p a:hover{
font-family: Verdana, Arial, Times, san-serif;
font-size: 10px;
font-weight: bold;
color: #ff9900;
}

.imageleft{
padding: 5px;
border: 1px solid #99ccff;
background-color: #ffffff;
margin: 10px 10px 10px 0px;
float: left;
}

.imageright{
padding: 5px;
border: 1px solid #99ccff;
background-color: #ffffff;
margin: 10px 10px 10px 10px;
float: right;
}
.HeaderLine {
border-bottom:1px solid white; 
font-weight:bold;
}