/* Redefined HTML tags */

body {
	scrollbar-3dlight-color : #EEE;
	scrollbar-arrow-color : #999;
	scrollbar-base-color : #EEE;
	scrollbar-darkshadow-color : #EEE;
	scrollbar-face-color : #EEE;
	scrollbar-highlight-color : #CCC;
	scrollbar-shadow-color : #CCC;
	scrollbar-track-color : #CCC;
	
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
}
a {
	color: #5AB2CE;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
td, p {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}
ul {
	padding: 0;
	margin: 5px 0 0 0;
	border: 0;
	list-style: none url(../images/bullet.gif) inside;
}
html>body ul {
	list-style: none url(../images/bullet_mozilla.gif) inside;
}
*:first-child+html ul {
	list-style: none url(../images/bullet.gif) inside;
}
li {
	clear: left;
	margin: 0;
	padding: 0 0 4px 0;
	white-space: nowrap;
}
html>body li {
	line-height: 13px;
}
*:first-child+html li {
	line-height: normal;
}
h1 {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #0189B4;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
}
h2 {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-weight: bold;
	margin: 0 0 7px 0;
}
h3 {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #0189B4;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
}



/* Template styles */

.arrowTop {
	position: relative;
	bottom: 12px;
	right: 20px;
	float: right;
	vertical-align: bottom;
}	
.arrowBack {
	position: relative;
	bottom: 12px;
	right: 46px;
	float: right;
	vertical-align: bottom;
}


/* Table styles */

.tableLayoutContainer {
	width: 770px;
	border: none;
	background-colour: #FFF;
}
.tableLayoutContainer td.layoutRowLightStripe {
	height: 28px;
	background-color: #B3DCE8;
	border-bottom: 2px #FFF solid;
}
.tableLayoutContainer td.layoutRowDarkStripe {
	height: 17px;
	background-color: #0189B4;
	border-bottom: 2px #FFF solid;
}
.tableLayoutContainer td.layoutRowHeader {
	height: 80px;
	border-bottom: 2px #FFF solid;
}
.tableLayoutContainer td.layoutRowContent {
	vertical-align: top;
}
.tableHeader {
	width: 100%;
	height: 80px;
	border: none;
}
.tableHeader td.headerLogo {
	width: 238px;
	text-align: center;
	border-left: 1px #CCC solid;
}
.tableHeader td.headerImage {
	width: 240px;
	border-right: 2px #FFF solid;
}
.tableHeader td.headerHeading {
	text-align: center;
	background-color: #5AB2CE;
}
.tableLayout {
	width: 100%;
	border: none;
}
.tableLayout td.layoutColNav,
.tableLayout td.layoutColNavArrows {
	width: 238px;
	background-color: #5AB2CE;
	border-right: 2px #FFF solid;
	vertical-align: top;
}
.tableLayout td.layoutColNavArrows {
	vertical-align: bottom;
}
.tableLayout td.layoutColContentWhite {
	background-color: #FFF;
	border-right: 1px #CCC solid;
	vertical-align: top;
}
.tableLayout td.layoutColContentBlue {
	background-color: #0189B4;
	vertical-align: top;
}
.tableLayoutTopContent {
	width: 100%;
	height: 242px;
	background-color: #FFF;
	border: none;
	border-right: 1px #CCC solid;	
}
.tableLayoutTopContent td.topImage {
	width: 240px;
	height: 240px;
	border-right: 2px #FFF solid;
	border-bottom: 2px #FFF solid;
}
.tableLayoutTopContent td.topContent {
	padding: 15px;
}
.tableLayoutTopContent td.topContent ul {
	padding: 0 0 0 4px;
	margin: 2px 0 0 0;
	border: 0;
	list-style: none url(../images/bullet.gif) inside;
}
html>body .tableLayoutTopContent td.topContent ul {
	margin: 0;
	list-style: none url(../images/bullet_mozilla.gif) inside;
}
*:first-child+html .tableLayoutTopContent td.topContent ul {
	margin: 2px 0 0 0;
	list-style: none url(../images/bullet.gif) inside;
}
.tableLayoutTopContent td.topContent li {
	clear: left;
	margin: 0;
	padding: 0 0 2px 0;
	white-space: nowrap;
}
html>body .tableLayoutTopContent td.topContent li {
	line-height: 13px;
	padding: 0;
}
*:first-child+html .tableLayoutTopContent td.topContent li {
	padding: 0 0 4px 0;
	line-height: normal;
}
.tableLayoutTopContent tr,
.tableLayoutContent tr {
	vertical-align: top;
}
.tableLayoutContent {
	width: 100%;
}
.tableLayoutContent td.captionRegion {
	padding: 3px;
}
.tableLayoutContent td.contentWhite,
.tableLayoutContent td.contentBlue {
	padding: 15px;
}
.tableLayoutContent td.contentBlue p {
	color: #B3DCE8;
}
.tableLayout td.footerWhite,
.tableLayout td.footerWhite td,
.tableLayout td.footerWhite a,
.tableLayout td.footerBlue,
.tableLayout td.footerBlue td,
.tableLayout td.footerBlue a {
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.tableLayout td.footerWhite,
.tableLayout td.footerWhite td,
.tableLayout td.footerWhite a {
	color: #CCC;
}
.tableLayout td.footerWhite {
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
}
.tableLayout td.footerBlue {
	border: none;
}
.tableLayout td.footerWhite a:hover,
.tableLayout td.footerBlue a:hover {
	text-decoration: underline;
}
.tableLayout td.footerWhite td,
.tableLayout td.footerBlue td {
	height: 35px;
	padding: 15px 0 0 0;
}
html>body .tableLayout td.footerWhite td,
html>body .tableLayout td.footerBlue td {
	padding: 15px 0 10px 0;
}
*:first-child+html .tableLayout td.footerWhite td,
*:first-child+html .tableLayout td.footerBlue td {
	padding: 15px 0 0 0;
}
.tableLayout td.footerBlue,
.tableLayout td.footerBlue td,
.tableLayout td.footerBlue a {
	color: #5AB2CE;
	background-color: #0189B4;
}
.tableFooter {
	width: 93%;
	border: none;
}

.tableList {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	border: 0;
}
.tableList td {
	color: #0189B4;
	height: 15px;
	padding: 3px; /* Duplicated below for the Mac */
}
.tableList th {
	color: #FFF;
	font-weight: bold;
	background-color: #5AB2CE;
	text-align: left;
	white-space: nowrap;
	padding: 3px; /* Duplicated above for the Mac */
}
.tableList tr.row, .tableList tr.rowOver {
	vertical-align: top;
}
/*  Not required in CMS
.tableList tr.rowOver {
	cursor: pointer;
}
*/
.tableList tr.row td {
	background-color: #C0E4EE;
}
.tableList tr.rowOver td {
	background-color: #A9DAE8;
}
.tableList tr.rowOver, .tableList tr.rowOver a {
	text-decoration: none;
}
.tableList tr.rowOver a {
	color: #006DA8;
}
.tableList tr.rowOver a:hover {
	text-decoration: underline;
}


.tableForm, .tableDisplay {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border: 0;
}
.tableForm td, .tableDisplay td {
	color: #999;
	height: 20px;
	padding: 1px 0;
}
.tableForm th, .tableDisplay th, .tableForm label {
	font: 10px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5AB2CE;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 1px 10px 1px 0;
	white-space: nowrap;
}
.tableForm th, .tableDisplayLabelTop {
	vertical-align: top;
	border-top: 4px solid #FFF;
	display: block;
}
.tableForm label {
	padding: 1px 0;
}
.tableDisplay ul {
	margin: 0 0 0 20px;
	list-style: none url(../images/bullet_hyphen.gif) outside;
}
.tableDisplay li {
	margin: 4px 0 -4px 0;
	white-space: normal;
}
*:first-child+html .tableDisplay ul {
	list-style: none url(../images/bullet_hyphen.gif) outside;
}


/* Form styles */

.formText, .formFile, .formDate, .formDropDown, .formTextArea, .formLogin, .formPrice {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 2px;
	margin: 0;
	height: 14px;
	border: 1px solid #7F9DB9;
}
.formText {
	width: 350px;
}
.formFile {
	width: 350px;
	height: 14px;
}
.formDate {
	width: 254px;
}
html>body .formDate {
	width: 272px;
}
.formDropDown {
	width: 356px;
	margin: 1px 0;
}
html>body .formDropDown {
	height: auto;
	margin: 0;
}
*:first-child+html .formDropDown {
	width: 358px;
	margin: 1px 0;
}
.formTextArea {
	width: 350px;
	height: 150px;
}
.formCheckbox {
	margin: 0 0 0 -4px;
}
html>body .formCheckbox {
	margin: 4px 2px 0 0;
}
*:first-child+html .formCheckbox {
	margin: 0 0 0 -4px;
}
.formCheckboxONO {
	margin: -2px 12px 0 0;
}
html>body .formCheckboxONO {
	margin: 2px 12px 0 2px;
}
*:first-child+html .formCheckboxONO {
	margin: -2px 12px 0 0;
}
.formCheckboxPOA {
	margin: -2px 0 0 0;
}
html>body .formCheckboxPOA {
	margin: 2px -3px 0 2px;
}
*:first-child+html .formCheckboxPOA {
	margin: -2px 0 0 0;
}
.formLogin {
	width: 120px;
}
.formPrice {
	width: 214px;
	margin: 0 12px 0 0;
}
.formButton, .formButtonDate {
	padding: 1px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: bold;
	margin: 10px 0 0 0;
}
.formButtonDate {
	color:#000;
	font-weight: normal;
	margin: 0 0 0 0;
	height: 23px;
}


/* Borders */

.borderWhiteBottom {
	border-bottom: 2px #FFF solid;
}
.borderWhiteRight {
	border-right: 2px #FFF solid;
}
.borderGreyRight {
	border-right: 1px #CCC solid;
}
.borderGreyLeft {
	border-left: 1px #CCC solid;
}
.borderGreyBottom {
	border-bottom: 1px #CCC solid;
}
.borderGreyTopBottom {
	border-top: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
}
.borderLtGreyBottom {
	border-bottom: 1px #EEE solid;
}


/* Colours */

.whiteBold {
	color: #FFF;
	font-weight: bold;
}
.blueBold {
	color: #0189B4;
	font-weight: bold;
}
.blue {
	color: #0189B4;
}
.lightBlue {
	color: #5AB2CE;
}
.orange {
	color: #F60;
}



/* Other */

.headingImage {
	margin: 0 0 7px 0;
}
.captionLarge {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-decoration:none;
}
.captionMedium {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration:none;
}
.captionSmall {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #5AB2CE;
	text-decoration:none;
}
.smallBody, .galleryCaption {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration:none;
}
.galleryCaption {
	margin: -10px 0 0 0;
}
.dates {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration:none;
}
.alignBottom {
	vertical-align:bottom;
}
.boatMenu {
	margin: 10x 5px 10px 0;
}
.boatMenuButton {
	margin: 11x 0 9px 0;
}
.paddingLeft {
	padding: 0 0 0 2px;
}
.paddingTop {
	padding: 10px 0 0 0;
}
.paddingBottom {
	padding: 0 0 3px 0;
}
.listingGap {
	margin: 0 0 25px 0;
}
.noteGrey {
	font: 10px Arial, Helvetica, sans-serif;
	color: #CCC;
	text-decoration: none;
	margin: -15px 0 0 0;
}
.imageRight {
	float: right;
	margin: 0 0 15px 15px;
}
.imageLeft {
	float: left;
	margin: 0 15px 15px 0;
}
.thumbnail {
	margin: 4px 0 5px 0;
}
.thumbnailRight {
	margin: 0 0 0 15px;
}
.thumbnailBoatDetail {
	margin: 18px 0 0 0;
}
.thumbnailGallery {
	margin: 0 0 15px 0;
}
.regattaImage {
	margin: 15px 0 0 0;
}
.regattaNamePadding {
	margin: 0 0 15px 0;
}
.sponsorsCatPadding {
	margin: 0 0 5px 0;
}
.coursePadding {
	margin: -15px 0 15px 0;
}
.lightBlue {
	color: #5AB2CE;
}
.noMargin {
	margin: 0;
}

.mapLarge {
	margin: 20px 0 0 0;
}
/* one of these needs to be added for each item of map text */
#text1, #text2, #text3 {
	position: relative;
	top: 680px;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #999;
	overflow: hidden;
	width: 490px;
}
.newsflash {
	margin: 0 0 10px 0;
}