div.debug { background-color: rgb(255,0,0); color:rgb(255,255,255); border:1px solid rgb(0,0,0); margin:5px; padding:5px; }
/***********	MAIN STRUCTURE					*******************************/

BODY
{	background-color: rgb(221,238,251);
	color: rgb(0,0,0);
	font-family: Verdana, Arial, 'Courier New';
	margin: 10px 0px;
}

#Main { border: 1px solid rgb(0,0,100); width: 700px; height: 100%; }
#PageContainer { background-color: rgb(255,255,255); }

#SideBar
{	background-image: url(sidebarback.jpg); width: 150px; background-color: rgb(33,56,110);
}

#Logo
{	background-color: rgb(255,255,255); height: 200px; width: 300px;
}
#Menu { background-color: rgb(33,56,110); color: rgb(255,255,255); height: 20px; vertical-align: middle; padding: 2px 10px; }
#Menu a { color: rgb(255,255,255); text-decoration: none; }
#Menu a:hover { color: rgb(153,204,255); }
#Menu a.sel { font-weight: bold; }

#Page { background-color: rgb(255,255,255); padding: 10px; }

#Footer
{	padding: 10px; border-top: 1px solid rgb(221,238,251); background-color: rgb(241,250,255); height: 70px;
}
#Login
{	border: 1px solid rgb(0,0,100); padding: 4px; margin: 15px 0px 10px 40px;
	width:150px; text-align: right;
	background-color: rgb(241,250,255);
}
#Login input { border: 1px solid rgb(0,0,100); margin: 1px; width: 70px; }
#Login button { border: 2px outset rgb(0,0,100); margin: 3px; }


/***********	MAIN DEFINITIONS				*******************************/

.small  { font-size: 7pt; }
.normal { font-size: 8pt; }
.large  { font-size: 12pt; }
.stretch { line-height: 200%; }
form { display: inline; }
br.all { clear: both; }
em { font-style: normal; font-weight: bold; }
p { margin: 10px 0px; }
tr { vertical-align: top; }

#Page h1 { color: rgb(33,56,110); margin: 5px 0px 20px; font-size: 12pt; }
#Page h2 { color: rgb(33,56,110); margin: 5px 0px 0px; font-size: 8pt; }

img.right { float: right; margin: 10px; }
img.left { float: left; margin: 10px; }

/***********	SECTIONS						*******************************/

div.alert { font-weight: normal; color: rgb(255,0,0); margin: 1px 0px; text-align: left; }

div.month { float: left; width: 220px; padding: 5px; margin: 10px; }
a.date, div.date { border: 1px solid rgb(0,0,0); display: block; float: left; padding:2px; margin: 2px 2px 2px 0px; width: 23px; text-align:center; text-decoration: none; }

a.date:hover { background-color: rgb(200,200,200); }

div.nodate { display: block; float: left; padding:2px; margin: 2px 2px 2px 0px; width: 23px; text-align:center; border: 1px solid rgb(255,255,255); text-decoration: none; }

a.weekend, div.weekend { background-color: rgb(230,230,230); text-decoration: none; }
a.selected { background-color: rgb(255,105,0); color: rgb(255,255,255); text-decoration: none; }
a.highlight { background-color: rgb(217,233,246); color: rgb(0,0,0); text-decoration: none; }
a.invalid { color: rgb(200,200,200); background-color: rgb(250,250,250);}


table.whiteGrey { background-color: rgb(230,230,230); }
table.whiteGrey td { background-color: white; }

td.legend { font-weight: bold; padding: 5px; }
td.field { padding: 5px; }

a.boat
{	display: block;
	margin-bottom: 10px; padding: 10px;
/*	border-bottom: 1px solid rgb(0,0,0);		*/
	text-decoration: none;
}
a.boat img { float: left; margin-right: 10px; border: none; }

a.thumbnail img { border: 1px solid rgb(0,0,0); margin: 5px; float: left; }