<style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
#scrollimg {
height:329px;
width:985px;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #222605;
	background: url(http://www.truebluesailing.com.au/true-blue-sailing/gfx/bgcolour.jpg) top repeat-x  ;
}

.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
.smallheaders {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AEAAA4;
	font-weight: bold;

}
a:link {
	color: #075084;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:visited {
	color: #075084;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:active {
	color: #075084;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:hover {
	 color: #000;
	 text-decoration:underline;
	 font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.bodytext, ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	line-height: 17px;

}
.bodytext a:link, a:visited {
	color:#0033CC;
	font-size:14px;
}
.bodytext a:hover {
	color:#0066CC;
	font-size:14px;
	text-decoration:underline;
}

.headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #909c14;
	letter-spacing: -1px;
	font-weight: normal;

}
.captiontext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a4b119;
}
.forms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #655e4e;
	font-weight: normal;
	line-height: normal;
	background-color: #b7af9c;

}
.forms2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5a5446;
}
.footer {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #60680e;
	font-weight: normal;
	background-color: #2787cd;
}


/* tab styles below here */

.header {
	background-color: #1D2202;
	margin-top: 10px;
}


.handcursor{

cursor:pointer;
}

.MapPanel
{
	border: solid 1px black;
	height: 500px;
	width: 650px;
	margin: 0;
	padding: 0;
}
.MapPopup
{
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.MapAddress
{
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.leftcol {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	font-weight: normal;
	line-height: 17px;
	text-align: justify;
	
}
.leftcol h2 

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;

	font-weight: bold;
	line-height: 17px;
	clear:both;
	margin: 8px 0 0 0;
	
	}
	
.leftcol a{float: right; clear: both; text-decoration:none; color:#2787cd;}
.leftcol a:hover {text-decoration:underline; color:#000;}
.leftcol p {margin-top:0px;}

.middlecol {

font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: 17px;
	text-align: justify;
	
	}

.middlecol a{color: #961d1d; text-decoration:none;}

.rightcol { 
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: 17px;
	text-align: justify;
	}
.rightcol a {text-decoration:none;}
.rightcol a:hover {text-decoration:underline;  }


.teaser img {float: left; margin: 0 20px 0 0;}
.teaser {clear: both; margin-bottom: 45px;}

img.rightfloat {float: right; margin-left: 10px; margin-right: 0px;}
img.nofloat {float: none; margin: 2px; text-align:center;}

.footer a, .footer a:visited {color: #fff;}
.footer {color: #075084;}

.teasertext h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	margin: 8px 0 0 0;
}

#infopage p {margin-top: 0px;}

#events a {float: none;}

#events a:hover {text-decoration:underline; color: #333333;}

.director {color: #666666; font-size:11px;}

a.nofloat {float: none;}

.photogallery a{float: none;}

.photogallery  table {clear: both;}

.photogallery  {text-align:left;}

img.bigpic { border: 4px solid #003366;}
img.smallpic {border: 2px solid #036;}

h1, h2, h4, h5 {color: #2687cc;}
.ourboats_back {
background: #78b4e0 url(gfx/bg_ourboats.jpg) top right no-repeat;
}
h3 {
	color: #075084;
	font-size: 16px;
}
.crew  {position:relative; width:400px;}

.clearfix {
clear: both; height: 1px; margin: 0;padding: 0px; line-height: 0px;
}

.crewbox {border: 1px solid #def;  margin: 10px 5px}
.crewbox.left .crewpic{ float: left; margin: 0 5px 0 0;}
.crewbox.right .crewpic { float: right; margin: 0 0 0 5px;}

.crewdesc { float: left; margin: 30px 0 0 5px;}
.crewdesc h3 { color: #006a98; font-size: 22px;}
#links_left p a {
text-align:left!important;
float:left;
}
.left a {
float:left!important;
text-align:left!important;
}
#winter {
	width:405px;
	background-color:#C5E8FE;
}

