html, body {
margin:0;
padding:0;
text-align:center;
background-color: #FCFCDE;
font: normal 11px verdana, arial, sans-serif; 
/* color: #7C7C7C; */


} 

#container {
margin:2px;
width:780px;
margin:auto;
text-align:left;
background: white url(images/page.png);
border: solid 1px black;
}

#head {
height:92px;
padding:5px;
margin: 0;
text-align:center;
background: white url(images/top.jpg);
}
#head h1{margin: -1200px;}
#left {
display:inline;
padding-left:5px;
width:145px;
float:left;
margin:1px;
margin-left:0;
color: #ffffcc;
}
#left a {color: white;}
#left a:visited {color: silver;}
#left a:active {color: yellow;}
#center {
display:inline;
/* border:1px solid #ddf5fb; */
padding:5px;
*width:440px;
w\idth:404px; 
float:left;
margin:5px 0 5px 0;
}

#right {
display:inline;

padding:5px 5px 5px 5px;
width:155px;
float:right;
margin:5px;
margin-right:0;
}

#foot {

margin:0 0 5px 0;
clear:both;
padding:5px;
height:40px;
text-align:center;
}

#foot p {margin:0;}
ul.invs {
list-style:none;
margin:0;
padding:0;
}

h2 {background: #D1D7DC url(http://boatingclubs.org/phpbb/templates/subSilver/images/cellpic1.gif);
	font-size: 14px; color: navy; padding: 3px;}
h3 {font-size: 13px; color: navy; padding: 3px;}
.img {display: block; padding: 3px; border: 1px solid #ECEBE9;}


/* navigation */
.buttonscontainer {width: 130px;}

.buttons a {color: #FFFFFF;
border: 1px solid;
background-color: #003366;
padding: 2px;
padding-left: 3px;
font: 12px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #0066CC #000033 #000033 #0066CC;
display: block;
margin: 0px;
width: 100%;
text-align: left;}

.buttons a:hover {border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #0066FF;
border-color: #000033 #0066CC #0066CC #000033;
color: #FFFFFF;
text-decoration: none;}

#navcontainer
{
margin: 0;
padding: 0 0 0 150px;
height: 20px;

background-color:#3D515F;
border: solid 1px silver;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: white;
display: block;
width: auto;
text-decoration: none;
background: #3D515F;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #003366;
border-top: 1px solid #003366;
border-right: 1px solid #aaa;
}

#navcontainer A:hover, #navcontainer A:active { background: #BBBBBB; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, #subnav A:active { color: #444; }
#subnav A.active:link, #subnav A.active:visited { color: #444; }
#subnav BR, #navcontainer BR { clear: both; }