body { padding:15px; font-family: Verdana, sans-serif; font-size:70%; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-size:1em; }
a { color: #006fb0; font-weight:bold; text-decoration: underline; }
a:hover { text-decoration: none; color:#006fb0; }
h1 {font-family: Verdana, sans-serif; font-size:20px; color:#ffffff;  text-align:left ; margin:0 ; font-weight:normal ; border-bottom:solid #193263 5px ;border-top:solid #193263 1px ; background:#006fb0 ;  }
h2 {font-family: Verdana, sans-serif; font-size:18px; color:#193263;border-bottom:solid #193263 1px ;}
h3 {font-family: Verdana, sans-serif; font-size:14px; color:#193263; border-bottom:solid #193263 1px ; display:inline ;}
h4 { font-size:1.5em; color:#6191E4; }
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { border: 2px solid #3451A3; margin-right:10px; margin-bottom:10px; }
img.clsbordermiddle { border: 2px solid #3451A3; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { border: 2px solid #3451A3; margin-left:10px; margin-bottom:10px; }
.datatable p { padding:0; margin:0; }
.shout2 { font-size:1.2em; color:#fff; font-weight:bold; padding:4px 5px; background:#6191E4; border:1px solid white; }
.submit { background:#3451A3; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.reset { background:#6191E4; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.quote { border:1px solid #C6C6C6; padding:4px; color:#465EB9; font-weight:bold; }
.caption { font-weight:bold; background:#3451A3; float:left; width:200px; padding:6px 4px; margin:0 0 0px 0px; color:white; font-size:0.9em; }
.custom1 { clear:both; }
.custom2 {font-family: Verdana, sans-serif; font-size:14px; color:#193263;  text-align:right; }
.custom2 b, .custom2 strong { border-bottom:1px solid #193263; padding-bottom:2px; }

.border { border: 2px solid #3451A3; }
.noborder: { border:0; }
.notes { font-size:0.8em; }
.shout { font-size:1.3em; color: #3451A3; font-weight:bold; }
table.decor {margin:10px }
.datatable td{ background:#f4f4f4 }
.datatable thead td{background:#006fb0 ; color:white ; font-weight:600}
#container { margin:0 auto; text-align:left; }
#pagebody { border-left:1px solid #1b2c60; border-right:1px solid #1b2c60; padding:30px; }
#pagebody form img { border:0; }
#pagebody table.decor a img { border:#1a3f7e solid 1px }
#pagebody table.decor a:hover img  { border:#EEE60E solid 1px}
#pagebody img { border: 2px solid #3451A3; }
#pagebody img.noborder  { border: 0; }
#copyright { padding-top:20px; }
#end, #end a { font-size:0.9em; color:#888; font-weight:normal; text-decoration: none; }

#menu { border-left:1px solid #1b2c60; border-right:1px solid #1b2c60; background:#006fb0; }

#nav { text-align:center; margin:0; padding:0; font-weight:normal; color:white; clear:both; line-height:25px; }

/** positioning the drop-down menu **/
#nav ul, #nav ul ul { text-align:left; list-style-type:none; }
#nav li { display:inline; position:relative; top:0; margin-right:-3px /* fixes inline list bug */; }
#nav li a { padding:6px 6px; text-decoration:none; border:0;   }
#nav li ul { margin:0; padding:0; display:none; position:absolute; top:25px/* distance away from the main nav bar */;  }
#nav li>/**/ul { top:19px /* distance away from the main nav bar for firefox */ ; }
#nav ul ul { margin:0 0 0 180px /* moves second drop down away from first */; display:block; padding:0; display:none; position:absolute; top:0;  } 
#nav li:hover ul ul, #nav li.over ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul, #nav ul li a { display:block; width:180px /* width of the drop-downs */; left:0; }

/** styling the drop-down menu **/
#nav #active { cursor:default; }
#nav li a { color:white; font-weight:normal; }
#nav li a:hover { color:#EEE60E; }
#nav ul li a:hover, #nav ul ul li a:hover { background:#555; }
#nav .nav_parent a { background:url(../template/nav_parent.gif) no-repeat right; padding-right:18px; }
#nav .nav_parent a:hover { background:url(../template/nav_parent.gif) no-repeat right; }
#nav .nav_child a { background:#006fb0; padding:0 8px; border-top:1px solid #1b2c60; border-right:1px solid #1b2c60; border-left:1px solid #1b2c60; }
#nav .nav_child a:hover { background:#1A3F7E; color:white; border-bottom:0; }
#nav .nav_parent2 a { background:url(nav_parent2_out.gif) #465EB9 no-repeat right; }
#nav .nav_parent2 a:hover { background:url(nav_parent2_over.gif) #A7B9E7 no-repeat right; }
#nav .nav_child2 a { background:#465EB9; }
#nav .nav_child2 a:hover { background:#A7B9E7; }
#nav .nav_parent #active { color:#A7B9E7; cursor:default; background:url(nav_parent_out.gif) #465EB9 no-repeat right; }
#nav .nav_child #active, #nav .nav_child2 #active, #nav .nav_parent2 #active { background:#465EB9; }

/*Old Menu Code

#nav { text-align:center; }
#nav li { display:inline; position: relative;  }
#nav li a { width:100%; padding:4px 3px; color:white; font-weight:normal; text-decoration: none; }
#nav li a:hover { border:0; color:#EEE60E; text-decoration:none; }

#nav li ul { display:none; position:absolute;  top:11px; left:0; width:154px; text-align:left; margin-top:4px; margin-left:2px; }
#nav li > ul { top:auto; left:0; margin-top:4px; }
#nav li:hover ul, li.over ul{ display:block; }
#nav li ul a { display:block; width:100%; background:#006fb0; padding:4px; border:1px solid #1b2c60; border-top:0; }
#nav li ul a:hover { background:#A7B9E7; color:#0A1D5C; border:1px solid #1b2c60; border-top:0; }
#nav li ul ul { margin:-22px 0 0 181px;  }
#nav li:hover ul ul, #nav li.over ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul { display:block; left:-4px; }

#nav .nav_parent a { background:url(../template/nav_parent.gif) no-repeat right; padding-right:18px; }
#nav .nav_parent a:hover { background:url(../template/nav_parent.gif) no-repeat right; }
#nav .nav_child a { background:#006fb0; }
#nav .nav_child a:hover { background:#1A3F7E; color:white; }
#nav .nav_parent2 a { background:url(../template/nav_parent2.gif) background:#006fb0; no-repeat right; padding-right:18px; }
#nav .nav_parent2 a:hover { background:url(../template/nav_parent2.gif) #1A3F7E no-repeat right; }
#nav .nav_child2 a { background:#006fb0; }
#nav .nav_child2 a:hover { background:#1A3F7E; }*/

#ie7fix { display:none; }
#gifani {position:absolute ;}
.decor li {margin-bottom:5px ; list-style-image:url(http://www.sitewiz.co.uk/v2/sites/marine/template/bullet.gif) }
#contentnav {width:200px ; float:right ; margin-right:-15px; margin-top:-30px ; position:relative ;  padding-bottom:20px ; border-left:20px solid #fff;}
#contentnav ul{  position:relative ;padding:0 ; margin:0 ; list-style:none }
#contentnav li {  position:relative ;padding:0 ; margin:0 ; background:#006fb0 ; border:#ffffff solid 1px}
#contentnav a { position:relative ; color:#ffffff ;  text-align:center ; display:block ;padding:2px ; font-size:11}
#contentnav a:hover { background:#193263  ; color: #EEE60E ; }
.highlight { background:#006fb0  ; color:#ffffff ; width:250px ; padding:10px ;  font-weight:bold ; float:right ; }
.decor td {background:#f4f4f4  ; border:solid #f0f0f0 1px}

.courses_table { font-size:1.2em; }
.courses_table h2 { font-size:1.1em; font-weight:bold; border:0; margin:0; }
.courses_table td { padding:4px; line-height:1.4em; }
.courses_table .coursebox { width:179px; }
.courses_table .downarrow { background:url(down_arrow.jpg) no-repeat center top; height:32px; }
.courses_table .leftbranch1 { background:url(branch_left1.jpg) no-repeat right; height:31px; }
.courses_table .leftbranch2 { background:url(branch_left2.jpg) no-repeat right; height:31px; }
.courses_table .leftbranch3 { background:url(branch_left3.jpg) no-repeat right; height:31px; }
.courses_table .leftbranch { background:url(branch_left.jpg) no-repeat right; height:31px; }
.courses_table .rightbranch1 { background:url(branch_right1.jpg) no-repeat left; height:31px; }
.courses_table .rightbranch2 { background:url(branch_right2.jpg) no-repeat left; height:31px; }
.courses_table .rightbranch3 { background:url(branch_right3.jpg) no-repeat left; height:31px; }
.courses_table .rightbranch { background:url(branch_right.jpg) no-repeat left; height:31px; }
.courses_table .downline { background:url(down_line.jpg) repeat-y center; }
.courses_table .downlineleft1 { background:url(down_line1.jpg) repeat-y right top; }
.courses_table .downlineright1 { background:url(down_line2.jpg) repeat-y left top; }
.courses_table .downlineleft2 { background:url(down_lineleft2.jpg) repeat-y right; }
.courses_table .downlineright2 { background:url(down_lineright2.jpg) repeat-y left; }
.courses_table .downlineleft3 { background:url(down_lineleft3.jpg) repeat-y right; }
.courses_table .downlineright3 { background:url(down_lineright3.jpg) repeat-y left; }
.courses_table .leftarrow { background:url(left_arrow2.jpg) no-repeat left; height:31px; }
.courses_table .rightarrow { background:url(right_arrow2.jpg) no-repeat right; height:31px; }
.courses_table .topleftcorner { background:url(topleftcorner.jpg) no-repeat bottom right; }
.courses_table .bottomleftcorner { background:url(bottomleftcorner.jpg) no-repeat top right; }
.courses_table .toprightcorner { background:url(toprightcorner.jpg) no-repeat bottom left; }
.courses_table .bottomrightcorner { background:url(bottomrightcorner.jpg) no-repeat top left; }

.courses2wrap { width:708px; font-size:1.1em; padding:0; margin:0; clear:both; }
.courses2wrap2 { width:708px; font-size:1.1em; padding:0; margin:0; clear:both; border-top:2px solid #cccccc; }
.courses2wrap .coursebox { width:180px; float:left; padding:15px 5px; text-align:center; height:30px; min-height:30px; margin:0; }
.courses2wrap .coursebox h2 { font-size:1.1em; font-weight:bold; border:0; margin:0; }
.courses2wrap a { margin:0; padding:0; }
.courses2wrap .spacer { width:50px; float:left; min-height:30px; padding:0; margin:0;}
.courses2wrap .left { width:38px; float:left; height:10px;}
.courses2wrap .downarrow { float:left; background:url(down_arrow.jpg) no-repeat center bottom; height:30px; width:190px; }
.courses2wrap .noarrow { float:left; height:30px; line-height:30px; width:190px; text-align:center; text-decoration:underline; font-size:1em; font-weight:bold; color:#193263; }
.courses2wrap .downline { float:left; background:url(down_line.jpg) repeat-y center top; height:30px; width:190px; }
.courses2wrap .downline2 { float:left; background:url(down_line.jpg) repeat-y center top; height:60px; width:190px; }
.courses2wrap .downline3 { float:left; background:url(down_line2.jpg) repeat-y center top; height:30px; width:50px; }
.courses2wrap .downline4 { float:left; background:url(down_line2.jpg) repeat-y center top; height:60px; width:50px; }
.courses2wrap .leftarrow { float:left; background:url(leftarrow.jpg) no-repeat bottom left; width:50px; float:left; height:60px;}
.courses2wrap .rightarrow { float:left; background:url(rightarrow.jpg) no-repeat bottom right; width:50px; float:left; height:60px;}
.courses2wrap .leftrightarrow { float:left; background:url(leftrightarrow.jpg) no-repeat left; width:50px; float:left; height:60px;}
.courses2wrap .leftdiag { float:left; background:url(leftdiag.jpg) no-repeat left; width:50px; float:left; height:30px; }
.courses2wrap .rightdiag { float:left; background:url(rightdiag.jpg) no-repeat right; width:50px; float:left; height:30px; }
.courses2wrap .leftbranch1 { float:left; background:url(leftbranch1.jpg) no-repeat right top; height:30px; width:190px; }
.courses2wrap .leftbranch2 { float:left; background:url(leftbranch2.jpg) no-repeat right top; height:60px; width:190px; }
.courses2wrap .leftbranch3 { float:left; background:url(leftbranch3.jpg) no-repeat right top; height:30px; width:190px; }
.courses2wrap .leftbranch4 { float:left; background:url(leftbranch4.jpg) no-repeat right top; height:60px; width:190px; }
.courses2wrap .leftbranch5 { float:left; background:url(leftbranch5.jpg) no-repeat right top; height:30px; width:190px; }
.courses2wrap .leftbranch6 { float:left; background:url(leftbranch6.jpg) no-repeat right top; height:60px; width:190px; }
.courses2wrap .rightbranch1 { float:left; background:url(rightbranch1.jpg) no-repeat left top; height:30px; width:190px; }
.courses2wrap .rightbranch2 { float:left; background:url(rightbranch2.jpg) no-repeat left top; height:60px; width:190px; }
.courses2wrap .rightbranch3 { float:left; background:url(rightbranch3.jpg) no-repeat left top; height:30px; width:190px; }
.courses2wrap .rightbranch4 { float:left; background:url(rightbranch4.jpg) no-repeat left top; height:60px; width:190px; }
.courses2wrap .rightbranch5 { float:left; background:url(rightbranch5.jpg) no-repeat left top; height:30px; width:190px; }
.courses2wrap .rightbranch6 { float:left; background:url(rightbranch6.jpg) no-repeat left top; height:60px; width:190px; }
.courses2wrap .toprightcorner { float:left; background:url(toprightcorner.jpg) no-repeat bottom left; height:60px; width:50px; }
.courses2wrap .bottomrightcorner { float:left; background:url(bottomrightcorner.jpg) no-repeat top left; height:60px; width:50px; }
.courses2wrap .topleftcorner { float:left; background:url(topleftcorner.jpg) no-repeat bottom left; width:38px; height:60px; }
.courses2wrap .bottomleftcorner { float:left; background:url(bottomleftcorner.jpg) no-repeat top right; width:38px; height:60px; }
.courses2wrap .leftdownline1 { float:left; width:38px; height:30px; background:url(down_line3.jpg) repeat-y center top; }
.courses2wrap .leftdownline2 { float:left; width:38px; height:60px; background:url(down_line3.jpg) repeat-y center top; }