@charset "iso-8859-1";
* {
padding:0;
margin:0;
}
.clear
{
	clear: both;
	padding-bottom: 1px;
	margin-bottom: -1px;
	height: 1px;
}
.hide, #oldBrowserNotice, hr{ 
	display: none !important;

}
.off, #yesprint, .yesprint {
	position:absolute;
	left:-1000em;
	top:-1000em;
	}
	
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, h8
{
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0px;
	padding-left: 0px;
}



h1, h2, h3, h4, h5, h6, h8{color: #CC3300;font-weight: 100;font-family: Optima, Verdana, Trebuchet, Helvetica, sans-serif;}
h1, h2, h3, h4 {padding:0; margin: 0 0 32px 220px;font-family:Georgia, "Times New Roman", Times, serif;}
h1 {font-size: 220%; letter-spacing: 0.1em;}
h2 {font-size: 180%; margin: 40px 0pt 12px 225px;}
h8 {font-size: 180%;}
h3 {font-size: 155%; letter-spacing: 0.1em; text-transform: lowercase;margin: 0 0 2px 230px;}
h4 {
	margin: 0 0 2px 235px;
	color: #29789D;text-transform: lowercase;
	font: small-caps 115% Verdana, 'Trebuchet MS', sans-serif;
}
h4 b {font-weight:100;}
h5 {font-size: 100%;}
h6 {font-size: 70%;}
h7 {color: #FF9900;}

* html h1 {font-size:180%;}

.slim {
	margin: 0 0 0 0px;
}

h4 span {
	color:#8BA0AA;
	font-family:Verdana,'Trebuchet MS',sans-serif;
	font-size:90%;
	font-variant:normal;
	margin:0pt;
	padding:0pt 0pt 0pt 10px;
	text-transform:lowercase;
}
	
#contact #main-content h1, #bookings #main-content h1 {margin: 0 0 32px 200px;}
#gallery h1 {margin-left:0;}
#admin #main-content h1, {margin: 0;}
#admin h4 {margin: 0 0 5px 0;padding:0;color:#009900;}
#admin h3 {margin: 20px 0 2px 0;}
h2.blue {
background:transparent url(../images/icons/star_blue.gif) no-repeat scroll left center;
margin-left:200px;
padding-left:20px;
}
h2 strong {color: #CC3300; font-size:60%; letter-spacing:0em;}

#main-content ul, #main-content ol, #main-content table {margin:0 0 20px 235px; }
#main-content ul.mini {width:170px;}

#main-content div ul {margin: 0 50px 0 0;}
#main-content table td {
	padding:4px 0 14px 3px;
	margin:0;
}

#main-content table {border-left: 3px solid #6699CC;}
#main-content table.pay {border-left: none; padding-right:20px;}
#main-content table.pay td {padding-left:5px; padding-right:5px;}
.padtable td {padding:8px 0 8px 0;}
.padtable td td {padding:0;}
table.pay td {padding:4px;}
table.pay select, table.pay input {
	border:1px solid #993366;
	color:#791505;
	font-size:90%;
	font-weight:100;
	margin:0pt;
	padding:4px;
	width:265px;
	float:right;
}
table.pay .radio {width:12px; margin:0pt 2px 0pt 2px;}
table.pay .submit {
	width:275px;
	border-top: 2px solid #00CC00;
	border-right: 2px solid #006600;
	border-bottom: 2px solid #006600;
	border-left: 2px solid #00CC00;
	color: #006600;
}

#main-content ul li, #main-content ol li {
background:transparent url(../images/icons/spot_blue.gif) no-repeat scroll 12px top;
color:#8BA0AA;
margin-left:-15px;
padding-left:28px;
text-transform:lowercase;
}
#main-content ul li a, #main-content ol li a {
text-transform:none;
}

#main-content ol li {
	background:transparent url(../images/icons/arrow_right.gif) no-repeat scroll 12px top;
	list-style: none;
	
}
#main-content ul li h4 {
border-bottom:1px solid #003333;
color:#336A89;
margin:6px 0pt 3px -13px;
padding-bottom:3px;


}
#main-content ul li.nobkg {background:none;}
#main-content ul.mini li h4, #main-content ul.mini li h4 {width:140px;}
#main-content ul li a, #main-content ul li a:link, #main-content ul li a:visited {
	background:none;
	text-decoration: none;
	color:#8BA0AA;
	border:none;
}
#main-content ol li a, #main-content ol li a:link, #main-content ol li a:visited {
	background:none;
	text-decoration: none;
	border:none;
}
#main-content ul li a:hover, #main-content ul li a:active, #main-content ol li a:hover, #main-content ol li a:active {color:#CC6600;}
strong {
	letter-spacing: 0.1em;
	color: #29789D;text-transform: lowercase;
	font: small-caps 110% Verdana, 'Trebuchet MS', sans-serif;
	font-weight: 100;
	}
p {
	line-height:2em;
	margin:0 0 20px 0;
	padding:10px 0 0 240px;
}
p b {font-weight: 100;color:#333333;}

#bookings p, #contact p {padding:10px 0 0 220px;}

/* ie fix */
* html p {padding:8px 0 0 240px; line-height:1.7em;}

#main-content.full p, #gallery p {
	padding:1px 0 0 10px;
}
em {
	font-style:normal;
	color:#003333;
	font-size:105%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
}
select { min-width:1.5em; }
#contact-details ul , #contact-details li, #contact-details2 ul , #contact-details2 li{
font-size:105%;
	list-style: none;
	font-variant: small-caps;
}
#contact-details2 {margin-left:220px;}

#contact-details .email, #contact-details2 .email {
	font-variant:normal;
	font-weight:100;
	font-size:90%;
	white-space: nowrap;
} 
* html #contact-details .email, * html #contact-details2 .email {
	font-size:80%;
	white-space: wrap;
	letter-spacing:0;
	word-spacing:0;
} 
#contact-details .email a, #contact-details .email a:hover, #contact-details2 .email a, #contact-details2 .email a:hover {border:none;} 
#contact-details li span, #contact-details2 li span {font-size:80%;}
* html #contact-details li span, * html #contact-details2 li span {font-size:75%;}
.details {color:#316CAE;}

#contact-details ul b, #contact-details li b, #contact-details2 ul b, #contact-details2 li b, #contact-details .email b, #contact-details2 .email b 
{
font-size:125%;
font-weight:100;
font-variant:small-caps;
color:#666666;
}
#contact-details ul b, #contact-details li b, #contact-details2 ul b, #contact-details2 li b
{
font-size:95%;
}




 a:link, a:visited {
	color: #40659B;
	text-decoration: none;
	border-bottom: 1px dotted #bbb;
	}
 
a:focus, a:hover, a:active {
	color: #7AA2BB;
	border-bottom-style: none;
	}
a.more {
	padding-right: 7px;
	margin-right: 2px;
	background:   url("/images/menubar/boat-arrow.gif") no-repeat 100% 5px;
	}
	
#header a
{
	border-bottom: none;
}
 
* html body
{ 
	text-align: center;
}
body
{
	font-size: 100.1%;
	MARGIN: 0;
	padding:0;
	COLOR: #525151;
	text-align: center;
	z-index: 3;
	font: 70% Verdana, 'Trebuchet MS', sans-serif;
	background: #96c3a2 url(/images/menubar/bkg.jpg) repeat-x top;
}
* html body
{
	/* \*/
		font-size:75%;
}

#pageWrapper, #header, #footer, #outercolumncontainer, #main-content, #masthead
{
	width: 640px;
margin:0;padding:0;
margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
}
#pageWrapper {	
	margin-top:10px;
	padding:20px 20px 20px 20px;
	}
#main-content {text-align:left;}
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
			padding:20px 20px 0 20px;

}


#masthead {
	padding:0;
	border:0;
	height: 209px;
}
#masthead img {text-align:center;}

/* --------------- custom ----------------------------------- */

#sailing-school #masthead, #index #masthead {
	background: url(/images/toppics/sailing-school.jpg) no-repeat left bottom;}
#sailing-school #main-content {	
	background: url(/images/sidepics/sailing-school.jpg) no-repeat left top;
}
#sitemap #masthead {	
	background: url(/images/toppics/sitemap.jpg) no-repeat left bottom;}
#sitemap #main-content {	
	background: url(/images/sidepics/sitemap.jpg) no-repeat left top;
}
#dates-n-prices #masthead {	
	background: url(/images/toppics/dates-n-prices.jpg) no-repeat left bottom;}
#dates-n-prices #main-content {	
	background: url(/images/sidepics/dates-n-prices.jpg) no-repeat left top;
}
#gallery #masthead {	
	background: url(/images/toppics/gallery.jpg) no-repeat left bottom;}
#gallery #main-content {	
	background: url(/images/sidepics/gallery.jpg) no-repeat left top;
}
#courses #masthead {	
	background: url(/images/toppics/courses.jpg) no-repeat left bottom;}
#courses #main-content {	
	background: url(/images/sidepics/courses.jpg) no-repeat left top;
}
#contact #masthead, #java #masthead, #error #masthead {	
	background: url(/images/toppics/contact.jpg) no-repeat left bottom;}
#contact #main-content, #java #main-content, #error #main-content {	
	background: url(/images/sidepics/contact.jpg) no-repeat left top;
}

#courses h1 {
	background:transparent url(../images/sidepics/RYA-coastguard-centre.gif) no-repeat scroll 310px 17px;
	margin:-40px 0pt -40px 220px;
	padding:40px 220px 68px 0pt;
}

/* --------------- /custom ----------------------------------- */


#main-content
{
	overflow: visible;
	position: relative;
	min-height:500px;
	float:right;
	padding:40px 0 0 0;
}
#main-content.photos {
	margin:0px;
}

/*#main-content img {
	float:left;
	margin: 0px 40px 0px 0px;
	padding:0px;
}*/
#main-content img {
	margin: 0px 0px 0px 5px;
	}
.nolink, .nolink a, .nolink a:link, .nolink a:active, .nolink a:hover, .nolink a:visited  {
	border:none;
	}
#main-content img.nofloat {
	float:none; padding:0; margin:20px 0 0 26px;
}
	
#main-content.contact b, #main-content.bookings b {color:#FF0000;}

#contact-details img, #contact-details2 img {
float:none;
margin: 0 0 -3px 0; padding:3px 10px 0 0;
}

.floatright{float: right; margin: 0px; padding: 0px;}
.floatleft{float: left; margin: 0px; padding: 0px;}
.calendar {margin-left:15px;padding-left:10px;}



/* footer start */	
#footer {
	font:1em/1 Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 0 0 0;
margin-top:0;
	background:none;
	letter-spacing: 0.1em;
	width: 655px;
}
* html #footer {margin-top:-5px;padding-top: 0;font-size:90%}
#footer A:link, #footer A:visited {color:#FFFFFF;border-bottom-style: none;}
#footer a:focus, #footer a:hover {
	COLOR: #666666;
	border-bottom: none;
}

#footer ul {
	list-style:none;
	text-align: left;
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 0px;
}
#footer li {
	display:inline;
	padding-left: 0.6em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
	padding-right: 0.6em;
	font-size: 100%;
	font-variant:normal;
	white-space: nowrap;
}

#footer li.first {
        border-left: none;
        }
#footer p {
	margin:0;
	padding:0;
	float:right;
	text-align:right;
	color: #fff;
	background-position: center;
	line-height:1em;
	font-size:110%;
	font-variant: small-caps;
}
* html p {	font-size:100%;}

#footer p a, #footer p A:link, #footer p A:visited { 
COLOR: #fff;
}
#footer p a:focus, #footer p a:hover {
color: #194474;
}
#footer p img {
margin-top:2px;
}

/* footer end */	


.no-underline a {border:none;}
.formfield, .drop {width:140px;}
.drop_big {width:340px;}
.drop_small {width:40px; font-size:10px;}
* html .drop_big {width:343px;}

.nowt {margin:0; padding:0;}

.calendar {margin: 5px;padding:5px;}
.formsignin {width: 340px;}
* html .formfield, * html .drop {width:143px;}
* html textarea {width: 343px;}

.input_medium {width:240px;}
.input_wide {width:560px;}

.red {color:#FF0000;}
.green {color:#009900;}

 /* fix for ie 7 flash */
 #flashcontent {
 height: 510px;
 }
#photo-sizer{
	height:500px;
	width: 100%;
}
* html #photo-sizer{
	height:none;
	width:none;
}
.floatright {float:right; padding: 0; margin:0;}

.quote, .quote_bottom, .drop_order {
	padding:0;
	margin:0;
	background: url(../images/icons/left-quote.gif) no-repeat -8px top;
	font-family: Optima, Verdana, Trebuchet, Helvetica, sans-serif;
	color: #003366;
	font-size:1.1em;
}
.drop_order {
background:none;
	font-size:1em;
	font-weight:100;

}
.quote_bottom {
	background: url(../images/icons/right-quote.gif) no-repeat right bottom;
	padding-bottom:30px;
}
#main-content .quote h3 b {
	font-size: 1.1em;
	color: #FF9900;
	font-weight:100;
	text-transform: none;
	margin:-10px 0 0 0;
	padding:0;
	font-family: Optima, Verdana, Trebuchet, Helvetica, sans-serif;

}
.calendar_order {
	margin:  0 4px 0 0;
}
.nowt {margin:0; padding:0;}

.admin_button {
	padding: 5px 10px;
	width: 300px;
	margin-top: 10px;
}

.admin_row {
	padding-top:10px;
	border-top: 1px dashed #999999;
}

img.thai-stick {background: url(../images/icons/th.gif) no-repeat; position:relative; top:6px; left:0;}
img.eng-stick {background: url(../images/icons/gb.gif) no-repeat; position:relative; top:6px; left:0;}

#language {position:relative; top:-10px; right:-243px;}
#language a {border:0;}
/*

img.thai-stick {background: url(../images/icons/th.gif) no-repeat; position:relative; left:-20px;top:-20px;}
img.eng-stick {background: url(../images/icons/eng.gif) no-repeat; position:relative; left:-20px;top:-20px;}

*/.floatleft {padding: 0; float: left; margin:0; z-index: 88;}
.pad {padding: 3px;}

#main-content ul.sitemap li {
	padding:0px;
	margin:20px 0 0px 0;
	line-height:16px;
	list-style: none;
	background:none;
}
#main-content ul.sitemap li a, #main-content ul.sitemap li a:link, #main-content ul.sitemap li a:visited, #main-content ul.sitemap a, #main-content ul.sitemap a:link, #main-content ul.sitemap a:visited {
	font-size:105%;
	font-weight:800;
	background: url(/images/icons/sitemap.gif) no-repeat left center;
	padding: 0 15px 0 25px;
	border: none;
	color:#494035;
}
.sitemap li a:hover {
	color: #7AA2BB;
}


.side-logo {background: url(../images/menubar/side-logo.png) no-repeat; position:relative; right:-480px;margin:-420px 0 0 0;}
* html .side-logo {background: url(../images/menubar/side-logo.gif) no-repeat; position:relative; right:-480px;margin:-420px 0 0 0;}
.specials {
	font: bold 110% "Helvetica Neue", Helvetica, arial, sans-serif;
	color: #FF6600;
	margin: 15px 5px 0px 220px;
	padding: 8px;
	border: 2px dashed #E9B590;
}

.specials-logo {background: url(../images/menubar/small-logo.gif) no-repeat; position:relative; right:-25px;}

.orange {
	color: #FF9900;
}
ul {
	list-style: none;
}

.sticker {
	background:transparent url(http://www.baysailnz.co.nz/images/sidepics/sticker.png) no-repeat scroll 3px 0px;
	_background:transparent url(http://www.baysailnz.co.nz/images/sidepics/sticker.gif) no-repeat scroll 3px 0px;
	height:116px;
	padding:48px 0px 0pt 0pt;
	position:absolute;
	right:7%;
	top:-6%;
	width:162px;
}

a:link.sticker, a:visited.sticker, a:hover.sticker, a:active.sticker {border:none;}