/* CSS Document */

/* written by Chris How - chrishow.co.uk with borrowings from the web community */

/*First up: Eric Meyer's reworked reset - the man knows his onions */

/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
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, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline;}
a img, :link img, :visited img { border: 0; text-decoration:none; background-color:transparent;}
table { border-collapse: collapse; border-spacing: 0;}

/*Second in line: STRUCTURE - the foundations and cornerstones */
body {background-color:#e6e6e6;}

#page-wrap {width: 960px; margin: 30px auto 50px auto;
background-color:#fff;
border: 10px solid white; padding: 0px;
border: solid 0px #666; 
-moz-box-shadow: #343435 5px 5px 15px; /* for firefox 3.1 and later [color] [horizontal offset] [vertical offset] [size] */
-webkit-box-shadow: 5px 5px 15px #343435; /* for safari android [horizontal offset] [vertical offset] [size] [color]*/
box-shadow: 5px 5px 15px #343435; /* for all css3 browsers */}

#mainContainer {width:710px;float:left; margin:0 0 10px 0;}
#sidebar {float:left;}
#fullwidthContent {width:940px;float:left; margin:0 0 0px 10px;}

.videoContainer, .heroImageContainer {width:700px; margin:0 0 10px 10px;}

.titles {display:block; width:940px; margin:0 10px;}
.titlesLeft {width:466px; float:left;}
.titlesRight {width:466px; float:left; padding:0 0px 0 0;}

.pageTitles {display:block; width:700px; margin:0 10px;}
.pageTitlesLeft {width:350px; float:left;}
.pageTitlesRight {width:350px; float:left; padding:0 0px 0 0;}

.sectionContainer {width:220px; float:left; margin:0px 0px 10px 20px;}
.sectionContainerFirst {width:220px; float:left; margin:0px 0px 10px 10px;}

.halfSectionContainer {width:340px; float:left; margin:0px 0px 10px 20px;}
.halfSectionContainerFirst {width:340px; float:left; margin:0px 0px 10px 10px;}

.pageIntro {margin:0 0 10px 10px;}


.disciplines {margin:10px 0 10px 10px;}
.disciplinesBox {clear:both;}
.disciplines img {width:300px; margin: 0 20px 20px 0; float:left;}
.disciplinesText {float:left; margin:0; width:370px;}
.disciplines h2 {margin:0 0 5px 0;}



.sidebarNav {width:220px; float:left; margin:0 10px 20px 20px; background-color:#74ccd3;}
.sidebarNav h3 {color: #74ccd3; background-color:#343435; padding:3px 5px; text-transform:uppercase;}
.sidebarNav ul {list-style:none; margin:0 0 20px 0; padding:5px;}
.sidebarNav li {padding:10px 0; border-bottom: 1px dotted #343435;}


.sidebarDates {clear:both; width:220px; float:left; margin:0 10px 20px 20px; background-color:#f6ce80;}
.sidebarDatesContent {padding:0 5px;}
.sidebarDates h3 {color: #f6ce80; background-color:#343435; padding:3px 5px; text-transform:uppercase;}
.sidebarDates p {margin:10px 0 10px 0; padding:5px;}



.sidebarFact {clear:both; width:220px; float:left; margin:0 10px 20px 20px; background-color:#e6e6e6;}
.sidebarFact h3 {color: #e6e6e6; background-color:#343435; padding:3px 5px; text-transform:uppercase;}
.sidebarFact p {margin:10px 0 10px 0; padding:5px;}

.sidebarFriends {clear:both; width:220px; float:left; margin:0 10px 20px 20px; background-color:#f3f3f3; padding-bottom:10px;}
.sidebarFriends h3 {color: #e6e6e6; background-color:#343435; padding:3px 5px; text-transform:uppercase;}
.sidebarFriends p {margin:10px 0 10px 0; padding:5px;}
.friendsLogo {float:left; width:100px; height:100px; margin:0px 5px 0px 0;}
.friendsClear {clear:left;}

.sidebarMembers {clear:both; width:220px; float:left; margin:0 10px 20px 20px; background-color:#5f5f5f;}
.sidebarMembers h3 {color: #e6e6e6; background-color:#343435; padding:3px 5px; text-transform:uppercase;}
.sidebarMembers p {margin:10px 0 10px 0; padding:5px; color:#fff;}
.sidebarMembers ul {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height:1.2em; letter-spacing:0.02em; color:#fff; font-size:13px; margin:0 0 10px 18px;}
.sidebarMembers li {padding:0 0 8px 0;}


#footer {width:960px; height:100%; background-color:#343435; margin:10px 0 0 0; float:left; padding-bottom:0px;}
.footerSection {width:300px; float:left; margin:20px 0px 10px 20px;}
.footerSectionFirst {width:300px; float:left; margin:20px 0px 10px 10px;}
.affiliated {width:300px; float:left; margin:0px 0px 0 0;}
.BHSlogo {float:left; width:100px; height:100px; margin:10px 10px 0 0;}

.clear {clear:both; margin:0;padding:0;}


/* FAQ toggle */
/* Toggle styles for showing/hiding FAQs */
.toggleTrigger a {background: url('../images/closedIcon.png') no-repeat; display:inline;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height:1.7em; letter-spacing:0.02em; color:#666;
padding:0 2px 0px 22px;}

/* trigger minus sign */
.active a {background: url('../images/openIcon.png') no-repeat; background-color:#f3f3f3; display:inline;
padding:0 2px 0 22px; text-decoration:none;}
.active a:hover {text-decoration:underline;}
.toggleButton {padding:0px; display:inline;}
.toggleContainer {margin-top:-3px; padding: 5px; overflow:hidden; clear:both; background-color:#f3f3f3;}

/* top nav */

#logo {position:relative; top: -18px; left:-12px; width:100px; height:100px; z-index:2;}
#menuarea {height:40px; background-color:#fff; background:url('../images/menuarea_bg.gif') repeat-x; margin:0 0 15px 0;margin-top:-90px;}

#point {display:table; padding:0; margin:0 0 0 110px; list-style:none; white-space:nowrap;}
#point li {display:table-cell; margin:0; padding:0; border-right: solid 1px #999;}
#point li.first {border-left: solid 1px #999;}
#point li a {float:left; font-family: "Trebuchet MS", verdana; font-size:14px; letter-spacing:1px; padding:10px 10px 11px 10px; text-decoration:none; color:#666; font-weight:bold;}
#point li a:hover {background: url('../images/down_arrow.gif') no-repeat center top; color:#000; background-color:#74ccd3;} 
#point li a.current {background: url('../images/down_arrow.gif') no-repeat center top; color:#000; background-color:#ffd37c;}


/* typography */
h1, .titlesRight p, .pageTitlesRight p {font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; color:#666;
font-size:38px; line-height:1.0em;
margin:0 0 10px 0; padding:0px;}
h1 span, .titlesRight p span, .pageTitlesRight p span {color:#ea1f1f;}
.titlesRight p, .pageTitlesRight p {float:right; text-align:right;}

h2, h3, h4, p, .sidebarNav li {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height:1.2em; letter-spacing:0.02em; color:#666;}

h2 {font-size:18px; margin:10px 0 5px 0; color:#333;}
h3 {color:#333; font-size:16px;}
h3.toggle  {margin:10px 0 10px 0;}
h3.toggleHeadSpace  {margin:20px 0 10px 0;} /* extra head space for second plus reveal items */
h4 {font-size:14px; color:#333;}
.eventsponsors h4 {margin-bottom:12px;}
p {font-size:13px; margin:5px 0 20px 0; letter-spacing:0.06em;}
.sidebarNav li {font-size:13px; color:#343435;}

.paraAddition {clear:both; margin:0 0 0 10px;}

#footer h3, #footer h4 {color:#fff; text-transform:uppercase; font-weight:bold;}
#footer h4 {text-transform:none;}
#footer p {color:#fff; line-height:18px;}
.affiliated p {font-size:13px; margin:10px 0 0 0;line-height:18px;}


/* link styles */

/* body LINKS */
#mainContainer a:link, #fullwidthContent a:link {color:#666;}
#mainContainer a:visited, #fullwidthContent a:visited {color:#666;}
#mainContainer a:hover, #fullwidthContent a:hover {color:#343435; background-color:#74ccd3;}
#mainContainer a:active, #fullwidthContent a:active {color:#343435; background-color:#74ccd3;}
 

p.homenews a:link {color:#666;}
p.homenews a:visited {color:#666;}
p.homenews a:hover {color:#343435; background-color:#74ccd3;}
p.homenews a:active {color:#343435; background-color:#74ccd3;}

/* footer LINKS */
#footer a:link {color:#fff;}
#footer a:visited  {color:#fff;}
#footer a:hover {color:#343435; background-color:#74ccd3;}
#footer a:active {color:#343435; background-color:#74ccd3;} 

.sidebarNav li a:link, .sidebarNav li a:visited {color:#343435; text-decoration:none; padding:5px;}
.sidebarNav li a:hover {color:#74ccd3; background-color:#343435;}

.sidebarMembers a:link, .sidebarMembers a:visited {color:#fff;}
.sidebarMembers a:hover, .sidebarMembers a:active {color:#343435; background-color:#74ccd3;}

.sidebarFriends a:link, .sidebarFriends a:visited, .sidebarFact a:link, .sidebarFact a:visited  {color:#666; line-height:17px;}
.sidebarFriends a:hover, .sidebarFriends a:active, .sidebarFact a:hover, .sidebarFact a:active {color:#343435; background-color:#74ccd3;}

/* Google map */
#locationMap {width:700px; height:500px; margin:0 0 0 10px;}

/* SLIDER STYLES */
/* For Specific Slides */
.slideImage {background-color:#343435; width:700px; float:left; height:394px;}
.slideText {background-color:#343435; float:left; width:210px; height:394px; padding:30px 10px 10px 20px;}

/* typography for slider */
.slideText h3 {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; line-height:1.7em; letter-spacing:0.05em; background-color:#a1a1a1; color:#fff; display:inline; padding:5px;} 
.slideText h3 span {padding:2px 0px 5px 5px;}
.slideText p {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.2em; letter-spacing:0.05em; color:#fff; margin:20px 0 15px 0;}


/* slider css */
.anythingSlider { width: 700px; position: relative; margin: 0px;}
.anythingSlider .anythingSliderWrapper  { width: 940px; margin: 0 0 20px 10px; overflow: auto; height: 414px; background-color:#a1a1a1; position: absolute; top: 0; left: 0;}
.anythingSlider {margin-bottom:10px;}
/* width to fit in all content */
.anythingSlider .anythingSliderWrapper ul  { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0;}
.anythingSlider ul li { display: block; float: left; padding: 0; height: 394px; width: 940px; margin: 0; }


.anythingSlider .arrow  { display: block; height: 30px; width: 100px; background: url('../images/arrows.png') no-repeat 0 0; margin:0 -10px 0 10px; text-indent: -9999px; position: absolute; top: 270px; cursor: pointer;}

.promoPoster {z-index:1; position:absolute;}
.promoPosterImage {width:940px; height:394px;}
/* sprite positions http://css-tricks.com/examples/AnythingSlider/images/arrows.png */


.anythingSlider .forward { background-position: 0 0px; right: 0px; }
.anythingSlider .back { background-position: -100px 0; left: 0px; }
.anythingSlider .forward:hover { background-position: 0 -100px; }
.anythingSlider .back:hover { background-position: -100px -100px; }

/* Image counters */
#thumbNav { position: relative; top: 394px; left:180px; text-align: center; }
#thumbNav a {color: #666; text-decoration:none; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; display: inline-block; height:20px; width:20px; margin: 0 2px 0 0; padding:5px 0 0px 7px; background: url('../images/slideIndicatorA.gif') no-repeat;}
#thumbNav a.cur {background: url('../images/slideIndicatorB.gif') no-repeat; text-decoration:none;}
#thumbNav a:hover {background: url('../images/slideIndicatorC.gif') no-repeat; text-decoration:none;}

/* Loop and pause */
#start-stop { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; background-image: url('../images/loop.gif'); background-repeat: no-repeat; color: #fff; padding: 4px 5px 4px 30px; text-align: center; position: absolute; left: 240px; top:394px; text-decoration:none;}
#start-stop.playing {background-image: url('../images/pause.gif'); background-repeat: no-repeat; text-decoration:none;}

/* Prevents */
.anythingSlider .anythingSliderWrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .anythingSliderWrapper ul ul li { float: none; height: auto; width: auto; background: none; }

.slideshowClear {height:394px;}
/* END SLIDER STYLES */

/* CTA link styles for top slide and body links */
a.ctaSlide, a.cta, a.ctaSidebar {
/* Sliding right image */
background: transparent url('../images/cta_button_right.gif') no-repeat scroll top right; 
display: block;
float: left;
height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin: 15px 0 0 0;
padding-right: 36px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:0em;
font-weight:bold;
}

a.cta {
/* Sliding right image */
background: transparent url('../images/cta_button_right_white.gif') no-repeat scroll top right;
margin: 0px 0 20px 0; 
}

a.ctaSidebar {
/* Sliding right image */
background: transparent url('../images/cta_button_right_yellow.gif') no-repeat scroll top right;
margin: 0px 0 20px 0; 
}

a.ctaSlide span, a.cta span, a.ctaSidebar span {
/* Background left image */ 
background: transparent url('../images/cta_button_left.gif') no-repeat; 
display: block;
line-height: 25px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0 0 0 5px;
} 
a.ctaSlide:hover span, a.cta:hover span, a.ctaSidebar:hover span{
text-decoration:none;
color:#333;
}

/* photo Gallery */

.photoHighlights {margin: 0 0 0px 10px; width:940px; background-color:#343435;}
.photoHighlightsImages {float:left; margin:0px 0 10px 0; padding:0px;}
.photoHighlightsText {float:left; width:210px; height:485px; padding:30px 10px 10px 20px; background-color:#343435;}

.photoHighlightsText h3 {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; line-height:1.7em; letter-spacing:0.05em; background-color:#a1a1a1; color:#fff; display:inline; padding:5px;} 
.photoHighlightsText h3 span {padding:2px 0px 5px 5px;}
.photoHighlightsText p {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.2em; letter-spacing:0.05em; color:#fff; margin:20px 0 15px 0;}



/* photo page LINKS */
.photoHighlights a:link {color:#fff;}
.photoHighlights a:visited  {color:#fff;}
.photoHighlights a:hover {color:#343435; background-color:#74ccd3;}
.photoHighlights a:active {color:#343435; background-color:#74ccd3;}

/* photo slideshows */
.oddPhotoGallery {width:460px; float:left; margin:0px 20px 10px 0px;}
.evenPhotoGallery {width:460px; float:left; margin:0px 0px 10px 0px;}
.oddPhotoGallery h3, .evenPhotoGallery h3 {margin:5px 0px 10px 0px;}

/* dates */

.eventDates {display:block; width:100%; margin:10px 0 0px 0;}
.eventDatesLast {display:block; width:100%; margin:10px 0 20px 0;}

.eventDatesInfo h3 {margin:0; padding:0 0 3px 0; color:#666;}
h3.diary {margin: 20px 0 10px 0}
.eventDatesDiary {display:block; width:100%; margin:10px 0 10px 0;}
.eventDatesInfo p {margin:0 0 0 55px; padding-top:0;}

.dateblock {
width: 45px;
border:solid 1px #343435;
padding:2px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
float:left;
margin-right:5px; 
color:#e6e6e6;
background-color:#343435;
}
.date {
text-align: center;
font-size: 24px;
position: relative;
top: -2px;
font-weight:bold;
}
.multiDate {font-size:16px; position:relative; top:-3px;}
.day {
text-align: center;
font-size: 12px;
}
.month {
text-align: center;
font-size: 12px;
position: relative;
top: -4px;
font-weight:bold;
}

/* results tables */
table {border-collapse : collapse; width:100%; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.02em; color:#666; font-size:13px; margin-top:10px; margin-bottom:10px;}
table td, table th {padding:5px; border: solid 1px #e6e6e6;}

tr {background-color:#fff;}
tr.head1 {font-weight:bold; background-color:#e6e6e6;}
tr.head2 {font-weight:bold;}
.tableHighlight {background-color:#74ccd3; font-weight:bold;}
.tableHighlight2 {background-color:#343435; color:#e6e6e6; font-weight:bold;}


/* sponsorship */

.sponsorship {border-top: solid 1px #666; float:left; width:930px; margin:10px 10px 10px 10px; padding:10px 0 0 0;}
.sponsorslist {width:100%; float:left; margin:0px;padding:0px;}
.clubsponsors {display:inline; float:left;}
.sponsor {float:left; width:200px; margin:0px 20px 0 0;}
.sponsor p {display:block; float:left;} /* stops link wrapping in ie6/7 */
.eventsponsors {float:left;}
.sponsorlogo {float:left; width:150px; height:100px;}