/* Boat school layout CSS Document */
a:active, a:focus {
   outline: 0;
}
body {
	position: relative;
	margin: 0 auto;
	width:auto;
	padding:/*20px 0 0 */0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color: #707070;
	background:#9c9c9c;
	 }

#wrap {
	width:880px;
	margin:0 auto;
	padding:0;
	border:1px solid #0f75bc;
	background-image:url(/images/layout_assets/wrap_bktile.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}


#mastheader {
	margin: 0;
	padding:0;
	position: absolute;
	top:0;
	/*top:21px;*/
	width:880px;
	border:none;
	height:118px;
  }

#main {
	padding:0;
	margin:118px 0 0 0;
	border:none;
	background-image:url(/images/layout_graphics/sibebar_bk.jpg);
	background-position:-1px 0;
	background-repeat:no-repeat;
	overflow:hidden;
}

#sidebar {
	width:212px;
	padding:0 0 10px 0;
	margin:0;
	border:none;
	
}

#sidebar img.graphic  {
 	text-align:center;
	padding:0;
	margin:0 0 10px 0;
	border:none;}


#sidebar ul {
	width:212px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	border:none;
/*	border-top:1px solid #0f75bc;*/
}	

#sidebar ul li {
	display:block;
	border-bottom:1px solid #0f75bc;
	margin:0;
	padding:10px 10px 5px 20px;
	font-size:1em;
	font-weight:normal;
	line-height:1.2em;
	list-style:none;

	}	

#sidebar ul li.seperate {
	margin:0 0 6px 0;
	padding:0 0 6px 0;
	border-bottom:1px solid #000000;}

#sidebar ul li a {	

	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;}

#sidebar ul li a:hover {
	color:#000000;}
	
#content {
	width:607px;
	padding:0 30px 30px 0;
	margin:30px 0 0 10px;
	border:0;
	float:right;
	}

#content blockquote {
	padding:0 0 10px 20px;
	margin:0;
	border:none;}

#content blockquote p {
	padding:0 0 3px 0;
	margin:0;
	border:none;
}
	
#content a {
	color:#2d85c2;
	text-decoration:underline;}

#content a:hover {
	color:#000000;
}	
	
h1, h2, h3, h4 {
	color:#f7861c;}	

h1 {
	font-size:1.4em;
	background-color:#329FD8;
	color:#FFFFFF;
	border: 1px solid #0F75BD;
	margin:0 0 10px 0;
	padding:2px 5px 2px 5px;
	}

#wrap #main #content .quote {
	background-color: #F7F7F7;
	border: 1px solid #DAE8EF;
	padding:5px 10px 5px 10px;
	margin:5px 0 10px 10px;
}


.top{
	margin-top:0;
	}

h2 {
	color:#2d85c2;
	font-size:1.3em;
	clear:both;
	float:none;
	padding:10px 0 2px 0;
	margin:0 0 5px 0;
	border:none;
	}	

.noborder {
	border:none;
	}	

h3 {
	font-size:1.1em;
	padding:10px 0 5px 0;
	margin:0;
	color:#2d85c2;}
	
h4 {
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:10px 0 5px 0;
	color:#2d85c2;
	}	

p {
	color:#383737;
	padding:0 0 10px 0;
	margin:0;
	line-height:1.35em;
	font-size:small;
}

#content ul {
	color:#383737;
	margin:0;
	list-style-position:inside;
	padding:0;
	font-size:small;
}

#content ul.nonproduct_description_list {
	margin:0 0 10px 10px;
	list-style-position:outside;
	padding:0;
	font-size:0.8em;
}

#content ul li, #content ul.nonproduct_description_list li {
	padding:0 0 5px 0;
	line-height:1.35em;
	margin:0 0 0 10px;
	}
		
.nofloat {
	clear:both;
	float:none;
	padding:0;
	margin:0;
	border:none;
	} 


#header img {
	margin:0;
	padding:0;
	border:none;
	}

#slug {
	margin:10px auto 10px auto;
	padding:0 0 10px 0;
	text-align:center;
	font-size:x-small;
	color:#333333;
	}

#slug a {
	text-decoration:underline;
	color:#333333;
	}

#slug a:hover {
	text-decoration:none;
	}

ul#footer {
	background-color:#0f75bc;
	width:840px;
	padding:10px 20px 10px 20px;
	margin:0;
	text-align:center;
	border:none;
	}

ul#footer li {
	display:inline;
	padding:0 1% 0 1%;
	margin:0;
	font-size:small;
	line-height:2em;
	color:#CCCCCC;
	}

ul#footer li a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0;
	margin:0;
	}

ul#footer li a:hover {
	color:#000000;

	}
	
ul#footer li.last {

	border:none;
}
/*======================Enrol Now box====================*/
.feature {
	width:146px;
	height:192px;
	background-image:url(../images/layout_assets/enrol_now_bk.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0;
	margin:0 0 0 15px;
	border:none;
	float:right;
	clear:both;
	overflow:hidden;
	font-weight:normal;
	}

#content .feature p {
	text-align:center;
	color:#FFFFFF;
	margin:0;
	border:none;
	font-weight:bold;
	padding:90px 0 5px 0;
	}
	
body #content .feature p.custom a{	
	
	font-size:1.3em;}	

#content .feature p a {
	color:#FFFFFF;
	text-decoration:underline;
	font-size:15px; 
	display:block; 
	padding:0 5px 5px 5px; 
	margin:0;
	line-height:1.35em;
	font-size:12px;
	}

#content .feature p a:hover {
	color:#000000;
	}

#content .note {
	padding:8px;
	margin:0 0 0 15px;
	border:none;
	border:1px solid #999999;
	background-color:#E0FAFF;
	color:#333333;

	}

#content .note strong, .note em {
	padding:0 0 6px 0;
	margin:0;
	border:none;
	display:block;
	font-size:0.9em;
	}

#content .note strong {text-align:center;}

#content .note em {
	font-style:normal;
	text-align:left;}



/*-------------------Start Slug/credit styles-----------------------*/
p.credit {
	padding:10px;
	margin:0 auto;
	border:none;
	color:#333333;
	text-align:center;
	font-size:x-small;
}
p.credit a {
	text-decoration:underline;
	color:#333333;
}
p.credit a:hover {
	color:#FFFFFF;
}


/*======================custom classes====================*/
.redtext {
	color:#e11818;
	}

.orange {
	color:#ff9933;}

#sidebar ul li.textlink {
	border:1px solid #0066cc/*#0f75bc*/;
	background-color:#354d94;
	padding:5px;
	margin:0 auto 0 auto;
	text-align:center;
	width:179px;
	}
	
#sidebar ul li.textlink a:hover {
	color:#66ccff;}

/*======================Sign up form CSS styles====================*/
#wrap #mastheader #header{
	margin:0;
	padding:0;
	border:none;
	height:118px;
	background-image:url(../images/layout_assets/header_bk.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

#wrap #mastheader #header p.slogan {	
	width:630px; 
	float:right; 
	text-align:center; 
	padding:80px 0 0 0; 
	margin:0; 
	border:none; 
	font-size:12px; 
	font-weight:bold; 
	font-style:italic; 
	color:#FFFFFF;
	}

#wrap #mastheader #header table td.formcol {
	padding:10px;
	margin:0;
	border:none;
	font-size:11px;
	color:#FFFFFF;
	}
#wrap #mastheader #header table td.formcol .formBox {
	padding:5px 0 5px 10px;
	margin:0;
	border:1px #FFFF00 solid;
	background:#e57b17;}

#wrap #mastheader #header table td.formcol .formBox form {
	padding:3px 0 0 0;
	margin:0;
	border:none;color:#FFFFFF;font-weight:bold;
	}

#wrap #main #content .courseDate, #wrap #main #content p .courseDate  {
	padding:5px;
	font-weight:bold;
	margin:0 0 3px 0;
	background-color:#ECF2F4;
	border:1px solid #89C1E0;
	color:#000000;
/*	float:none;
	clear:both;*/
}