/*
*                  _         _                   _ _         _ 
*      /\  /\_   _| |_ ____ / \   /\/\   ___  __| (_) __ _  / \
*     / /_/ / | | | __|_  //  /  /    \ / _ \/ _` | |/ _` |/  /
*    / __  /| |_| | |_ / //\_/  / /\/\ \  __/ (_| | | (_| /\_/ 
*    \/ /_/  \__,_|\__/___\/    \/    \/\___|\__,_|_|\__,_\/   
*
*	CooperBoating.com
*	CSS Stylesheet
*	Developed By Hutz! Media! <http://www.hutzmedia.com>
*
*	January 08, 2010
*
*/


html {
}

html, body {
	padding: 0px;
	margin: 0px;
	background-color: #074771;
}

/* Body */
div.body {
	padding: 0px;
	margin: 0px;
	background-color: #074771;
	background-image: url('../images/body.background.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	
	font-family: "Arial","Verdana","Sans-serif";
	color: #000000;
	font-size: 14px;
}

img {
	border-style: none;
}

p, form {
	margin: 0px; padding: 0px;
}

/* Page */

div.page {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

div.leftAbs, div.rightAbs {
	position: absolute;
	width: 100px; height: 1620px;
	top: 0px;
	background-repeat: no-repeat;
}

div.leftAbs {
	background-image: url('../images/leftAbs.bg.jpg');
	left: -100px;
}

div.rightAbs {
	background-image: url('../images/rightAbs.bg.jpg');
	right: -100px;
}

/* Header */
div.pageHeader {
	position: relative;
	height: 129px;
}

div.pageHeader img.title {
	position: absolute;
	width: 237px; height: 100px;
	left: 16px; top: 28px;
}

/* Header: Login */
div.pageHeader div.login, div.pageHeader div.password {
	position: absolute;
	font-size: 13px;
	top: 28px;
	color: #FFFFFF;
}

div.pageHeader div.login {
	left: 601px;
}

div.pageHeader div.password {
	left: 782px;
}

div.pageHeader div.member {
	position: absolute;
	font-size: 13px;
	left: 782px; top: 28px;
	color: #FFFFFF;
}

div.pageHeader div.member a {
	text-decoration: none;
	color: #EDA3A8;
}

div.pageHeader div.register {
	text-align: right;
	width: 200px;
	position: absolute;
	font-size: 13px;
	left: 796px; top: 52px;
	color: #FFFFFF;
}

div.pageHeader div.register a {
	color: #FFFFFF;
}


div.pageHeader input.login, div.pageHeader input.password{
	position: absolute;
	border-style: none;
	background-color: #9BB5D9;
	top: 28px;
	width: 96px;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
}

div.pageHeader input.login {
	left: 671px;
}

div.pageHeader input.password {
	left: 845px;
}

div.pageHeader input.image {
	position: absolute;
	left: 952px; top: 28px;
	width: 48px; height: 17px;
}

/* Header: Menu */
div.pageHeader img.menu {
	position: absolute;
	left: 292px; top: 76px;
	width: 708px; height: 46px;
	z-index: 1;
}

div.pageHeader img.selected {
	z-index: 2;
	visibility: hidden;
}

div.pageHeader div.dropdown {
	position: absolute;
	left: 475px; top: 77px;
	z-index: 100;
	display: none;
}

div.pageHeader div.dropdown a {
	position: absolute;
	z-index: 100;
	font-family: "Calibri", "Verdana", "Arial", "Genova";
}

div.pageHeader div.dropdown a.hidden {
	display: block;
	width: 86px; height: 34px;
}

div.pageHeader div.dropdown a.normal {
	display: block;
	width: 104px;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: #D55760;
	border: #A8242C solid 1px;
	line-height: 34px;
	height: 34px;
}
div.pageHeader div.dropdown a.normal:hover {
	background-color: #A5434B;
}

/* Content */
div#content {
	position: relative;
	background-color: #FFFFFF;
	z-index: 2;
	border: #FFFFFF solid 1px;
}

div.home div#content {
	height: 1605px;
}

div.cmsAdmin div#content {
	padding: 32px;
	background-color: #C3E5F5;
	border: #000000 solid 2px;
}

div#content, div.blogSection {
	background-color: #FFFFFF;
}

div#content div.slideshow {
	position: absolute;
	left: 15px; top: 14px;
	width: 971px; height: 322px;
}

div#content div.slideshow img {
	position: absolute;
	left: 0px; top: 0px;
	display: none;
}

div#content div.headerImage {
	position: relative;
	padding: 14px 0px 16px 15px;
	width: 972px; height: 215px
}

/* Content: Column */
div#content div.column {
	position: absolute;
	left: 0px; top: 350px;
	width: 670px; height: 1145px;
}

/* Content: Column: Left Column */
div#content div.left {
	
}

div.blogSection div.title, div.newsSection div.title, div.videoSection div.title, div.photoSection div.title {
	font-family: "Calibri", "Arial", "Verdana";
	font-size: 21px;
	color: #266AB4;
	padding: 12px 0px 10px 20px;
	font-weight: bold;
}

div.story div.title {
	font-family: "Arial", "Verdana";
	font-size: 16px;
	padding: 0px 0px 6px 0px;
}

div.story div.title a {
	color: #266AB4;
	text-decoration: none;
}

div.story {
	font-size: 14px;
	color: #646464;
	padding-left: 20px;
	margin-bottom: 10px;
}

div.story a.more {
	font-size: 12px;
	text-decoration: none;
	color: #266AB4;
}


/* 		News */
div#content div.left div.news {
	position: absolute;
	left: 0px; top: 0px;
	width: 635px; height: 423px;
}


/*		Blog */
div#content div.left div.blog {
	position: absolute;
	left: 0px; top: 424px;
	width: 445px; height: 455px;
}

div.blogSide {
	position: absolute;
	left: 471px; top: 451px;
}

div.blogSide img {
	width: 163px; height: 313px;
}

/*		Video of the week */
div#content div.left div.video {
	position: absolute;
	left: 0px; top: 884px;
	width: 330px; height: 261px;
}

div#content div.left div.video div.title {
	padding: 0px 0px 0px 20px;
}

div#content div.left div.video a.view {
	position: absolute;
	display: block;
	right: 0px; top: 8px;
	font-size: 12px;
	color: #266ab4;
	text-decoration: none;
}

div#content div.left div.video div.youtube {
	position: absolute;
	left: 20px; top: 29px;
	width: 306px; height: 214px;
}

/*		Photo of the week */
div#content div.left div.photo {
	position: absolute;
	left: 334px; top: 884px;
	width: 321px; height: 261px;
}

div#content div.left div.picture {
	position: absolute;
	left: 20px; top: 29px;
	width: 300px; height: 214px;
}

div#content div.left div.photo div.title {
	padding: 0px 0px 0px 20px;
}

div#content div.left div.photo a.view {
	position: absolute;
	display: block;
	right: 0px; top: 8px;
	font-size: 12px;
	color: #266ab4;
	text-decoration: none;
}

div#content div.left div.photo img {
	max-width: 300px; max-height: 214px;
}


/* Content: Column: Right Column */
div#content div.right {
	left: 670px;
	width: 316px;
}

div#content div.right div.search {
	position: absolute;
	left: 0px; top: 0px;
	width: 315px; height: 173px;
	background-color: #E1E1E1;
	background-image: url('../images/search.bg.png');
	z-index: 2;
}

div#content div.right div.courses {
	top: 181px;
}

div#content div.right div.search div.title {
	padding: 12px 0px 8px 15px;
	font-family: "Calibri", "Arial", "Verdana";
	font-size: 21px;
	color: #266AB4;
	font-weight: bold;
}

div#content div.right div.search div {
	margin: 0px; padding: 0px;
	font-size: 12px;
	color: #4F4F4F;
}

div#content div.right div.search div.col {
	position: relative;
	display: block;
	padding: 0px 0px 16px 19px;
	font-weight: bold;
}

div#content div.right div.search div.col div.right {
	position: absolute;
	left: 116px; top: -4px;
	width: 200px;
}

div#content div.right div.search div.col div.right select {
	font-size: 10px;
	color: #000000;
	width: 172px;
	height: 23px;
	padding: 3px;
	border-style: none;
	background-image: url('../images/search.select.bg.png');
	background-position: left center;
	background-repeat: no-repeat;
}

div#content div.right div.search div.col div.right input {
	font-size: 10px;
	color: #000000;
	width: 138px;
	height: 13px;
	padding: 4px 4px 4px 6px;
	background-color: transparent;
	border-style: none;
	background-image: url('../images/search.input.bg.png');
	background-position: left top;
	background-repeat: no-repeat;
}

div#content div.right div.search div.col div.right img {
	position: absolute;
	left: 154px; top: 0px;
	width: 19px; height: 23px;
}

div#content div.right div.search input.submit {
	position: absolute;
	left: 18px; top: 138px;
	width: 167px; height: 23px;
}

/*		Calendar */
div.calendar {
	position: absolute;
	left: 0px; top: 0px;
	width: 168px;
	
	background-color: #E9A7AC;
	border: #A7222A solid 1px;
	font-weight: normal;
	
	display: none;
	cursor: default;
	z-index: 2;
}

div.calendar div.header {
	position: relative;
	padding: 2px 0px 3px 0px;
	background-color: #D45961;
	color: #FFFFFF;
	text-align: center;
}

div.calendar div.header div.title {
	font-size: 12px;
	padding: 0px; margin: 0px;
	color: #FFFFFF;
}


div.calendar a {
	display: block;
	width: 100%; height: 100%;
	text-align: center;
	text-decoration: none;
	color: #4F4F4F;
}

div.calendar a:hover {
	background-color: #CEB2B4;
	font-weight: bold;
	color: #000000;

}

div.calendar a b {
	display: block;
	color: #3E4458;
	border: #D9676F solid 1px;
	background-color: #E1878D;
}

div.calendar a b:hover {
	background-color: #D9676F;
}

div.calendar img {
	position: absolute;
	top: 0px;
	width: 19px; height: 19px;
}

div.calendar img.left {
	left: 0px;
}

div.calendar img.right {
	left: 150px;
}

div#content div.right div.search div.col div.right div.enhancedSelect {
	position: absolute;
	z-index: 5;
	left: 0px; top: 0px;
	font-size: 10px;
	color: #000000;
	width: 172px;
	height: 23px;
	padding: 3px;
	margin-top: -3px;
	border-style: none;
	background-image: url('../images/search.select.bg.png');
	background-position: left center;
	background-repeat: no-repeat;
	cursor: default;
}

div#content div.right div.search div.col div.right div.enhancedSelect div.focus {
	padding: 4px;
	font-weight: normal;
}

div#content div.right div.search div.col div.right div.enhancedSelect img {
	position: absolute;
	top: 6px; left: 152px;
	width: 17px; height: 17px;
}

div#content div.right div.search div.col div.right div.enhancedSelect div.enhancedDropdown {
	position: absolute;
	top: 28px;
	z-index: 2;
	background-color: #FFFFFF;
	width: 168px;
}

div#content div.right div.search div.col div.right div.enhancedSelect div.enhancedDropdown div.item {
	border: #444444 solid 1px;
}

div#content div.right div.search div.col div.right div.enhancedSelect div.enhancedDropdown div.item:hover, div#content div.right div.search div.col div.right div.enhancedSelect div.enhancedDropdown div.selected {
	background-color: #EEEEEE;
}


div#content div.right div.search div.col div.right div.enhancedSelect div.enhancedDropdown div.item div.title {
	font-size: 12px;
	padding: 4px;
	border-style: none none solid none;
	border-bottom: #000000 solid 2px;
	color: #000000;
	
}

div#content div.right div.search div.col div.right div.enhancedSelect div.enhancedDropdown div.item:hover div.title, div#content div.right div.search div.col div.right div.enhancedSelect div.enhancedDropdown div.selected div.title {
	background-color: #CCCCCC;
	color: #FFFFFF;
}

div#content div.right div.search div.col div.right div.enhancedSelect a {
	letter-spacing: 0px;
	font-size: 11px;
	display: block;
	padding-left: 16px;
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	cursor: default;
}


div#content div.right div.search div.col div.right div.enhancedSelect a.any {
	background-image: url('../images/enhancedSelect.any.png');
	color: #B23600;
}

div#content div.right div.search div.col div.right div.enhancedSelect a.basic {
	background-image: url('../images/enhancedSelect.basic.png');
	color: #00883D;
}

div#content div.right div.search div.col div.right div.enhancedSelect a.intermediate {
	background-image: url('../images/enhancedSelect.intermediate.png');
	color: #0000FF;
}

div#content div.right div.search div.col div.right div.enhancedSelect a.advanced {
	background-image: url('../images/enhancedSelect.advanced.png');
	color: #000000;
}

div#content div.right div.search div.col div.right div.enhancedSelect div.enhancedDropdown div.item p {
	padding: 4px;
	text-align: justify;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 4px;
}

/* Content: Column: Right: Weather */
div#content div.right div.weather {
	position: absolute;
	left: 0px; top: 362px;
	z-index: 1;
}

div#content div.right div.weather div.city {
	position: relative;
	width: 316px; height: 55px;
	background-color: #5887B4;
	background-image: url('../images/weather.bg.png');
	cursor: default;
	margin-bottom: 5px;
}

div#content div.right div.weather div.city img.icon {
	position: absolute;
	left: 245px; top: -4px;
	width: 61px; height: 61px;
}

div#content div.right div.weather div.city div.title {
	position: absolute;
	left: 20px; top: 5px;
	font-family: "Calibri", "Arial", "Verdana";
	font-size: 16px;
	color: #EBF7FD;
}

div#content div.right div.divider {
	position: absolute;
	left: 19px; top: 27px;
	width: 190px; height: 1px;
	border-top: #6389B3 solid 1px;
	border-bottom: #567FAC solid 1px;
	background-color: #658BB5;
}

div#content div.right div.weather div.city div.details {
	position: absolute;
	left: 20px; top: 34px;
	font-family: "Arial", "Verdana";
	font-size: 12px;
	color: #EBF7FD;
}

/* Content: Column: Right: Sign Up/Brochure/Upcoming Events */
div#content div.right div.signup, div#content div.right div.brochure, div#content div.right div.events {
	position: absolute;
	left: 0px; top: 543px;
	width: 316px; height: 145px;
	background-color: #5887B4;
	background-image: url('../images/signup.bg.png');
}

div#content div.right div.signup div.title, div#content div.right div.brochure div.title, div#content div.right div.events div.title {
	position: absolute;
	left: 17px; top: 11px;
	font-family: "Calibri", "Arial", "Verdana";
	font-size: 21px;
	color: #EBF7FD;
}

div#content div.right div.signup div.divider, div#content div.right div.brochure div.divider, div#content div.right div.events div.divider {
	left: 18px; top: 36px;
	width: 296px;
}

div#content div.right div.signup div.details, div#content div.right div.brochure div.details, div#content div.right div.events div.details {
	position: absolute;
	left: 17px; top: 44px;
	width: 278px;
	font-family: "Arial", "Verdana";
	font-size: 14px;
	color: #EBF7FD;
}

div#content div.right div.signup input.input {
	position: absolute;
	left: 17px; top: 110px;
	width: 183px;
	border-style: none;
	background-color: #C4D7E6;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
}

div#content div.right div.signup input.image {
	position: absolute;
	left: 216px; top: 108px;
	width: 82px; height: 23px;
}

div#content div.right div.brochure {
	top: 694px;
}

div#content div.right div.brochure img.image {
	position: absolute;
	left: 17px; top: 108px;
	width: 151px; height: 23px;
}

div#content div.right div.events {
	top: 845px;
}

div#content div.right div.events b {
	display: block;
	font-family: "Arial", "Verdana", "Genova";
	color: #EBF7FD;
	font-weight: bold;
	font-size: 14px;
}

div#content div.right div.events p {
	display: block;
	padding: 0px; margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: "Arial", "Verdana", "Genova";
	color: #EBF7FD;
	font-size: 14px;
}

div#content div.right div.events a {
	color: #A3C8F0;
	font-size: 12px;
	text-decoration: none;
}


/* Bottom Bar Connect Images */
div#content div.bottombar {
	position: absolute;
	left: 20px; top: 1490px;
	width: 971px;
}

div#content div.bottombar div.divider {
	position: absolute;
	left: 0px; top: 0px;
	width: 960px; height: 2px;
	background-color: #CDDDEE;
}

div#content div.bottombar img {
	position: absolute;
	left: 0px; top: 10px;
	width: 970px; 
	height: 89px;
}


/* Footer */
div.footer {
	position: relative;
	height: 151px;
}

div.footer p {
	position: absolute;
	left: 18px; top: 16px;
	margin: 0px; padding: 0px;
}

div.footer p, div.footer a {
	font-family: "Calibri", "Arial", "Verdana";
	font-size: 12px;
	color: #CCE2ED;
	text-decoration: none;
}

div.footer img.webstager {
	position: absolute;
	left: 895px; top: 13px;
	width: 95px; height: 60px;
}

/* Courses */
table.coursesSearch {
	border: #093562 dashed 1px;
}
table.coursesSearch tr.header {
	color: #FFFFFF;
	background-color: #D2555F;
}

table.basic tr.header {
	background-color: #3EA84D;
}
table.intermediate tr.header {
	background-color: #3E57A8;
}
table.advanced tr.header {
	background-color: #000000;
}

table.coursesSearch tr.header td {
	padding: 8px;
	border-bottom: #000000 solid 1px;
}
table.coursesSearch tr.header td a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

table.coursesSearch tr.bg1 td a, table.coursesSearch tr.bg2 td a {
	color: #000000;
	text-decoration: none;
	display: block;
}

table.coursesSearch tr.bg1:hover, table.coursesSearch tr.bg2:hover {
	background-color: #A3B8FD;
	cursor: pointer;
}

table.coursesSearch tr.bg2 {
	background-color: #FEEBE0;
}

a.asc, a.desc {
	padding-right: 18px;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url('../images/search.asc.png');
}

a.desc {
	background-image: url('../images/search.desc.png');
}

div.courses table.courses {
}

div.courses table.courses td img {
	margin: 4px 0px 4px 0px;
}

div.courses table.courses td a {
	padding: 4px; padding-left: 2px;
	display: block;
}

div.courses table.courses td a:hover {
	background-color: #CCCCCC;
}

div.courses div.title {	
	font-family: "Calibri", "Arial";
	font-size: 16px;
	font-size: 16px;
	font-weight: bold;
	color: #32435F;
	margin-bottom: 4px;
}

div.courses div.line {
	background-color: #9F9F9F;
	height: 1px;
	border-right: #B4B4B4 solid 1px;
	margin: 0px 16px 6px 0px;
}

div.courses a.basic {
	color: #456E3A;
}

div.courses a.intermediate {
	color: #1A648E;
}

div.courses a.advanced {
	color: #545454;
}

div.sideNews {
	position: relative;
	
	background-color: #035496; padding: 8px; width: 160px; margin-bottom: 12px;
	background-image: url('../images/news.bg.png');
	border-left: #7FA3C3 solid 1px;
	border-bottom: #4B6C9F solid 1px;
}

div.sideNews img.tl {
	position: absolute;
	left: -1px; top: 0px;
}

div.sideNews img.tr {
	position: absolute;
	right: 0px; top: 0px;
}

div.sideNews img.bl {
	position: absolute;
	left: -1px; bottom: -1px;
}

div.sideNews img.br {
	position: absolute;
	right: 0px; bottom: -1px;
}



div.sideNews div.title {
	font-size: 16px;
	white-space: nowrap;
	font-family: "Calibri", "Arial";
	color: #FFFFFF;
	font-weight: bold;
}

div.sideNews div.line {
	background-color: #6D95B8;
	height: 1px;
	border: #648DB9 solid 1px;
	margin: 2px 0px 10px 0px;
}