﻿@import url('xcss/dform.css');
body {
	background-image: url('images/site/waterbackgroundisopt.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 11px;
	color: navy;
	background-color: silver;
	text-align: center;
}

html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}


body.adminpage {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana;
	font-size: 12px;
	background-color: #fffff1;
	text-align: center;
	background-image: none;
}
/*main containers*/
#maincontainer {
	background-position: top;
	width: 900px;
	border: 2px navy solid;
	border-collapse: collapse;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	background-repeat: no-repeat;
	min-height: 400px;
	position: relative;
}
#masthead {
	padding: 0px;
	Width: 886px;
	text-align: center;
	height: 146px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	text-align: center;
}
/*
	background-image: url('images/site/headernewblue.jpg');
	background-repeat: no-repeat;
	background-color: #fffff1;
	background-position: center;*/

#pagecontainer {
border:0px green dashed;
	width:870px;
	margin: 0px auto 3px auto;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:2px;
}
#navbar {
	width: 686px;
	height: 32px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	margin-top: 5px;
	position:relative;
	z-index:200;
}
#inctomb {
	border-top: solid;
	border-top-color: navy;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 870px;
	height: 85px;
	clear: both;
	margin-bottom: 5px;
}
table.tomb {
	font-size: 10px;
	width: 870px;
	margin: 1px 0px 5px 0px;
}

/* color key:

#FF8100 = orange used around boxes as borders including menu boxes;
#034377 = Blue used on fonts, tombstone a link, text in forms;
#46B4C3 blue used on sidebar boxes and around photo boxes; RGB 70 180 195
#0099CC = blue used in menu box text and menu box background hover;
#F8D784 = background color of menu boxes static;
#DEAF5D  orange text of menu boxes hover;
white

 */
/* fonts*/

p, h1, h3, h5, .datatext, .fleettable, .tomb, ul.regular, .textgrid {
	color:navy;	font-family: Verdana;

} 
p, ul.regular {
	font-size: 12px;
	text-align: left;
	line-height: 120%;
	font-weight: 500;
}
p.just {
	text-align: justify;
}
p.right {
	text-align: right;
}

p.bold {
	font-weight: bold;
}
p.center {
	font-weight: bold;
	text-align: center;
}
p.white {
	color: #fffeff;
}
p.italic {
	font-style: italic;
}
p.bolditalic {
	font-style: italic;
	font-weight:bold;
}


hr {
	width: 450px;
	color:navy;
	background-color:navy;
}
span.bold {
	font-weight: bold;
}

span.bolditl {
	font-weight: bold;
	font-style:italic;
}

span.white {
	color: #fffeff;
}
span.whitelink {
	color: #fffeff;
	text-decoration: underline;
}
span.whitelinkup {
	font-size: 14px;
	color: #fffeff;
	font-weight: bold;
	text-decoration: underline;
}
span.orangelink {
	font-size: 13px;
	color: #FF8100;
	text-decoration: underline;
}
span.red {
	color: red;
}
h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
h1.bold {
	font-weight: bold;
}
h1.boldwhite {
	font-weight: bold;
	color:white;
}
h1.boldleft {
	font-weight: bold;
	text-align: left;
}

h2 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
h2.bold {
	font-weight: bold;
}
h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	text-align: left;
}
h3.bold {
	font-weight: bold;
}
h3.boldwin {
	font-weight: bold;
	margin-left: 45px;
}
h4 {
	font-size: 11px;
	font-family: verdana;
	font-weight: normal;
	color: #fffeff;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
h4.left {
	text-align: left;
}


/*font for home page welcome*/
h5 {
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
h5.bold {
	font-weight: bolder;
}
h6 {
	font-size: 12px;
	font-family: verdana;
	font-weight: normal;
	color: #fffeff;
	text-align: center;
}
h6.bold {
	font-weight: bold;
}
h6.boldleft {
	font-weight: bold;
	text-align: left;
}

ul.regular {
	text-align:left;
	margin-left:20px;
	line-height:140%;
	list-style:square;
}
/*photo box borders*/
div.photo300 {
	border: 2px;
	border-color: navy;
	border-collapse: collapse;
	border-style: ridge;
	width: 300px;
	margin-right: 10px;
	margin-left: 0px;
	float: left;
}
div.photo300r {
	border: 2px;
	border-color: #46B4C3;
	border-collapse: collapse;
	border-style: ridge;
	width: 300px;
	margin-right: 10px;
	margin-left: 10px;
	float: right;
}

div.photo400r {
	border: 2px;
	border-color: #46B4C3;
	border-collapse: collapse;
	border-style: ridge;
	width: 400px;
	margin-right: 10px;
	margin-left: 10px;
	float: right;
	margin-bottom:3px;
}

div.photo300c {
	border: 2px;
	border-color: #46B4C3;
	border-collapse: collapse;
	border-style: ridge;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	width: 300px;
}
div.photo150r {
	border: 2px;
	border-color: #46B4C3;
	border-collapse: collapse;
	border-style: ridge;
	width: 150px;
	margin-right: 10px;
	margin-left: 10px;
	float: right;
}

img.noborder{
	border: none;
}
div.panoramic {
	width: 640px;
	margin: 0px 0px 10px 0px;
}

div.leftsidebarhome {
	width: 260px;
	border: 5px navy inset;
	border-collapse: collapse;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: auto;
	position: relative;
	float: left;
	background-image: url('images/site/featureboxgrad.gif');
	background-repeat: repeat-x;
	background-color: white;
}

div.homesidebar {
	float: left;
	width: 279px;
}

.homegrid td {
	padding-bottom:10px;
}

#leftsidetext {
	width: 635px;
	text-align: left;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 2px 0px;
	position: relative;
}


#centerhometext {
	width: 346px;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 15px 290px;
	position: relative;

}

#leftsidecolumntext {
	width: 335px;
	border-collapse: collapse;
	text-align: left;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 2px 0px;
	position: relative;
	float:left;
}


#rightcolumntext {
	text-align:left;
	line-height:140%;
	list-style:square;
	width:320px;
	float:right;
	
}


ul.rightsidecolumntext {
	text-align:left;
	line-height:140%;
	list-style:square;
	width:200px;
	float:right;
	
}



/*I frame for Google Calendar*/
iframe#cald {
	height: 575px;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	background-color: white;
	border: 2px navy solid;
	border-collapse: collapse;
}
object#weather {
	float: right;
}
div.weather {
	position: absolute;
	top: 869px;
	right: 35px;
	border: 3px silver ridge;
	margin: 1px;
}
div.calimage {
	background-color:white;
	border: 3px silver ridge;
	padding:0px 0px 0px 0px;
	text-align:center;
	margin:10px auto 4px auto;
}

/* this is for sidebar forms*/
div.rightsidebarform {
	width: 210px;
	border: 3px silver ridge;
	border-collapse: collapse;
	text-align: center;
	padding:0px 2px 5px 2px;
	margin: 0px 0px 15px 5px;
	background-color: navy;
	position: relative;
	float: right;
}
table.formtable {
	width: 210px;
	text-align: left;
	vertical-align: top;
	font-family: verdana;
	font-weight: 400;
	font-size: 11px;
	color: #fffeff;
}
table.formtable td {
	vertical-align: top;
	padding-bottom:10px;
}

/*
div.leftsidebarform {
	width: 500px;
	border: 1px #FF8100 solid;
	border-collapse: collapse;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #46B4C3;
	position: relative;
	float: left;
}
*/
#centertext {
	width: 800px;
	border-collapse: collapse;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	border-top-color: #46B4C3;
}
#lefttext {
	width: 100%;
	border: 0 navy dashed;
	border-collapse: collapse;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	border-top-color: #46B4C3;
}
#signup {
	width: 530px;
	border: 0 navy dashed;
	border-collapse: collapse;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	float: right;
}
#swap {
	width: 600px;
	border: 0 navy dashed;
	border-collapse: collapse;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 30px;
	float: right;
	visibility: visible;
}
#lblStatus {
	font-size: 14px;
	font-family: verdana;
	font-weight: bold;
	color: white;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
/* this is for sign up error report forms*/
table.signerrorform {
	width: 480px;
	text-align: left;
	vertical-align: top;
	font-family: verdana;
	font-weight: 400;
	font-size: 11px;
	color: #fffeff;
}
/* this is for sign up sheets */
table.formtablemain {
	width: 430px;
	text-align: left;
	vertical-align: top;
	font-weight: 500;
	font-family: Verdana;
	font-size: 11px;
	color: #034377;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 150%;
}
table.fleettable {
	width: 430px;
	text-align: left;
	vertical-align: top;
	font-weight: 500;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	line-height: 150%;
}
td.fleet {
	text-decoration: underline;
	font-weight: bold;
}
table.elf {
	width: 100%;
	height: 700px;
}
table.swaptablemain {
	width: 590px;
	text-align: left;
	font-weight: 500;
	font-family: Verdana;
	font-size: 11px;
	color: #034377;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 150%;
}
table.winners {
	width: 750px;
	text-align: left;
	font-weight: 500;
	font-family: Verdana;
	font-size: 11px;
	color: #034377;
	margin-left: auto;
	margin-right: auto;
	line-height: 150%;
	padding-bottom: 12px;
	padding-right: 15px;
}
table.winners th {
	text-align: center;
	font-weight:bold;
}

table.flamast {
	width: 750px;
	text-align: left;
	font-weight: 500;
	font-family: Verdana;
	font-size: 11px;
	color: #034377;
	margin-left: auto;
	margin-right: auto;
	line-height: 150%;
	padding-bottom: 12px;
	padding-right: 15px;
	border:4px #FF8100 solid;
}

table.flamast td {
	border:1px #FF8100 solid;
}
table.flamast th {
	text-align: center;
	font-weight:bold;
	border-right: #FF8100 1px solid ;
}

/* this is for the accomdation page */
table.accom {
	width: 38%;
	text-align: left;
	float: left;
	margin-bottom: 15px;
	margin-left: 10px;
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	color: #034377;
}
table.accomdatpage {
	width: 80%;
	text-align: left;
	float: left;
	margin-bottom: 15px;
	margin-left: 10px;
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	color: #034377;
}
table.board {
	width: 57%;
	text-align: left;
	float: right;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 10px;
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	color: #034377;
}
/* this is for the regatta schedule */
table.photointro {
	width: 650px;
	text-align: left;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	font-family: verdana;
	font-weight: normal;
	font-size: 12px;
	color: #034377;
}
/* this is for separate photos for sale
table.salephoto {
	width: 750px;
	text-align: center;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	font-family: verdana;
	font-weight: normal;
	font-size: 12px;
	color: #034377;
	border: 2px;
	border-color: #46B4C3;
	border-collapse: collapse;
	border-style: ridge;
}*/
/*data base results table for entries*/
table.sumreg {
	width: 100%;
	text-align: left;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	color: #034377;
	border-top: 2px #FF8100 solid;
	border-bottom: 2px #FF8100 solid;
	border-left: 2px #FF8100 solid;
	border-right: 2px #FF8100 solid;
	border-collapse: collapse;
}
table.sumreg th {
	border-top: 1px #FF8100 solid;
	border-bottom: 1px #FF8100 solid;
	border-left: 1px #FF8100 solid;
	border-right: 1px #FF8100 solid;
	border-collapse: collapse;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	background-color: #46B4C3;
	color: #fffeff;
	padding: 3px;
}
table.sumreg td {
	border-top: 1px #FF8100 solid;
	border-bottom: 1px #FF8100 solid;
	border-left: 1px #FF8100 solid;
	border-right: 1px #FF8100 solid;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	padding: 3px;
}
table.dbresultssidebar {
	width: 215px;
	border: 0px #FF8100 solid;
	border-collapse: collapse;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-family: verdana;
	font-weight: normal;
	font-size: 12px;
	color: #fffeff;
}
table.dbresultssidebar th {
	text-align: left !important;
}

/*Table for links page and others */
table.docs {
	width: 100%;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}
table.docs th {
	text-align: center;
}
.specleft {
	text-align: left;
}
.whitebox {
	float: left;
	clear: both;
	border: 0px white none;
	margin-left: 10px;
}
.whitebox a:link {
	color: white;
}
.whitebox a:visited {
	color: white;
}
.whitebox a:hover {
	color: white;
}
.whitebox a:active {
	color: white;
}
a:link {
	color: blue;
}
a:visited {
	color: blue;
}
a:hover {
	color: gray;
}
a:active {
	color: gray;
}

