* { margin:0; padding:0; }
body { background:#C0C0C0; text-align:center; font-family:"Lucida Grande", Verdana ,Arial, sans-serif; font-size:76%; }
img { border:0; }

.left {float:left;}
.right {float:right;}

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

ol, ul, li {
	font-size: 1.0em;
	margin-top: .8em;
	margin-bottom: .8em;
	margin-left:20px;
	list-style-position:outside;
	}

td { font-size:11px; }
	
p {
	font-size: 1.0em;
	margin: 0.6em 0em 1.8em 0em;
	}
	
	hr {clear:both; width:100%;}


#wrapper {width:850px; border: 1px solid #004080; margin:0 auto; text-align:left; overflow: hidden;}

#nav ol, #nav  ul, #nav li { margin:0; }
#nav { background:#408080; padding:4px 0 3px; margin:0; margin-bottom:10px; border-left:1px; border-color:white; border-style:solid}
#nav li { list-style:none; display:inline; margin-top: 0;
	margin-bottom:0;
	margin-left:0;
	margin:0 5px;}
/*#nav img { vertical-align:bottom; }
#nav li a:hover { background:white; }
#nav li a:hover img { background:white; }*/

#leftcol { width:610px; float:left; background:white;padding-bottom: 32767px;margin-bottom: -32767px;}
#leftcol p {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 4px;
    background:white;
}
#leftcol h1 {
	background: #fff; /*#FFFFA8; /*#fff; /*#FFFF80;*/
	color: #000040;
    font-family: "Trebuchet MS", Veranda,arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    padding-left: 12px;
    text-align:center;
}

#leftcol h5 {
	background: #fff; /*#FFFFA8; /*#fff; /*#FFFF80;*/
	color: #000040;
    font-family: Veranda,arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding-left:10px;
}

#leftcol h6 {
	background: #fff; /*#FFFFA8; /*#fff; /*#FFFF80;*/
	color: #000;
    font-family: Veranda,arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-left:10px;
}
#leftcol .bylaws {
    font-size: 10px;
    font-weight: bold;    
    color: #808080;
    padding-left: 10px;
    padding-right: 4px;
    background:white;
}
#leftcol .boldlist {
	background: #fff; /*#FFFF80;*/
	color: #000040; 
    font: 100% Veranda, arial,sans-serif;
    font-weight:bold;
    margin-left: 20px;
}

#leftcol .boxedlist {
    background-color: #C0C0C0;
    border: none;
    /*border: 1px solid #333; padding: 2px;*/
    text-align: left;
	color: #000040; 
    font: 100% "Lucida Grande", Veranda, arial,sans-serif;
    font-weight:bold;
    margin-left: 10px;
    margin-right: 0px;
}

#rightcol { width:236px; float:right; margin-bottom:20px; background:#A8D1F0; padding:36px 0 6px; font-size:11px; font-weight:normal; text-decoration: none; color: #000; min-height:240px;padding-bottom: 32767px;margin-bottom: -32767px;}
#rightcol div { margin:10px 10px 0 12px; padding-bottom:10px; border-bottom:1px solid #D4E8F8;} 
#rightcol p {margin-bottom:.8em; font-size:0.9em;}
#rightcol b, #rightcol a {color:#000000; } 
#rightcol h5 {
	background: #A8D1F0; /*#FFFFA8; /*#fff; /*#FFFF80;*/
	color: #000040;
    font-family: Veranda,arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

#sub_rightcol { width:236px; float:right; background:#fff; padding:36px 0 6px; font-size:0.75em; min-height:240px;}

div#extra{clear:both;width:100%;background:#00004F;}
div#extra p {
    color:#FFFFCA;
    font-size:11px;
    padding-left:10px;
    padding-right:10px;
    padding-top:4px;
    padding-bottom:1px;
    border-style: none;
    border-width: 1px;  
    border-color: ##FFFFCA;
}
#footer { clear:both; border-top:1px solid #007CC3; border-bottom:1px solid #007CC3; margin:10px 0;  padding:8px; text-align:center; font-size:0.9em; color:#000040;}
#footer a {
    color:#000040;
}

.picframe { margin:4px 8px 8px 0px; }

.cssbutton{
    background-color: #A8D1F0; /*#C0C0C0; /*#69ABDC;*/
    border: 2px #808080 outset;
    padding: 1px 1px;
    color: black;
    text-decoration: none;
    font: bold 100% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

/* Image next to text */

.img_right
{
    float: right;
    border-style: none;
    border-width: 1px;
    border-color: #808080;
    margin-left: 20px;
}

.img_left
{
    float: left;
    border-style: none;
    border-width: 1px;
    border-color: #808080;
    margin-right: 20px;
}

/* Fields for an input form */

div.row {
    clear: both;
    padding-top: 5px;
}

div.row span.label {
    background: #fff; /*#FFFF80;*/
	color: #000040; 
    float: left;
    width: 150px;
    text-align: right;
}
    
div.row span.formw {
     float: right;
     width: 355px;
     text-align: left;
} 

/* side by side lists in the content area */

#contentleft {
    width:240px;
    padding:2px;
    float:left;
    background:#A8D1F0;
    margin-left:20px;
    border: 1px solid;
    text-decoration: none;
}

#contentleft .lname {
    font-weight: bold;
    background:#fff;
    text-decoration: none;
}

#contentright .lname {
    font-weight: bold;
    background:#fff;
    text-decoration: none;
}

#contentleft .roster {
    font-size: 10px;
    font-weight: normal;    
    color: #000;
    padding-left: 2px;
    padding-right: 2px;
    background:white;
}

#rosterleft .roster a {
    text-decororation: none;
    color:#000;
}

#rosterleft .roster {
    font-size: 10px;
    font-weight: normal;    
    color: #000;
    padding-left: 40px;
    padding-right: 2px;
    background:white;
}

#contentleft .roster a {
    text-decororation: none;
    color:#000;
}


#contentcenter {
    width:260px;
    padding:2px;
    float:left;
    background:#fff;
}

#contentright {
    width:280px;
    padding:2px;
    float:left;
    background:#A8D1F0;
    margin-left:10px;
    border:1px solid;
    text-decoration: none;
}

#contentright p {
    border: solid 1px;
    margin-top: 0;
    margin-bottom: 0;
}

#contentleft p {
    border: solid 1px;
    margin-top: 0;
    margin-bottom: 0;
}

.surname {
    font-weight:bold;
}

.boat {
    text-transform:uppercase;
    font-weight:bold;
}

#barecontentleft {
    width:120px;
    padding:2px;
    float:left;
    background:#fff;
    margin-left:20px;
}

#barecontentcenter {
    width:120px;
    padding:2px;
    float:left;
    background:#fff;
    margin-left:10px;
}

#barecontentright {
    width:120px;
    padding:2px;
    float:left;
    background:#fff;
    margin-left:30px;
}

#barecontentleft p, #barecontentcenter p, #barecontentright p {
    font-size: 12px;
    font-weight: normal;    
    color: #000;
    padding-left: 2px;
    padding-right: 2px;
    background:white;
}