/*Author:JohnGarlinge*/
/*Email:john@jdgwebdesign.co.uk*/
/*Date:January2007*/
/*ModifiedCSSResetbasedonEricMeyer's http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/*/
body,html{font-size:62.5%;padding:0;margin:0;color:#000;background:#fff}
html{font-size:100%;}
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,fieldset,form,label,legend,li,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;	font-weight:inherit;font-style:inherit;line-height:1;font-family:inherit;text-align:left;vertical-align:baseline;color:#000;font-family:Verdana,Arial,Helvetica,"Trebuchet MS",sans-serif;font-size:1em}
a img,:link img,:visited img{border:0;}
button img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
q:before,q:after,blockquote:before,blockquote:after{content:" ";}
h1,h2,h3,h4,h5,h6{font-weight:bold;font-family:tahoma,helvetica,arial,sans-serif;margin-bottom:12px;}
h1 {padding:14px 0;color:#fff;font-size: 1.5em;text-align:center;}
h2{font-size:1.4em}
h3{font-size:1.1em;margin-bottom:4px;}
dt,h4{font-size:1.1em;font-weight:bold;}
h6{font-size:1.0em}
p,blockquote{margin: 0 0 12px 0;padding:0;}
ul,ol{margin: 12px 0 12px 20px;padding:0;}
dl{margin: 12px 0 12px 0px;padding:0;}
li{margin-bottom:6px;}
dt{margin-bottom:6px;}
dd{margin:0 0 10px 0;}
p,li,dd{font-size:1.1em;line-height:1.3;}
h2 abbr{color:#fff}
img.floatL{margin:0 12px 12px 0;}
img.floatR{margin:0 0 12px 12px;}
img{border:2px solid #cccce6;}
 /* Layout  */
#wrapper{width:970px;margin: 0 auto -10px;;background: url(../images_dtl/leftShadow.png) repeat-y left;padding:0 0 0 19px}
#innerWrapper{background: url(../images_dtl/rightShadow.png) repeat-y right;padding:0 19px 0 0;min-height:100%;}
.sidePanel{width:180px;float:left;margin:10px 20px;}
#content{width:510px;float:left;margin: 10px 0;}
.baseWrap{margin:0 0 10px; padding: 0 40px 10px;font-size:1.3em;}

/* styles */

#banner{height:162px;background:#fff url(../images_dtl/sgheader.jpg) no-repeat bottom center;}
#banner .bar a{color:#fff;font:bold 1.0em/1.4 arial,helvetica;text-decoration:none;}
#banner .bar a:hover{text-decoration:underline;}
.bar{background: url(../images_dtl/nav_bar2.gif) repeat-x left top;position:relative;}
.bar p{color:#fff;font:bold 1.3em/1.4 arial,helvetica;text-decoration:none;margin:0;padding:6px 20px;}
#nav_bar{min-height:40px;}
#nav_bar form{position:absolute;top:10px; left:20px;}
#nav_bar strong,#nav_bar strong span{color:#fff;font-size:1.7em;font-family: arial,helvetica,sans-serif;font-weight:bold;text-align:center;padding-top:6px;}
#nav_bar strong{display:block;}

#nav_bar ul{position:absolute;top:4px;right:20px;margin:0;padding:0;}
#nav_bar ul li{display:block;float:left;list-style:none;}
#nav_bar a{display:block;float:left;padding-left:14px;text-decoration:none;}
#nav_bar a span	{font-size:1.2em;color:#fff;font-weight:bold;padding:10px 6px 10px 0;margin: 0 0 0 4px;display:block}

#nav_bar a:hover,#nav_bar a.active{background:url(../images_dtl/nav_rollover_2.gif) no-repeat top left;}
#nav_bar a:hover span,#nav_bar a.active span{background:url(../images_dtl/nav_rollover_2.gif) no-repeat top right;}

div.block.box {background: #fff url(../images_dtl/sideBox-button.png) no-repeat !important;padding:6px 0 0;margin:  0 0 8px;font-size:1.0em;}
div.block.box{min-height:36px;}
.block.box *{text-indent:10px;}
.block.box div{background: url(../images_dtl/sideBox.png) no-repeat center bottom;padding-bottom:2px;}
.block.box.toggle div{display:none;}
.block.box.open.toggle div{display:block;}
.block.box h2,.block.box p{text-indent:0;}
.block.box h2{color:#fff;margin:4px 3px 0 2px;line-height:1.2;padding:0 0 6px 10px;}
#nav div.block.box.toggle h2:hover{background: transparent url(../images_dtl/expand-bg.png) no-repeat right -4px;cursor:pointer;}
.block.box h2 abbr{font-size:1.0em;display:block;height:100%;text-indent:0;}
.block.box p{padding: 8px 10px 0;line-height:1.2;font-size:1.2em}
.nav,.imageLinks{margin:0 0 6px;padding:0;}
ul.nav li, .imageLinks li{list-style:none;margin:0;}
.imageLinks li{text-align:center;padding:12px 0 0 }
.nav li a{display:block;text-decoration:none;padding: 4px 0;font:bold 1.1em verdana;}
.nav li a:hover,.nav li a.active{background:url(../images_dtl/rollover1.gif) no-repeat left center;color:#fff;}
.content{background: url(../images_dtl/content-main.png) repeat-y left center;margin-bottom:10px;}
.topWrap{background: url(../images_dtl/content-top.png) no-repeat left top;padding:10px 0 0 0;}
.baseWrap{background:  url(../images_dtl/content-bottom.png) no-repeat left bottom;}
.content h2,p.book {margin:7px 0px 10px 0px;text-align: center;font-size:1.6em;background: url(../images_dtl/sign.png) no-repeat top center;color:#fff;font-weight:bold;display:block;color:#fff;padding:16px 0 30px 0;text-align:center;}
p.book {margin:20px -20px 0 -20px;font-size:1.2em}
.content.courses ul.bold li{list-style:none;}
#infoPack h2{margin-bottom:0;}
#content h2 a,p.book a{color:#fff;text-decoration:none;}
#content h2 a:hover,p.book a:hover{text-decoration:underline;color:#fff;}
.content img{margin-top:6px;}
.vcard h3{margin-bottom:10px;}
.vcard span{display:block;margin:8px 0;font-size:1.1em;}
.vcard span span{display:inline;margin:0;}
div.googlemap{width:442px;margin:10px auto;}
div.googlemap div{border:1px solid #000;}
#copy{background: url(../images_dtl/nav_bar2.gif) repeat-x left top;}
#copy p{color: #ffffff;font-weight: bold;font-size:1.2em;text-align: center;line-height:1.8;}
#footer{position:relative;}
#footer li{padding-right:5px;display:inline;border-right:1px solid #cccce6;margin-bottom:0;}
#footer li.end{border:0;}
#footer {text-align:center;line-height:.95em;margin-top:-8px;}
#footer a,#footer li{color:#cccce6;}
#footer a{font-size:1em;}
#footer a:hover,.content a:hover,#course a:hover{color: #339;}
li#design{position:absolute;right:0;top:0;border:0; }
#content .contact .baseWrap{padding:0 10px 20px;}
/* Vehicles Page */
.vehicles h3{font-weight:normal;font-size:1.1em;}
.vehicles li{list-style:none;}
/* Form*/
form td{padding-bottom:10px;}
/* General Classes */
p.more a:hover{color:#fff;}
p.more{text-align:right;}
.bold{font-weight:bold;text-align:center;}
p.bold{margin: 0px -20px 10px;}
.clear{clear:both;}
.clear.right{clear:right;}
.clear.left{clear:left;}
.floatL{float:left;}
.floatR{float:right;}

#infoPack h2 a{height:33px;display:inline-block;margin-top:-10px;padding-top:10px;width:450px;text-align:center;}
#infoPack h2 a:hover{text-decoration:underline;}