/*
Colours Used:
Dark blue :#2f4c6a
Mid Blue: #63839e
Light Blue: #bbccd9 & #454545
Red : #C10000
Offwhite: #f6f6f6
-------------------
Purple : #8086aa
Light: #b5b7cc
dark blue: #2f4c6a
gray: #e3e3e3
light grey : #ebebeb
Light Blue : #6ba0d2
Very Light Blue : #edeef0
*/

html, body, ul, li{margin: 0;	padding: 0;}
body {text-align: center; padding-top: 0px;font: 12px verdana;background: url(images/main-bg.jpg) center repeat-y #ebebeb ;}
img {border: none;}
a {color: #2f4c6a;}
a:hover {color: #547391;}
hr {height: 1px; border-style: none; color: #bbccd9; background-color: #bbccd9; width:75%; padding:0px;}
p {margin:0; padding:0;}

.more {font-weight: bold;font-size: 10px;}
.intro {font-weight: bold;}
.clear {clear: both;}
.noscreen {display: none;}
.hide {display: none;}
.show {display: block;}
.bgblue {background-color: #bbccd9;}
.advert {padding:2px;}
.welbot {border-top: solid 1px #009;border-right: solid 1px #009;border-left: solid 1px #009;}
.clearfix {display:block; position:relative; }



/* Alignment classes */
.left {float: left; display: block; position:relative;}
.right {float: right; display: block; position:relative;}
.float-right {float: right; display: inline; clear:right; right:5px; bottom:0px; margin:0px 5px 0px 10px;}
.float-left {float: left; display: inline; clear:left; margin:0px 10px 0px 0px;}
.align-left  {text-align: left; }
.align-right {text-align: right; }
.center { text-align:center}


/* Font Headings */
h1, h2, h3, h4, h5, h6, h7 {font-family:'Lucida Casual', 'Comic Sans MS', 'Verdana', 'Ariel'; margin:0px; padding:0px; }
h1 {color:#c10000; font-size: 24px;}
h2 {color:#033; font-size: 18px;}
h3 {color:#000; font-size: 14px; text-align:center;}
h4 {color:#63839e; font-size: 14px;}
h5 {color:#c10000; font-size: 18px;}
h6 {color:#c10000; font-size: 20px; text-align:center;} /* Page Price */
h7 {color:#063; font-size: 16px; text-align:left;} /* Page Price */
h8 {color:#063; font-size: 14px; text-align:left;} /* Page Price */



/*MAIN SECTIONS*/
#container {position: relative;width: 800px; margin: 0 auto; background: #a8c9d8; text-align:left; color:#454545;}
#header {position: relative;top: 0px;left:0px;width: 890px;height: 205px;background: #fff url(images/pageheader2.jpg) no-repeat; vertical-align: bottom; text-align:left;margin-left:-45px;}

/* NAV TOP MENU */
#topnav {float:right;right: 0px;top:0;width:800px;height: 30px;}
#topnav ul, #topnav li {display: inline; list-style-type:none; margin:0; padding:0; }
#topnav li a {border-top:4px solid #2f4c6a;}
#topnav a {float:right; color:#2f4c6a; font-weight:bold; padding: 0 4px;} 
#topnav a:hover, #topnav li.currentpage a{color:#237898; border-top: 4px solid #6699cc;}

/* SIDE CONTENT */
#sidecol {float: right;width: 150px; padding: 0px; list-style:none; }
#sidenav {background-color:#2f4c6a; padding:0px; margin:0px;}
#sideadverts {text-align:center;}

/* SIDE NAV */
.menu{ width: 150px; border-style: none;}
.menu ul{list-style-type: none;margin: 0;padding: 0;}
.menu li a{font: bold 12px Verdana, Arial, Helvetica, sans-serif;	display: block;
	background: transparent url(images/menuarrow.gif) 100% 0; height: 24px;	padding: 4px 0px 4px 18px; line-height: 24px;text-decoration: none; color: #edeef0;}	
.menu li a:link, .arrowgreen li a:visited {color: #edeef0;}
.menu li a:hover{color: #fff; background-position: 100% -32px;}
.menu li a.selected{color: #fff; background-position: 100% -64px;}

#facebook {padding: 5px 5px; color:#FFF; font-weight:bold; background-color: #2f4c6a}
#elearning { width:150px; text-align:justify;}
#elearning img {border:none;}
#homepagelink img {border:none; background-color:#fff; vertical-align:bottom;}
#specials {padding : 5px 0px 0px;}
#schedule {font: 10px verdana;}

/* MAIN CONTENT */
#maincol {position: relative; float: left; width: 625px; padding: 10px;}
#maincol2 {position: relative; float: left; width: 625px; padding: 10px; background: #a8c9d8}
#maincol .left {margin-right: 18px;}
#maincol p {font-size: 12px; color: #2f4c6a;}
#maincol img {padding: 2px;}

/*Misc Content */
#rightbanner {float:left; width: 610px;height: 80px;background: url(images/learnbanner.gif) center no-repeat;}
#breakwaterbg {background: url(images/breakwater_bg.jpg) top right no-repeat;}
#racerocksbg {background: url(images/racerocks_bg.jpg) top right no-repeat;}
#elearning {background-color: #2f4c6a; padding: 5px 0px;}
#newsletter {width: 130px;}
#buddyboard {background: url(images/buddy_bg.jpg) top center no-repeat;}
#photocredit {color:#c10000; font-size: 10px; border-left: 2px #009;} /* Photo Credit */



/* MAIN SECTION */
/*#contentheader {position: relative; margin:0px 0px 15px; padding: 0px;}*/
#contentsubmenu {float:right;text-align : right;font-size: 10px; width:100%; margin:0px;}
#contentsubmenu ul {list-style-type: none;color: #fff;background-color: #a8c9d8;}
#contentsubmenu ul li {display: inline;}
#contentsubmenu ul li a{float: right;font-weight:bold;width: auto;padding:4px;color: #fff;background-color: #2f4c6a;text-decoration: none;border-top:#a8c9d8 solid 2px;border-left:#a8c9d8 solid 2px;}
#contentsubmenu ul li a:hover{background-color: #bbccd9;color: #2f4c6a;}


#contentbox {float:left; vertical-align:top; color:#2f4c6a; width:100%;}
/*#contentinfo {position:relative; float: right; background-color: #F0F0F0; border: 2px solid #fff; margin : 10px; padding:5px;}
#contentbox ul, li {margin-left: 10px;  padding-left: 10px;}*/

#breakwaterflags img {border : dotted 1px #bbccd9; margin:15px;}

table #contschedule{ text-align: center;font-family: Verdana;font-weight: normal;font-size: 11px;color: #404040;width: 580px;
background-color: #fafafa;border: 1px #6699CC solid;border-collapse: collapse;border-spacing: 0px;}
table #contschedule th, td {text-align:left; vertical-align:top}


/* NEW SECIONS */

#contentwrapper {margin: 0px; color:#2f4c6a;background: url(images/header1_bg.gif) right top no-repeat ; display:block;}
#contentwrapper p {padding: 0px 15px 10px 0px; /*padding:0px 15px 15px 10px;*/ display:block;}
#contentwrapper img {display:block; margin: 5px 5px 5px 5px;}
#contentwrapper ul {margin:0px 15px 15px 25px;}
#contentwrapper ul li {list-style-image: url(images/bulletarrow3.gif);}
#contentwrapper ul li ul li{list-style:none;}
#contentwrapper table {margin: 0px 0px;}

#pricebox {margin: 0px 5px 0px 10px; padding:5px; border-left:#6ba0d2 solid 1px ; border-bottom:#6ba0d2 solid 1px;}
#owelearning {background-color: #fff; padding: 5px 0px; width:468px;margin-left:auto;margin-right:auto;}

.item_content {background:url(images/item_bg.gif) left repeat-y; margin:10px 0px 0px 0px;}
.item_header {background:url(images/item_header.gif) top no-repeat; height:25px; text-align:left; padding: 3px 10px 0px;margin:0px 0px 10px 0px;}
.item_header2 {background:url(images/item_header2.gif) top no-repeat; height:45px; text-align:left; padding: 3px 10px 0px;margin:0px 0px 10px 0px;}
.item_addfooter {background:url(images/item_bottom.gif) bottom left no-repeat; padding: 0px 0px 0px 10px;}

/* Page Popups */
#popcontentwrapper {margin: 0px; color:#2f4c6a;display:block;}
#popmaincol {position: relative; float: left; width: 625px; padding: 10px; background: #2f4c6a}
.popitem_content {background: #fff; margin:10px 0px 0px 0px;}
.popitem_header2 {background:url(images/item_header2.gif) top no-repeat; height:45px; text-align:left; padding: 3px 10px 0px;margin:0px 0px 10px 0px;}

/* Misc Contents */

#footer {clear:both; text-align: center;font-size: 12px; color: #fff; font-weight: bold; padding: 15px;background: #2f4c6a url(images/footer.gif) right bottom no-repeat;}
#footer a {color:#fff;)