/* generic reset CSS */
html, body, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

/* remember to define focus styles! */
:focus{outline:0}
body{line-height:1em; }
ol, ul{list-style-type:none}
a img{border:none}
strong, h1, h2, h3, h4, h5, h6{font-weight:bold}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{text-align:left; font-weight:normal; vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
legend{display:none}
em, address{font-style:normal}
sup{font-size:100%; vertical-align:super}
input.radio, input.checkbox{background:transparent;border:none}

/* standard classes */
.clear-float:after { content:"."; display:block; visibility:hidden; width:100%; height:0; clear:both; }
:link, :visited, :active { color:#666; }
a:hover { color:#ff9900; }

/* buttons */
.button { color:#fff; font-size:12px; font-weight:bold; text-align:center; display:block; height:30px; width:100px; padding:2px 16px 0; margin-top:9px; text-decoration:none; background:url(../img/shell/buttonBGs.png) repeat-x 0 0; }
.grey-button { background-position:0 -32px; }

/* shell */
body { background:#333 url(../img/shell/bodyBG.png) repeat-x 0 0; font-family:Arial, Helvetica, sans-serif; font-size:16px; }
#outerContainer { width:960px; background:#2e2e2e url(../img/shell/outerBG.png) repeat-x 0 0; border-left:1px solid #656565; border-right:1px solid #656565; margin:auto; padding-bottom:10px; }

/* header */
#header { width:964px; margin:auto; background:url(../img/shell/pageElements.png) no-repeat 50% 0; position:relative; z-index:2; }
#headerInner { width:845px; margin:auto; position:relative; }
#logo { float:left; margin:10px 0 10px 10px; }
#logo a { text-indent:-99999px; overflow:hidden; display:block; width:131px; height:105px; background:url(../img/shell/pageElements.png) no-repeat 0 -535px; }
#quick-links { font-size:12px; font-weight:bold; color:#fff; float:right; margin-top:16px; }
#quick-links li { float:left; padding:0 8px; }
#quick-links li.first { padding-right:0; }
#quick-links li .divider { padding-left:8px; }
#quick-links li a { color:#fff; }
#quick-links li a:hover, #quick-links li a.on, #quick-links li a.active { color:#ff9900; }
#award { color:#999; font-size:12px; font-weight:bold; float:right; background:url(../img/shell/pageElements.png) no-repeat 100% -535px; padding:20px 30px 15px 0; margin-top:18px; width:250px; text-align:right; }

#nav { clear:both; position:relative; z-index:100; }
#nav li { float:left; position:relative; }
#nav li a { display:block; width:140px; height:24px; padding-top:89px; background:url(../img/shell/navBG.png) no-repeat 0 0; font-size:13px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; }
#nav li a.on, #nav li a.active { text-decoration:underline; color:#000; }
#nav li.rya-courses a { background-position:-140px 0; }
#nav li.rya-courses a.on, #nav li.rya-courses a.active { background-position:-140px -117px; }
#nav li.corp-sailing a { background-position:-0px 0; }
#nav li.corp-sailing a.on, #nav li.corp-sailing a.active { background-position:0px -117px; }
#nav li.yacht-racing a { background-position:-280px 0; width:139px; }
#nav li.yacht-racing a.on, #nav li.yacht-racing a.active { background-position:-280px -117px; }
#nav li.charter a { background-position:-419px 0; font-size:12px; width:141px; }
#nav li.charter a.on, #nav li.charter a.active { background-position:-419px -117px; }
#nav li.blog a { background-position:-560px 0; width:142px; }
#nav li.blog a.on , #nav li.blog a.active { background-position:-560px -117px; }
#nav li.academy a { background-position:-702px 0; width:138px; }
#nav li.academy a.on, #nav li.academy a.active { background-position:-702px -117px; }
#nav .subnav { display:none; background:#e75b00 url(../img/shell/mainNavFlyoutBG.png) repeat-x 0 0; padding:0; position:absolute; left:0; top:113px; width:170px; z-index:99; }
#nav .subnav div { padding:6px 5px; }
#nav .subnav ul { background-color:#fff; padding:6px 10px; }
#nav .subnav ul li { float:none; }
#nav .subnav ul li a { color:#000; font-size:11px; font-weight:normal; text-decoration:none; background:none; display:inline; padding-top:0; top:auto; }
#nav .subnav ul li a:hover { text-decoration:underline; color:#ff9900; }
#nav .yacht-racing .subnav, #nav .rya-courses .subnav { width:520px; }
#nav .charter .subnav, #nav .corp-sailing .subnav { width:350px; }
#nav .subnav .category { background-color:#fff; float:left; position:relative; width:170px; padding:0 0 12px 0; }
#nav .subnav .category h3 { color:#000; font-size:11px; text-indent:10px; font-weight:bold; margin-top:12px; border-right:1px solid #ccc;  }
#nav .subnav .category ul { border-right:1px solid #ccc; height:170px; }
#nav .rya-courses .subnav .category ul { height:152px; }
#nav .charter .subnav .category ul { height:118px; }
#nav .corp-sailing .subnav .category ul { height:164px; }
#nav .subnav .last ul, #nav .subnav .last h3 { border-right:0; }

#bannerContainer { position:relative; background:url(../img/shell/verticalShadow.png) repeat-y 100% 0; width:843px; height:180px; }
#bannerContainer .caption { width:810px; height:25px; padding:10px 0 0 30px; color:#333; font-size:14px; font-weight:bold; position:absolute; top:0; left:0; background:url(../img/shell/pageElements.png) no-repeat 0px -419px; }

/* footer */
#footer { clear:both; width:830px; height:59px; padding:11px 0 0 12px; margin:auto; position:relative; background:url(../img/shell/pageElements.png) no-repeat 0 -461px; z-index:0; }
#footer ul { float:left; margin-top:5px; } 
#footer ul li { float:left; margin-right:26px; }
#footer ul li a { text-indent:-99999px; overflow:hidden; display:block; background:url(../img/shell/footerIcons.png) no-repeat 0 0; }
#footer ul li.visitmalta a { width:230px; height:50px; background:url(../img/shell/visitmalta.png) no-repeat; margin-top:-6px; }
#footer ul li.sponsorship { padding-top:12px; }
#footer ul li.sponsorship a, #footer ul.quick-links li a, #footer ul.quick-links li { background:none; font-size:10px; color:#333; text-indent:0; }
#footer ul li.sponsorship a:hover, #footer ul.quick-links li a:hover { color:#ff9900; }

#footer ul.quick-links, #footer ul.social { float:right; margin-top:12px; }
#footer ul.quick-links li { margin-right:9px; }
#footer ul.quick-links li a { margin-right:9px; float:left; }
#footer ul.quick-links li.dhaus { padding:0 0 2px 22px; background:url(../img/shell/dh-logo.png) no-repeat 0 0; }

#footer ul.social { margin:6px 6px 0 0; }
#footer ul.social li { margin-right:7px; }
#footer ul.social li.blogger a { width:32px; height:30px; background-position:0 -144px; }
#footer ul.social li.twitter a { width:30px; height:29px; background-position:0 -174px; }
#footer ul.social li.facebook a { width:29px; height:29px; background-position:0 -203px; }

/* main */
#main { width:842px; margin:0 auto 8px; background:url(../img/shell/mainBGs.png) repeat-y 0 0; position:relative; z-index:1; }
#mainFoot { width:845px; height:4px; background:url(../img/shell/pageElements.png) no-repeat 0 -456px; position:absolute; bottom:-4px; left:0; }
#main h2 { height:28px; padding-top:9px; color:#fff; font-size:16px; text-indent:12px; position:absolute; top:0; left:0; width:100%; }
.col { float:left; position:relative; z-index:0; }
.content { padding:45px 12px 27px; }
#main .content p { font-size:11px; margin-bottom:10px; font-weight:normal; }

#main #rightCol .content a { color:#333; font-size:11px; }
#main #rightCol .content a:hover { color:#ff9900; }
#main #rightCol .content .notice a { display:inline; }
.two-col #centreCol .content, .three-col #rightCol .content, #two-col #centreCol .content { padding-right:15px; }
.three-col #centreCol .content { padding-right:20px; }
#leftCol p, #centreCol p { font-size:11px; margin-bottom:15px; }
#rightCol .content .preview-col { float:left; width:103px; }
#main #rightCol .content .preview-col a { color:#000; font-weight:bold; position:relative; top:-4px; display:block; width:90px; }
#main #rightCol .content .preview-col a:hover { color:#ff9900; }
#main #rightCol .content span { display:block; font-size:11px; font-weight:bold; margin-top:-12px; }
#main #rightCol .content ul.testimonials span { margin:26px 0 10px; }
#main #rightCol .content #readTestimonials { float:right; margin:5px 6px 0 0; }

/* home-page-template */
#leftCol { width:230px; }
#leftCol h2 { background:url(../img/shell/headingBGs.png) no-repeat 100% 0; font-size:16px; line-height:1.2em; }
#leftCol h3 { font-size:12px; margin-bottom:10px; }
#centreCol { width:380px; position:relative; }
#centreCol h2 { background:url(../img/shell/headingBGs.png) repeat-x -10px -74px; line-height:1.2em; }
#leftCol h2 { background:url(../img/shell/headingBGs.png) repeat-x -10px 0; line-height:1.2em; }
#rightCol { width:230px; position:relative; padding-bottom:6px; }
#rightCol h2 { background:url(../img/shell/headingBGs.png) no-repeat 0% -74px; width:230px; line-height:1.2em; }
#rightCol h3 { font-size:12px; }
#centreCol .content { padding-right:20px; }
#leftCol .content, #rightCol .content { padding-top:49px; }
#main #rightCol .content h3 a { color:#000; }

/* landing-page-template */
.three-col #main { background:url(../img/shell/mainBGs.png) repeat-y -845px 0; }
.three-col #leftCol { width:190px; }
.three-col #leftCol h2, .three-col #rightCol h2, .two-col #leftCol h2, #two-col #leftCol h2 { background-position:100% -37px; line-height:1.2em; }
.three-col #centreCol { width:420px; }
.three-col #centreCol h2 { background-position:0 0; }
.three-col #rightCol { width:230px; }
.three-col #rightCol h2 { background-position:0% -74px; }
#leftCol .content img, #rightCol .content img { background:url(../img/shell/shadow.png) repeat-x 0 100%; padding-bottom:11px; }

/* internal-page-layout */
.two-col #main, #two-col #main { background:url(../img/shell/mainBGs.png) repeat-y -1691px 0; }
.two-col #leftCol, #two-col #leftCol { width:191px; }
.two-col #centreCol, #two-col #centreCol { width:649px; }
.two-col #centreCol h2, #two-col #centreCol h2 { color:#000; font-weight:normal; line-height:1.2em; }
.two-col #centreCol h2, #two-col #centreCol h2 { background-position:95% 0; width:649px; line-height:1.2em; }
.two-col #leftCol h2, #two-col #leftCol h2 { font-weight:normal; }
.two-col #leftCol address, .two-col #leftCol dl, #two-col #leftCol address, #two-col #leftCol dl { padding-left:12px; }

/* 1 column layout */
.one-col #main { background: url(../img/shell/mainBGs.png) repeat-y -2536px 0; }
.one-col #leftCol { width:840px; padding-bottom:30px; }
.one-col #leftCol h2 { background-position:0 0; }

/* add this */
.addthis_toolbox { position:absolute; right:20px; bottom:10px; }
.addthis_toolbox a { font-size:12px; color:#333; }
.addthis_toolbox a:hover { color:#ff9900; }
.add-this-home { right:249px; }

/* drop down menus */
.drop-down { width:151px; position:absolute; background:url(../img/shell/dropDownMenuBG.png) repeat-x 0 0; border-bottom:3px solid #ff6600; z-index:1; color:#fff; font-size:11px; }
#newsletterMenu { border-bottom:3px solid #ccc; }
.drop-down h3 { font-size:12px; font-weight:bold; position:relative; text-indent:0; padding:5px 0 }
#main div.drop-down a.menu-link { color:#fff; font-size:11px; text-decoration:underline; padding:0 0 0 20px; }
#main div.drop-down a.menu-link:hover { color:#ff9900; }
.drop-down .opener { display:block; position:absolute; bottom:-31px; right:0; font-size:12px; font-weight:bold; width:126px; height:25px; padding:3px 0 0 14px; color:#333; text-decoration:none; background:url(../img/shell/tabs.png) no-repeat 0 0; }

/* results menu */
#resultsMenu { top:-263px; right:20px; height:260px; width:214px; display:none; }
#resultsMenu h3, #resultsMenu p { padding-left:8px; }
#resultsMenu p { margin-bottom:6px; }
#resultsMenu ul { padding:0 10px; }
#resultsMenu ul li { background:url(../img/shell/resultsBullet.png) no-repeat 0 6px; padding-left:10px;  margin-bottom:4px; }

/* newsletter menu */
#newsletterMenu {  height:208px; top:-211px; right:10px; display:none; }
#newsletterMenu form { padding:20px 0 0 10px; }
#newsletterMenu form label { margin-bottom:5px; }
#newsletterMenu form input { margin-bottom:14px; border:0; width:123px; background-color:#fff; }
#newsletterMenu form input.menu-link { color:#fff; background:none; padding:0; margin:0 0 0 -3px; text-align:left; text-decoration:underline; font-size:11px; float:left; width:55px; }
#newsletterMenu form input.menu-link:hover { color:#ff9900; cursor:pointer; }
#main #newsletterMenu a.menu-link { padding-left:10px; position:relative; }
#openNewsletter { width:84px; background-position:-58px -60px; text-align:center; padding-left:0; }
#newsletterMenu p { padding:0 10px 0 0; line-height:1.1em; margin-bottom:10px; }
#contactus input.button { display:block; height:21px; }

/* content */
.content em { font-style:italic; }
.two-col #leftCol .content, #two-col #leftCol .content { font-size:11px; padding:37px 0 0 0; }
.two-col #leftCol .content ul.testimonials, #two-col #leftCol .content ul.testimonials, .three-col #rightCol .content ul.testimonials { background:url(../img/shell/quotes.png) no-repeat 0 0; padding-top:15px; margin-left:6px; padding-left:6px; width:160px; }
.three-col #rightCol .content ul.testimonials { width:191px; background:none; padding:0; margin-top:-18px; }
.two-col #leftCol .content ul li, #two-col #leftCol .content ul li, .three-col #rightCol .content ul li { font-size:11px; color:#000; }
.two-col #rightCol .content ul.testimonials li, #two-col #rightCol .content ul.testimonials li, .three-col #rightCol .content ul.testimonials li { padding-bottom:20px; margin-bottom:8px; }
.two-col #leftCol .content ul li.last, #two-col #leftCol .content ul li.last { background:none; }
.two-col #leftCol .content ul li h2, .three-col #rightCol .content ul li h2 { font-weight:bold; position:relative; left:auto; top:auto; height:auto; font-size:11px; font-weight:bold; background:none; padding:0; text-indent:0; color:#000; }
.two-col #leftCol .content ul li span, #two-col #leftCol .content ul li span, .three-col #rightCol .content ul li span { color:#666; display:block; margin:0; }
.three-col #rightCol .content ul.testimonials li { padding:0 34px 1px 15px; font-size:11px; margin-bottom:38px; }
.three-col #leftCol .content ul li span { padding-top:10px; font-size:11px; }
.three-col #rightCol .content ul li.peter { background:url(../img/content/peter.png) no-repeat 100% 100%; }
.three-col #rightCol .content ul li.phil { background:url(../img/content/phil.png) no-repeat 100% 100%; }
#main #rightCol .content ul.testimonials li.phil span { margin-top:50px; }
.three-col #rightCol .content ul li.becki { background:url(../img/content/becki.png) no-repeat 100% 100%; margin-bottom:30px; }
#main #rightCol .content ul.testimonials li.becki span { margin-top:43px; }
#two-col #leftCol .content ul li a { color:#666; }
#leftCol .content h3 a { color:#666 }
#leftCol .content h3 a:hover { color:#ff9900; }

.two-col #centreCol .content, #two-col #centreCol .content { padding-top:52px; background-color:#fff; }
.two-col #centreCol .content p { font-size:11px; margin-bottom:16px; clear:left; }
#two-col #centreCol .content p { font-size:11px; margin-bottom:16px; clear:none; }
.two-col #centreCol .content .news-story p { clear:none; }
.two-col #centreCol img { float:right; background:url(../img/shell/divider.png) repeat-x 0 100%; padding-bottom:11px; margin:8px; }
.two-col #centreCol img.contact { margin-left:73px; }
.two-col #centreCol .content h3, #two-col #centreCol .content h3 { font-size:11px; clear:left; }
.two-col #centreCol .content .album h3 { margin-bottom:-16px; background:url(../img/shell/divider.png) repeat-x scroll 0 100%; padding-bottom:14px; }

.two-col #centreCol .content .team div { float:left; width:155px; height:210px; position:relative; }
.two-col #centreCol .content .team h3 { font-size:11px; font-weight:bold; margin-top:-4px; }
.two-col #centreCol .content .team p { width:114px; margin-bottom:0; }
.two-col #centreCol .content .team img { float:none; margin-left:0; margin-right:0; }
.two-col #centreCol .content .team a { font-size:11px; color:#666; }

.two-col #centreCol .content ul, #two-col #centreCol .content ul { margin-bottom:16px; }
.two-col #centreCol .content ul li, #two-col #centreCol .content ul li { font-size:11px; }

.two-col #centreCol .yachts div { clear:both; }
.two-col #centreCol .yachts img { margin-top:0; float:left; }
.two-col #centreCol .yachts h3 { clear:none; position:relative; top:-4px; width:80%; }
.two-col #centreCol .yachts p { margin-bottom:6px; }
.two-col #centreCol dl, #two-col #centreCol dl { font-size:11px; float:left; width:420px; }
.two-col #centreCol dl dt, #two-col #centreCol dl dt, .two-col #centreCol dl dd, #two-col #centreCol dl dd { float:left; }
.two-col #centreCol dl dt, #two-col #centreCol dl dt { clear:left; font-weight:bold; margin-right:5px; color:#FF9900; }
.two-col #centreCol dl dd, #two-col #centreCol dl dd { margin-bottom:12px; width:380px; }

.two-col #leftCol .content dl, #two-col #leftCol .content dl { margin:16px 0; }
.two-col #leftCol .content dl dt, #two-col #leftCol .content dl dt { font-weight:bold; }
.two-col #leftCol .content dl dd, #two-col #leftCol .content dl dd { padding-left:0; }
.two-col #leftCol .content h3, #two-col #leftCol .content h3 { margin-top:15px; padding-left:12px; }
.two-col #leftCol .content ul.specs li { height:107px; }
.two-col #leftCol .content ul.specs h3, .two-col #leftCol .content ul.specs p { padding-left:4px; }
.two-col #leftCol .content ul.specs p { margin-bottom:8px; }
.two-col #leftCol .content ul.specs span { top:-2px; position:relative; top:-10px; width:160px; text-align:center; font-size:10px; }
.two-col #leftCol .content ul.specs a.button { width:130px; }
.two-col #leftCol .content p, #two-col #leftCol .content p { padding-left:12px; }
.two-col #centreCol .content a.more, #two-col #centreCol .content a.more { float:right; font-size:11px; color:#666; clear:left; margin:0 25px 12px; }
.two-col #centreCol a img { float:left; margin:25px 25px 0 0; padding:0; }
.two-col #centreCol a img.last { margin-right:0; }
.two-col #centreCol .album { width:600px; clear:both; margin:0 0 16px; overflow:hidden; position:relative; }
.two-col #centreCol .content .divider { width:600px; height:10px; background:url(../img/shell/divider.png) repeat-x 0 100%; clear:both; }

.two-col #centreCol .content .yachts h2 { position:relative; top:auto; left:-13px; background:url(../img/shell/headingBGs.png) repeat-x scroll -10px 0px; font-size:16px; text-indent:20px; height:28px; font-weight:normal; margin-bottom:12px; width:650px; }
.two-col #centreCol .content .yachts dl dt { color:#ff6600; font-weight:bold; }
.two-col #centreCol .content .yachts p { margin-bottom:0; clear:none; }

.three-col .content h2 { font-weight:normal; }
.three-col #leftCol .content { color:#fff; font-size:11px; padding:37px 0 0 0; }
.three-col #leftCol .content .nav-heading, .three-col #rightCol .content .nav-heading, .two-col #leftCol .content .nav-heading { position:relative; top:auto; left:auto; width:190px; height:24px; padding-top:6px; font-size:15px; }
.two-col #leftCol .content .nav-heading { width:191px; }
.three-col #leftCol .content ul, .two-col #leftCol .content ul { margin:14px 0; background-color:#e8e8e8; width:150px; margin-left:12px; }
.two-col #leftCol .content ul.specs { margin-left:10px; }
.three-col #leftCol .content ul li a, .two-col #leftCol .content ul li a { color:#000; text-decoration:none; }
.three-col #leftCol .content ul li a:hover, .three-col #leftCol ul li a.on, .three-col #leftCol ul li a.active, .two-col #leftCol .content ul li a:hover, .two-col #leftCol .content ul li a.on, .two-col #leftCol .content ul li a.active { color:#ff9900; text-decoration:underline; }
.two-col #leftCol .content ul.specs li a { color:#fff; }

.three-col #leftCol .content ul li p { color:#000; }
.three-col #centreCol .content { padding-top:48px; }
.three-col #centreCol h2 { color:#000; }
.three-col #centreCol .content, .three-col #rightCol .content { font-size:11px; }
.three-col #rightCol .content h2 { color:#fff; }
.three-col #rightCol .content h2.sub-heading { left:-12px; }
#two-col #leftCol .content h2.sub-heading { position:relative; }
.three-col #rightCol .content ul { margin-top:12px; }
.three-col #rightCol .content ul li { background:url(../img/shell/divider.png) repeat-x 0 100%; padding-bottom:20px; margin-bottom:8px; }
.three-col #rightCol .content ul li.last { background:none; }
.three-col #rightCol .content a { color:#000; }
.three-col #centreCol .content p { margin-bottom:16px; clear:left; }

.three-col #centreCol .content dl { width:240px; }
.three-col #centreCol .content dt, .three-col #centreCol .content dd { float:left; }
.three-col #centreCol .content dt { clear:left; font-weight:bold; margin-right:5px; color:#ff9900; }
.three-col #centreCol .content dd.duration span { position:absolute; left:12px; width:250px; }
.three-col #centreCol .content dd.last { margin-bottom:16px; }

.three-col #centreCol .content q, .two-col #centreCol .content q { margin-bottom:10px; width:100%; font-size:11px; display:block; font-weight:bold; }
.two-col #centreCol .content q { text-align:left; }
.three-col #centreCol .content ul li { background:url(../img/shell/resultsBullet.png) no-repeat 0 6px; margin-left:2px; padding-left:10px; } 

.three-col #rightCol .content .nav-heading { width:230px; }
.three-col #rightCol .content h3 { margin-top:16px; }
.three-col #rightCol .content a { color:#666; margin-bottom:16px; display:block; }
.three-col #rightCol .content a:hover { color:#ff9900; }
.three-col #rightCol .content table { width:210px; margin-bottom:22px;  }
.three-col #rightCol .content table a { margin-bottom:0;}

.content h3.orange-heading, .two-col #centreCol .content .yachts h2.orange-heading { color:#ff6600; padding-top:0; font-size:12px; }
.two-col #centreCol .content p.orange-heading { color:#ff6600; margin-bottom:0; }
.three-col #rightCol .content .title-link { color:#000; font-weight:bold; margin-bottom:0; }
.three-col #rightCol #offer { background:url(../img/shell/divider.png) repeat-x 0 100%; padding-bottom:5px; }

.one-col #leftCol .content { background-color:#fff; }
.one-col #leftCol .content .left, .one-col #leftCol .content .right { width:390px; float:left; }
.one-col #leftCol .content div h2 { font-weight:bold; font-size:12px; position:relative; top:auto; left:auto; background:none; color:#000; text-indent:0; }
.one-col #leftCol .content ul li { font-size:11px; background:url(../img/shell/resultsBullet.png) no-repeat 0 6px; padding-left:10px; margin-left:2px; }
.one-col #leftCol .content ul li a { color:#000; }
.one-col #leftCol .content ul { margin-bottom:10px; }
.one-col #leftCol .content ul li ul li { font-size:10px; }
.one-col #leftCol .content { padding-top:50px; }
.one-col #leftCol .content img { float:right; margin:25px 14px 8px 30px; }
.one-col #leftCol .testimonial { margin-bottom:25px; padding-bottom:15px; background:url(../img/shell/shadow.png) repeat-x scroll 0 100%; width:800px; }
.one-col #leftCol .content .testimonial img { background:none; margin:25px 0 8px 30px; }
.one-col #leftCol .content p { font-size:11px; }
.one-col #leftCol .content h3 { font-size:12px; margin-bottom:5px; }
.one-col #leftCol .content form { width:270px; margin-top:15px; }
.one-col #leftCol .content label { width:50px; font-size:12px; margin-right:10px; float:left; }
.one-col #leftCol .content input { float:left; width:202px; background-color:#e2e2e2; border:0; margin-bottom:8px; padding:4px 4px 6px; }
.one-col #leftCol .content table { font-size:11px; width:625px; margin-bottom:20px; }
.one-col #leftCol .content table a { color:#666; }
.one-col #leftCol .content table a:hover { color:#ff6600; }

.news-story { background:url(../img/shell/shadow.png) repeat-x 0 100%; padding-bottom:10px; }
.two-col #centreCol .content .news-story img { float:left; margin:0 20px 0 0; }

/* blogger */
.post-container a { color:#666; font-size:11px; }
.post-container a:hover { color:#ff6600; }
.post-container a.comments-link { float:left; margin-left:10px; }
.post-container a.grey-button { float:left; clear:left; color:#fff; margin-right:10px; }
#main .content p.post-date, #main .content span.post-date { font-weight:bold; color:#666; font-size:12px; }
#main .content span.post-date { font-weight:normal; float:left; }
div.post-container { background:url(../img/shell/shadow.png) repeat-x 0 100%; padding-bottom:30px; margin-bottom:20px; font:12px Arial, Sans-serif; clear:both; display:inline-block; width:100%; }
h4.comments-heading { margin-bottom:10px; }
#centreCol .blog-content { width:620px; }
#two-col #centreCol .post-container h2 { position:relative; width:90%; left:-10px; font-weight:bold; font-size:12px; padding-top:0; background:none; }
#two-col #centreCol .post-container h2 a { color: #000; font-size:12px;}
#two-col #centreCol .post-container h2 a:hover { color: #ff6600; }
.post-container .addthis_toolbox { position:relative; float:none; bottom:auto; right:auto; margin-top:27px;}
.blog #leftCol ul { padding-left:12px; margin:10px 0; }
html body#two-col div#outerContainer div#main div#leftCol div.content h2 { background-position:0 -37px; }
#two-col #centreCol .content p.home-link { clear:both; float:left;  margin:5px 0 0 5px;}
.delete-comment-icon { margin-left:10px; }
#two-col #centreCol p.button-container a { float:left; clear:left; color:#fff; font-size:12px; font-weight:bold; text-align:center; display:block; height:30px; width:100px; padding:2px 16px 0; margin-top:9px; text-decoration:none; background:url(../img/shell/buttonBGs.png) repeat-x 0 0; }

/* content image container */
#centreCol .content .img-container, #leftCol .content .img-container { float:right; margin:4px 0 16px 16px; width:126px; }
.three-col #centreCol .content .img-container { width:126px; }
.two-col #centreCol .content .img-container, .one-col #leftCol .content .img-container { width:160px; }
#centreCol .content .img-container img { float:none; background:none; margin:0; display:block; padding-bottom:0; }
#centreCol .content .img-container .button { margin-top:1px; padding:2px 0 0; width:100%; }
#centreCol .content .img-container span { display:block; width:100%; font-size:10px; color:#666; text-align:center; line-height:1.2em; }
#leftCol .content .img-container img { float:none; margin:0;}
#leftCol .content .img-container a { width:128px; margin-top:0; }

/* contact form */
#centreCol .content form { width:312px; }
#centreCol .content form input, #centreCol .content textarea { width:202px; background-color:#e2e2e2; float:left; border:0; margin-bottom:10px; padding:4px 4px 6px; font-family:Arial; }
#centreCol .content form label { width:90px; float:left; font:12px Arial, Sans-serif; padding-top:6px; margin-right:10px; }
#centreCol .content form input.button, .one-col #leftCol .content form input.button { padding:0 0 0; width:108px; height:20px; margin:0 2px 0 0; float:right; }
.msgError { font-size:12px; font-weight:bold; padding-top:4px; position:relative; right:-60px; float:right; margin-top:-34px; }
#centreCol .content form input#cAccept { width:auto; }
#centreCol .content form label.wide-label { width:282px; margin-bottom:5px; }

.logic-button { float:left; margin-left:10px; }
.content .orange-button:hover { color:#333; }
.two-col #leftCol .content ul.news-archive li { margin-bottom:10px; }
.content table.info { margin-bottom:20px; }
.content table.info th { color:#ff9900; font-weight:bold; width:110px; vertical-align:top; font-size:11px; }
.content table.info td { vertical-align:top; font-size:11px; }
#main .content p.news-more { margin-bottom:30px; }
.home-button { float:left; margin-right:10px; }
.terms-link { float:left; font-size:11px; color:#333; }

/* tabs */
.three-col #centreCol .content ul.tabs { margin-bottom:20px; border-bottom:2px solid #dbdbdb; }
.three-col #centreCol .content ul.tabs li { float:right; background:none; padding:0; margin-left:2px; }
.three-col #centreCol .content ul.tabs li a { display:block; width:95px; height:22px; padding-top:4px; background:url(../img/shell/rya_tabs.png) no-repeat 0 0; text-align:center; text-decoration:none; color:#000; }
.three-col #centreCol .content ul.tabs li a:hover, .three-col #centreCol .content ul.tabs li a.on { background-position:0 -26px; color:#ff9900; }
.three-col #centreCol .content ul.tabs li.rya-link { float:left; background:none; margin:0; }
.three-col #centreCol .content ul.tabs li.rya-link a { background:none; display:inline; position:relative; top:4px; }
.three-col #centreCol .content ul.tabs li.rya-link a:hover, .three-col #centreCol .content ul.tabs li.rya-link-on a  { color:#ff9900; }
.three-col #centreCol .content img.left { float:left; margin:5px 10px 5px 0; padding-bottom:11px; background:transparent url(../img/shell/shadow.png) repeat-x scroll 0 100%; }
.three-col #centreCol .content p.left-wrap { clear:none; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { position:absolute; top:0; left:0; z-index:90;	width:100%; height:500px; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; }
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {	display:block; clear:left; padding-bottom:1.0em; }			
#lightbox-secNav-btnClose {	width:66px; float:right; padding-bottom:0.7em; }

/* side bar */
#two-col .blogEngine .content { padding-top:0 !important;}
#two-col #leftCol .widgetzone .content ul li a, #two-col #leftCol .widgetzone .content ul li a span { text-decoration:underline; }
#two-col #leftCol .widgetzone .content ul li a:hover, #two-col #leftCol .widgetzone .content ul li a:hover span, #two-col #leftCol .content ul li a:hover, .bottom a:hover, .bottom a.button:hover { color:#ff9900; }
#two-col #leftCol .widgetzone h4 { height:28px; margin-bottom:40px; left:-12px; top:0; width:100%; padding-top:9px; padding-left:12px; background:url("http://www.sailinglogic.co.uk/common/img/shell/headingBGs.png") repeat-x scroll -10px 0 transparent; background-position:0 -37px; position:relative; font-weight:normal; line-height:1.2em; font-size:16px; color:#fff; }
#two-col #leftCol .widgetzone .widget .content, .widgetselector { margin-left:12px; } 
#two-col #leftCol .widgetzone .widget a { border-left:1px solid #666; padding-left:5px; margin-right:5px; position:relative; }
#two-col #leftCol .widgetzone .widget a:first-child { border-left:none; padding-left:0; }
#two-col #leftCol .widgetzone .widget a.delete, #two-col #leftCol .widgetzone .widget a.edit, #two-col #leftCol .widgetzone .widget a.move { top:60px; left: 100px;}
#two-col #leftCol .widgetzone .widget .content a { border-left:none; padding-left:0; margin-right:0; }
#two-col #leftCol .widgetzone .widget .content ul { padding-left:0; }
#two-col #leftCol .widgetzone .monthlist .content ul li { font-weight:bold; }
#two-col #leftCol .widgetzone .monthlist .content ul li ul li { font-weight:normal; }
.blog #leftCol #monthList li ul { margin-top:0; margin-left:12px; }
.widgetselector { width:130px; }
#two-col #leftCol input { padding:0; }

/* blog front page */
.pubDate { color:#666; margin-bottom:16px; display:block; }
.post { background:url(http://www.sailinglogic.co.uk/common/img/shell/shadow.png) repeat-x 0 100%; padding-bottom:30px; margin-bottom:20px; font:12px Arial, Sans-serif; clear:both; display:inline-block; position:relative;}
.post h1 { position:relative; width:90%; margin-bottom:16px; font-weight:bold; font-size:12px; padding-top:0; background:none; }
.post h1 a { color:#000; }
.post h1 a:hover { color:#ff9900; }
.bottom span, .bottom a { color:#666; font-size:12px; }
.bottom a { font-size:11px; }
.bottom a.button { color:#fff; float:left; } 
.post .bottom .addthis_toolbox { position:static; float:left; margin:12px 0 0 10px; }
.post .footer { clear:both; }

#postPaging a, #postnavigation a { font-size:11px; }
#postnavigation { margin-bottom:16px; font-size:11px; color:#666; }

#newsletterLink { display:block; position:absolute; top:0; right:-45px; font-size:12px; font-weight:bold; width:126px; height:25px; padding:3px 0 0 10px; color:#333; text-decoration:none; background:url(../img/shell/tabs.png) no-repeat -58px -60px; }

/* post page */
#two-col #centreCol .content p#comment, #two-col #centreCol .content .commentForm p#addcomment { margin-bottom:10px; font-weight:bold; font-size:16px; }
#two-col #centreCol #commentlist .comment p.content { padding:0; }
.bbcode { clear:both; display:block; }
.bbcode a { border-left:1px solid #666; padding-left:5px; margin-right:5px; font-size:12px; }
.bbcode a:first-child { border-left:0; padding-left:0; }
#leftCol .recentposts .sub-heading { margin-bottom:30px; }

/* comments */
.commentForm label { width:100px; font-size:12px; display:block; float:left; clear:left; margin-bottom:10px; }
.commentForm input { float:left; margin-bottom:10px; margin-right:5px; }
.commentForm span { position:relative; top:1px; font-size:12px; font-weight:bold; display:block; }
.commentForm span.bbcode { top:0; font-weight:normal; }
#status { display:block; margin-bottom:20px; }
#centreCol .content #commentCompose textarea { width:100%; background-color:#fff; border:1px solid #e2e3ea; }
#commentPreview { display:none; }