/*

    RYA HOME PAGE STYLE SHEET - 2009-01-27 [Stu Lanham: Design Haus]
    Updated 2010 for home page rebuild by :Dan Wellman - Design Haus

*/

/* Structure */
#home-R1 { width:950px; border-bottom:solid 1px #01143C; position:relative; z-index:1; float:left; }
#home-R1 a { color:#fff; }
#home-R1-left { width:757px; padding-top:19px; float:left; }
#home-R1-left-top { width:757px; float:left; border-bottom:solid 1px #01143C; }

/* Mpu 150 */
#home-R1-left-mpu150 { width:208px; padding:0 0 15px 0; float:left; text-align:center; }

/* Weather */
#home-R1-left-weather { width:203px; padding:17px; border:1px solid #01143C; border-top:none; border-bottom:none; float:left; }

/* Mpu 600 */
#home-R1-right-mpu600 { width:193px; float:right; text-align:center; }
#home-R2 { width:950px; clear:both; float:left; border-bottom:solid 1px #01143C; }

/* Courses & Teachings */
#home-R2-left-courses { width:678px; float:left; padding:17px; border-right:solid 1px #01143C; }
#home-R2-courses-left { width:312px; float:left; }
#home-R2-courses-left img { float:right; margin:18px 13px 15px; border:1px solid #324262; }
#home-R2-courses-left ul { padding:0; margin:15px 0 20px; list-style:none; }
#home-R2-courses-left li { padding:0 0 5px 10px; background:transparent url(images/bullet-arrow.gif) top left no-repeat; }
#home-R2-courses-centre { width:161px; padding:0 10px; border:1px solid #2d4362; border-top:none; border-bottom:none; position:relative; top:18px; float:left; }
#home-R2-courses-centre h4 { margin-top:0; }
#home-R2-courses-right { width:173px; float:left; padding-left:10px; }

/* Information & Advice */
#home-R2-right-information { width:203px; float:right; padding:17px; }
#home-R3 { width:916px; clear:both; float:left; border-bottom:solid 1px #01143C; padding:17px; }
#home-R3 a { color:#fff; }

/* What we do */
#home-R3-what-we-do { width:235px; float:left; margin-right:30px; }
#home-R3-what-we-do ul { padding:0; margin:15px 0 0 0; list-style:none; }
#home-R3-what-we-do li { padding:0 0 5px 10px; background:transparent url(images/bullet-arrow.gif) top left no-repeat; }

/* Programs */
#home-R3-program-logos { width:625px; float:right; }
#home-R3-program-logos ul { padding:0; margin:0; list-style:none; }
#home-R3-program-logos li { display:inline; margin-left:15px; float:left; }
#home-R3-program-logos li:first-child { margin-left:0; }
#home-R3-program-logos li a { display:block; height:85px; width:103px; border:1px solid #001a3f; text-indent:-8000px; background:url(/SiteCollectionImages/programme-logos.png) no-repeat 0 0; }
#home-R3-program-logos li a:hover { border:1px solid #dee1e6; }
#home-R3-program-logos li a:hover.home-R3-sailability { background-position:-143px 0; }
#home-R3-program-logos li a.home-R3-T15 { background-position:0 -85px; }
#home-R3-program-logos li a:hover.home-R3-T15 { background-position:-143px -85px; }
#home-R3-program-logos li a.home-R3-onboard { background-position:0 -170px; }
#home-R3-program-logos li a:hover.home-R3-onboard { background-position:-143px -170px; }
#home-R3-program-logos li a.home-R3-dinghy-show { background-position:0 -255px; }
#home-R3-program-logos li a:hover.home-R3-dinghy-show { background-position:-143px -255px; }
#home-R3-program-logos li a.home-R3-team-GBR { width:143px; background-position:0 -340px; }
#home-R3-program-logos li a:hover.home-R3-team-GBR { background-position:-143px -340px; }

/*customise panel*/
.customise-wrap { float:left; height:160px; display:none; }
.customise-inner { padding:15px 20px; text-align:left; float:left; width:910px; border:0; margin:0; }
.customise-inner legend { display:none; }
.customise-inner h2 { margin:0; padding:0; border:0; }
.customise-inner p { margin:0; padding:5px 0; }
.customise-1 { float:left; width:425px; margin-right:10px; border-right:1px solid #306493 !important; }
.customise-1 select { background-color:#d5eef5; border:1px solid #98def3; font-size:8pt; }
.customise-2, .customise-3 { padding-left:15px !important; float:left; width:231px; margin-right:10px; border-right:1px solid #306493 !important; }
.customise-3 { padding-left:15px !important; padding-bottom:5px; float:left; width:191px; margin:0; border:0 !important; }
.customise-2 select, .customise-3 select { background-color:#d5eef5; border:1px solid #98def3; font-size:8pt; }
.customise-inner input[type=image] { float:right; }

/* Hyperlinks */
#home-R1 a, #home-R2 a, #home-R3 a { color:#FFF; text-decoration:underline; }
#home-R1 a:hover, #home-R2 a:hover, #home-R3 a:hover { text-decoration:none; }
#home-R1 h2 a, #home-R2 h2 a, #home-R3 h2 a { text-decoration:none; }
#home-R1 h2 a:hover, #home-R2 h2 a:hover, #home-R3 h2 a:hover { text-decoration:underline; }
#home-R1 h3 a, #home-R2 h3 a, #home-R3 h3 a { color:#98D3E4; text-decoration:underline; }
#home-R1 h3 a:hover, #home-R2 h3 a:hover, #home-R3 h3 a:hover { text-decoration:none; }

/* Weather panel for homepage */
.hp-weather-main { border-bottom:1px solid #315076; padding:10px 0; margin:0 0 10px 0; width:100%; }

/* icons in table */
.hp-weather-main table { border-collapse:collapse; border-right:1px solid #315076; float:left; margin-right:3px; }
.hp-weather-main table td { padding-right:3px; font-size:.8em; }
.hp-weather-main strong { font-size:1.4em !important; }
td.no-data, p.no-data { font-size:1.3em; color:#325075; text-transform:uppercase; font-weight:bold; }
p.no-data { font-size:1em; padding-right:3em; margin:1em 0; }

/* list of weather stats */
.hp-weather-main ul { list-style:none; margin:0 0 26px 0; padding:0; border:none; float:left; width:100px; }
.hp-weather-main li { border-bottom:1px solid #315076; margin:0; float:left; font-size:0.9em; padding:1px 0; width:100px; }
.hp-weather-main li.last { border:none; }
.hp-weather-main ul, .hp-weather-main a { position:relative; left:3px; }
.tides { border-collapse:collapse; float:left; width:100%; margin:.5em 0; }
.tides td, .tides th { font-size:.9em; text-align:left; }
.tides tr.first th, .tides tr.first td { border-bottom:1px solid #315076; }
.tides th.second { border-left:1px solid #315076; padding:0 3px; }
.tides td.last { width:19%; }

/* buttons */
.button { display:block; width:172px; padding:7px 0; position:relative; font-weight:bold; font-size:12px; text-align:center; text-decoration:none !important; }
.blue { background-color:#001a3f; border:1px solid #001a3f; }
.blue:hover { border:1px solid #00e0fd; }
.red { background-color:#ce0c34; }
.button .right { display:block; width:9px; height:9px; position:absolute; right:10px; top:13px; background:url(images/buttons/linkButton-right.png) no-repeat 0 0; }
.yellow { background-color: #ff7e00; color: black !important; font-size: 14px; }

/* jQuery UI tabs - functional CSS and theme pulled in from google CDN, but need to override most of the theme */
#tabs { width:558px; padding:0; float:left; background:transparent none; visibility:hidden; height: 345px}
#tabs.ui-widget { font-family:Arial, sans-serif; }
#tabs.ui-tabs { visibility:visible; }
#tabs.ui-corner-all, #tabs .ui-corner-top, #tabs .ui-corner-bottom { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
#tabs .ui-tabs-nav { padding:0; }
#tabs .ui-widget-header { border:none; background:transparent none !important; }
#tabs .ui-widget-header .ui-state-default { border:none; background:#1c375e none; }
#tabs .ui-tabs-nav li { margin:0 0 0 4px; }
#tabs .ui-tabs-nav li:first-child { margin-left:0; }
#tabs .ui-tabs-nav li.ui-tabs-selected { border-left:1px solid #0077b3; border-right:1px solid #0077b3; background:#00588a none; }
#tabs .ui-tabs-nav li.ui-tabs-selected a { padding-top:15px; border-top:4px solid #ce0c34; color:#fff; text-decoration:none; cursor:default; }
#tabs .ui-tabs-nav li.ui-state-hover a { color:#fff; }
#tabs .ui-tabs-nav li a { width:136px; padding:19px 0; color:#5291bf; font:bold 12px Arial, sans-serif; text-decoration:none; text-align:center; }
#tabs.ui-widget-content { border:none; }
#tabs .ui-tabs-panel { width:512px; height:232px; line-height:20px; padding:28px 24px 28px 20px; border:1px solid #0077b3; color:#fff; background:#00588a url(images/tabBg.jpg) no-repeat 0 100%; }
#tabs .ui-tabs-panel h2 { border:none; font-size:18px; }
#tabs .ui-tabs-panel img { float:right; border:1px solid #00e0fd; }
#tabs .ui-tabs-panel p { padding-right:238px; margin-bottom:24px; }

/* tab specific styles */
#news ul.news-items { padding: 0px; margin: 0px; }
#news ul.news-items li { width: 152px; height: auto; margin-right: 27px; float: left; list-style-type: none; line-height: 16px; }
#news ul.news-items li.last { margin-right: 0px; }
#news ul.news-items li img { border: 1px solid #00e0fd !important; float: none !important; margin-bottom: 5px;}
#news ul.news-items li h2 { font-size: 12px; font-weight: bold; text-decoration: underline; }
#news .button { position:absolute; right:25px; bottom:28px; }
#cruising div { width:153px; padding:0; float:left; }
#cruising div:first-child { padding:0 20px 0 0; }
#tabs #cruising div.middle { width: 135px; margin-right: 20px; }
#tabs #cruising div p { padding-right:0; }
#tabs #cruising div img { float:left; margin-bottom:5px; }
#tabs #cruising div h3 { margin:0 0 14px; color:#fff; text-transform:none; }
#tabs #cruising div .button { width:145px; }
#tabs #cruising div ul { list-style-type:none; padding-left:0; margin-top:-5px; }
#tabs #cruising div ul li { padding-left:9px; background:url(images/hyphen-bullet.png) no-repeat 0 8px; }
#tabs #cruising div.last { margin-left: 20px; }
#tabs #shop div {  font-weight:bold; font-size:12px;}
#tabs #shop div.first { width:280px; float:left; }
#tabs #shop div.first a img { margin-bottom: 10px; }
#tabs #shop div.last { width:205px; float: right;}
#tabs #shop div .cat-books { color:#00e0fd; }
#tabs #shop div img { float:left; margin-right: 10px; }
#tabs #shop div p { padding-right:0; margin:0; }
#tabs #shop div.last ul li p { width: 100px; float: left; }
#tabs #shop div.last ul li { margin-bottom: 15px; }
#tabs #shop div ul { margin-top:0; padding:0; }
#tabs #shop div li { float:left; list-style-type:none; }
#tabs #shop div a.button { width:167px; clear:both; }
#tabs #shop div li img { display:block; }
#video div:first-child { width:125px; }
#tabs #video div.first { float:left; }
#tabs #video div.last { float:right; }
#tabs #video div:first-child p { padding-right:10px; margin-bottom:12px; }
#tabs #video div .button { width:115px; }
#tabs #video div img { border:none; cursor: pointer; }

/* membership box */
.membership { width:197px; height:342px; margin-top:1px; border:1px solid #00153c; border-bottom:none; float:left; background-color:#152d50; }
.membership h2 { border-bottom:none; }
.membership p { margin-top:4px; }
.membership ul { padding-left:14px; margin:5px 0 9px; }
.membership .unmember .top { padding:15px 12px 12px; border-bottom:1px solid #00153c; position:relative; }
.membership .home-login { padding:9px 12px 10px; border-top:1px solid #384c6a; }
.membership .home-login p { margin-bottom:6px; }
.unmember .banner { width:102px; height:86px; position:absolute; top:-8px; right:-7px; background:url(images/banner-membership.png) no-repeat 0 0; }

.member div { padding:11px 10px 10px 11px; }
.member div:first-child { border-bottom:1px solid #00153c; }
.member .middle { padding-bottom:24px; border-top:1px solid #384c6a; border-bottom:1px solid #00153c; }
.member h3 { margin:0 0 11px; color:#01ddf9; font-size:10px; }
.member img { margin-right:9px; border:1px solid #01ddf9; float:left; }
.member .middle { font-weight:bold; }
.member .middle p { margin-top:-4px; }
.member .middle li { float:left; list-style-type:none; }
.member .middle li:first-child { margin:0 3px 0 -14px; color:#01ddf9; }
.member .middle li .strike { margin-right:2px; color:#fff; text-decoration:line-through; }
.member .middle .cat-books { color:#01ddf9; }
.member .bottom { border-top:1px solid #384c6a; }
.member .bottom p { margin-bottom:6px; }
.unmember { display:block; } /* this is reversed to show ryan the member box */
.member { display:block; } /* as above */

/* Skandia */
#home-R1-left-skandia { width:287px; height:355px; padding:23px 12px 0 10px; border-left:solid 1px #01143c; float:left; background:url(images/skandia-box.png) no-repeat 0 0; }
#home-R1-left-skandia p { clear:both; font-size:12px; color:#1c375e; }
#home-R1-left-skandia .header { height:40px; width:190px; margin:0px 0px 20px 60px; }
#home-R1-left-skandia .header a { display:block; height:100%; margin:0px 0px 20px 0px; }
#home-R1-left-skandia .news, #home-R1-left-skandia .twitter { padding:0 11px 7px; width:267px; border-bottom:1px solid #2a82ac; }
#home-R1-left-skandia .news h2 { border-bottom:none; font-size:14px; color:#1c375e; }
#home-R1-left-skandia .news ul { padding-left:0; margin-bottom:28px; }
#home-R1-left-skandia .news li { float:left; list-style-type:none; }
#home-R1-left-skandia .news li:first-child { margin-right:3px; }
#home-R1-left-skandia .news li, #home-R1-left-skandia .news a { color:#e21350; font-size:11px; }
#home-R1-left-skandia .twitter { width:281px; height:73px; padding: 8px 0px 0px 8px; }
#home-R1-left-skandia .twitter a { float: left; margin-right: 10px;}
#home-R1-left-skandia .twitter a img { border: none; }
#home-R1-left-skandia .twitter p { float: left; width: 230px; clear: none; padding-top: 0px; }
#home-R1-left-skandia .twitter p a { float: none; margin-right: 0px;}
#tweet { padding-top:8px; margin-top:0; }
#tweet a { color:#e21350; }
#home-R1-left-skandia .images { padding-top:5px; }
#home-R1-left-skandia .images img { display:block; margin-left:12px; border:1px solid #01ddf9; float:left; }
#home-R2-right-information .button { width:200px; margin-top:20px; }

/* top banner */
.banner { width:950px; height:101px; position:relative; clear:both; }
.psp-boat-show { width:804px; height:70px; padding:31px 9px 0 137px; background:url(images/boatShowBanner.jpg) no-repeat 0 0; }
.psp-boat-show h2 { width:227px; border:none; float:left; }
.psp-boat-show p { width:332px; margin:0 18px 0 0; float:left; }
.psp-boat-show .button { width:133px; margin-top:10px; float:left; color:#fff; }
#close { width:53px; padding:2px 0; margin:0; position:absolute; top:20px; right:20px; color:#d3eff6; }

/* hacks for sucky IE */
.location-menu .go { position:relative\9; top:8px\9; }
.location-menu .go { *top:-10px; }

#home-R1-left-skandia .news ul { *margin-left:0; *margin-top:5px; }
#home-R1-left-skandia .news p { *margin-top:-20px; }
#home-R1-left-skandia .twitter { *width:281px;}

#tabs #cruising div ul { *margin-left:0px; }

#tabs #shop div li { *margin-bottom:16px; }
#tabs #shop div.first { *margin-right:0px; }
#tabs #shop div.first a img { *margin-bottom: 0px; }
#tabs #shop div.last { *float: left; }