/* GLOBAL ELEMENTS ------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
	font:12pt/14pt Arial, Helvetica, sans-serif;
}



/* Main div for content on page */
#holder {
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px auto 20px;
	padding: 0px;
	width: 785px;
}

/* link to content - Section 508 */
p.skip {
	margin: 0 auto;
	padding: 0;
	width: 1020px;
	height: 10px;
	text-indent: -10000px;
	}
	
p.skip a { display: none; }

	
#topinfo {
	padding: 0px;
	text-align: left;
	background-color: #252877;
	border: 1px solid #252877;
	margin: 0px;
	}
	

.logo {
	padding: 0px;
	margin: 14px 71px 12px 14px;
	float: left;
}


#homelink a:link, #homelink a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 90%;


}
#homelink a:hover, #homelink a:active {
	text-decoration: underline;


}

#homelink {
display: none;

}
/* Global navigation area. */
#globalnav {
	display: none;

}
#globalnav ul {
	padding: 0;
	margin: 0px;
}

#globalnav li {
	padding: 0;
	margin: 0px;
	display: inline;
	list-style-type: none;
}
#globalnav a:link, #globalnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding: 40px 4px 6px 6px;
	font-weight: bold;
	float: left;
	margin: 0px 2px 0px 0px;
	width: 120px;
	display: block;
	line-height: 90%;
	font-size: 90%;
	border: 1px solid #FFFFFF;
	background-color: #333333;
}
#globalnav a:hover, #globalnav a:active {
	color: #FFFFFF;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	width: 116px;
	padding-top: 36px;
}
#globalnav a#about:link, #globalnav a#about:visited {
	background-color: #817FB1;
}
#globalnav a#courses:link, #globalnav a#courses:visited {
	background-color: #0074C1;
}

#globalnav a#equipment:link, #globalnav a#equipment:visited {
	background-color: #39265D;
}
#globalnav a#contact:link, #globalnav a#contact:visited {
	background-color: #DD0060;
}

#globalnav a#about.selection, #globalnav a#courses.selection, #globalnav a#equipment.selection, #globalnav a#contact.selection {
	color: #FFFFFF;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	width: 116px;
	padding-top: 36px;
}



/* Wrapper for content between nav and footer. */
#contentwrapper {

	clear: both;
	padding: 0px;
	margin: 0px;
}

#content {
	position: relative;
	padding: 15px;
	margin: 15px 0px 0px;
	border: 1px solid #252877;
}

#watersports-courses #content {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.whitebox {
	background-color: #FFFFFF;
	padding: 12px;
	margin-top: 16px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;

}

.spacerbox {
	background-color: #FFFFFF;
	padding: 0px;
	margin-top: 16px;
	margin-bottom: 0px;

}

.courses-top {
	background-image: url(../images/coursetopbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
}


/* WinIE5 hack */
/* hide from MacIE \*/
* html #content {
	height: 1%;
	}
/* end hide */

/* Left column for sub nav  */


#main {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#main p {
	margin: 0px 0px 11px;
	padding: 0px;
	text-align: left;
}

/* top columns */
#topleftcol {
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	width: 489px;
}
#course-topleftcol {
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	width: 488px;
}
.course-infoleftcol {
	margin: 0px 0px 14px;
	padding: 0px;
	text-align: left;
	float: left;
	width: 371px;
}
#toprightcol {
	margin: 0px 0px 0px 503px;
	padding: 10px;
	text-align: left;
	background-color: #FFFFFF;
}
#course-toprightcol {
	margin: 0px 0px 0px 502px;
	padding: 0px 2px 0px 8px;
	text-align: left;
	background-color: #FFFFFF;
}
.course-inforightcol {
	margin: 0px 0px 14px 17px;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	float: left;
	width: 337px;
}
.course-inforightcol ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 265px;
}
.course-inforightcol ul li {
	float: left;
	width: 130px;  /* accommodate the widest item */
	margin-right: 2px;
	font-size: 85%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#about-topleftcol {
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	width: 488px;
}
#about-toprightcol {
	margin: 0px 0px 0px 506px;
	padding: 10px;
	text-align: left;
	background-color: #FFFFFF;
}

.indicator {
	height: 30px;
	width: 45px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.infostuff-left {
	font-size: 90%;
	font-weight: normal;
	width: 269px;
	float: left;
	margin-bottom: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;

}
#main .infostuff-left p {
	margin: 0px;
	padding: 0px;


}
#main .alertbox {
	border: 1px solid #CC0000;
}

#toprightcol ul {
	margin: 11px 0 0;
	padding: 0;
	font-size: 93%;
	list-style-type: none;
}
#toprightcol ul li {
	margin: 0px 0 0;
	padding: 0;
}

#toprightcol.alertbox ul li a:link, #toprightcol.alertbox ul li a:visited {
	color: #E1351F;
	display: block;
	padding: 3px 1px 1px 27px;
	text-decoration: none;
	height: 1%;
	margin-bottom: 11px;
	font-weight: bold;
	background-image: url(../images/ic-powerboat.gif);
	background-repeat: no-repeat;
	background-position: left -48px;

}
#toprightcol.alertbox ul li a:hover, #toprightcol.alertbox ul li a:active {
	text-decoration: underline;
}

/*Subnav */	

#toprightcol.subnav ul li a:link, #toprightcol.subnav ul li a:visited {
	color: #999999;
	display: block;
	padding: 2px 1px 2px 27px;
	text-decoration: none;
	height: 1%;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left 3px;
	margin: 0px;

}
#toprightcol.subnav ul li a:hover, #toprightcol.subnav ul li a:active, #toprightcol.subnav ul li a#dinghy.subnavselect, #toprightcol.subnav ul li a#powerboat.subnavselect, #toprightcol.subnav ul li a#instructor.subnavselect, #toprightcol.subnav ul li a#junior.subnavselect, #toprightcol.subnav ul li a#shorebased.subnavselect, #toprightcol.subnav ul li a#kayak.subnavselect, #toprightcol.subnav ul li a#windsurf.subnavselect, #toprightcol.subnav ul li a#cruising.subnavselect {
	color: #000000;
	background-position: left -46px;
	background-repeat: no-repeat;
}

#about #toprightcol a:link,#about #toprightcol a:visited { background-image: url(../images/ic-dinghy.gif);}
#about #toprightcol a:hover,#about #toprightcol a:active,#about #toprightcol a.subnavselect { 	color: #000000;
	background-position: left -46px;
	background-repeat: no-repeat;
	}
#about #toprightcol.subnav {
	border: 1px solid #817FB1;
	height: 200px;
}


#toprightcol a#dinghy:link, #toprightcol a#dinghy:visited { background-image: url(../images/ic-dinghy.gif);}
#toprightcol a#powerboat:link, #toprightcol a#powerboat:visited { background-image: url(../images/ic-powerboat.gif);}
#toprightcol a#instructor:link, #toprightcol a#instructor:visited { background-image: url(../images/ic-instructor.gif);}
#toprightcol a#junior:link, #toprightcol a#junior:visited { background-image: url(../images/ic-junior.gif);}
#toprightcol a#shorebased:link, #toprightcol a#shorebased:visited { background-image: url(../images/ic-shorebased.gif);}
#toprightcol a#kayak:link, #toprightcol a#kayak:visited { background-image: url(../images/ic-kayak.gif);}
#toprightcol a#windsurf:link, #toprightcol a#windsurf:visited { background-image: url(../images/ic-windsurf.gif);}
#toprightcol a#cruising:link, #toprightcol a#cruising:visited { background-image: url(../images/ic-cruising.gif);}

#toprightcol a:link, #toprightcol a:visited { background-image: url(../images/ic-dinghy.gif);}

#toprightcol a.red:link, #toprightcol a.red:visited { background-image: none;}

#toprightcol ul li a:hover, #toprightcol ul li a:active{
	text-decoration: underline;
}



#main .alertbox h3 {
	color: #E1351F;
	font-size: 115%;
	margin: 0px;
	padding: 0px;
}


#main .whitebox .alertbox p {
	font-size: 90%;
	margin: 8px 0px 10px;
	padding: 0px;
	line-height: 110%;
}

#toprightcol.subnav h3 {
	color: #252877;
	font-size: 115%;
	margin: 0px;
	padding: 0px;
}


/* courses thumb list */
	
#courseslist ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#courseslist ul li
{
	float: left;
	width: 230px;  /* accommodate the widest item */
	margin-right: 20px;
}

#courseslist ul li a
{
	display: block;
	width: 230px;
	text-decoration: none;
	margin-top: 11px;
}

#courseslist ul li a h4
{
	font-size: 100%;
	color: #FFFFFF;
	padding-left: 8px;
	padding-top: 9px;
	padding-right: 3px;
	padding-bottom: 9px;
	font-weight: bold;
	margin: 0px;

}

#main table {
	border-collapse : collapse;
	border-top-style: none;
	border-left-style: none;
	width: 728px;
}
#main th {
	padding: 7px 7px 7px 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-top-style: none;
	text-align: left;
	color: #252877;
}
#main td {
	padding: 7px 7px 7px 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}

#about #main table.extra {
	border-collapse : collapse;
	border-top-style: none;
	border-left-style: none;
	width: 752px;
}
#about #main table.extra th {
	padding: 7px;
	border-right-style: none;
	border-bottom-style: solid;
	border-top-style: none;
	text-align: left;
	color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-color: #FFFFFF;
}
#about #main table.extra td {
	padding: 7px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: solid;
	vertical-align: top;
	color: #FFFFFF;
	border-top-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
}
#about #main th.right {
	text-align: right;

}


#about #main p.linktext {
	width: 320px;
	background-color: #CCCCCC;
	float: left;
	}
#about #main a.links {
	background-color: #CCCCCC;
	float: left;
	width: 150px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 11px;
	}

#main blockquote {
	margin: 0px;
	padding: 0px;


}
#main blockquote p.quote {
	margin: 0px 0px 2px;
	padding: 0px;
	font-weight: normal;
	font-style: italic;


}
#main blockquote p.author {
	margin: 0px 0px 13px;
	padding: 0px;
	font-weight: normal;
	font-size: 90%;


}


.dinghy { background-color: #252877; }
.powerboat { background-color: #201F1D; }
.powerboatred { background-color: #EF2C1F; }
.instructor { background-color: #7D9723; }
.junior { background-color: #0083C9; }
.kayak { background-color: #006468; }
.shorebased { background-color: #CC831F; }
.windsurf { background-color: #FB681C; }
.cruise { background-color: #85B7B7; }



/* Footer for page. */
#footer {
	padding: 13px 0px 13px 20px;
	color: #FFFFFF;
	font-size: 100%;
	text-align: left;
	margin: 15px 0px 0px;
	background-color: #7B7A8C;
	background-image: url(../images/rya.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#footer p {
	padding: 5px 0px 0px;
	margin: 0;
	color: #FFFFFF;
	font-size: 90%;
	
}
#footer a {
	color: #FFFFFF;
	text-decoration: underline;

	
}

#footer .spacer {
	margin-right: 11px;
	margin-left: 11px;


	
}

.clear {
	clear: both;
	}
	
.clearspacer {
	clear: both;
	height: 12px;
	}
	
p.clearlistings {
	clear: both;
	height: 11px;
	}


.clearfix:after {
  content: ".";
  clear: both; /* Makes the generated content appear after the floats. */
  height: 0; /* Sets its height to zero so it doesn't show. */
  visibility: hidden; /* Sets its visibility to hidden so it doesn't show. */
  display: block;
}
 
.clearfix {
	display: inline-block; /* MacIE fix */
	}


/* Hides from MacIE \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from MacIE */
#clear{
	clear: both;
}

/* LINKS -------------------------------------------------------------------------------------- */
#main p a {
	color: #0074C1;
	text-decoration: underline;
}
#main p a:visited, #main p a:hover, #main p a:active {
	color: #252877;
	text-decoration: underline;
}

a.topbulletlink {
	color: #0074C1;
	text-decoration: none;
	background-image: url(../images/topicon.jpg);
	background-repeat: no-repeat;
	display: block;
	padding-left: 27px;
	background-position: left center;
	margin-top: 13px;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 180px;
}
a.topbulletlink:visited, a.topbulletlink:hover, a.topbulletlink:active{
	text-decoration: underline;
}

/* HEADINGS ------------------------------------------------------------------------- */


	
/*#main h1 {
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #C2261C;
	}*/
#main h2.aboutheader {
	font-size: 150%;
	color: #0760A4;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 110%;
	padding: 0px;
	margin: 0px;
	}
	
#watersports-courses #main h1 {
	font-size: 150%;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 110%;
	padding: 0px;
	margin: 0px 0px 12px;
	}	
	
#main h3 {
	font-size: 110%;
	color: #252877;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 110%;
	padding: 0px;
	margin: 0px 0px 8px;
	}
#main h4 {
	font-size: 100%;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 110%;
	padding: 0px;
	margin: 0px 0px 3px;
	}
	
#main  p.intro {
	font-size: 100%;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 120%;
	padding: 0px;
	margin: 9px 0px 11px;
	}	
	
#main .whitebox p.age {
	font-size: 100%;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 100%;
	padding: 0px;
	margin: -2px 0px 5px;
	}
#main .whitebox p.small {
	font-size: 85%;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 140%;
	padding: 0px;
	margin: 2px 0px 0px;
	}