/* -- START BASE STYLES -- */

body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { 
  margin: 0; 
  padding: 0;
}

/* All heights multiples of 21px, all widths 940, 860, 780, 700, 620, 540, 460, 380, 300, 220, 140, 60 with 10px margins either side */

body {font-size:14px}
html>body {font-size:14px}

h2 {font-size:16px;line-height:23px;margin:0 0 8px;padding:0 6px}
h3 {font-size:16px;line-height:23px;margin:0 10px 10px}
h4 {font-size:17px;line-height:25px;margin:0 10px 17px}
h5 {font-size:14px;line-height:21px;margin:0 10px 0}
h6 {font-size:11px;line-height:16px;margin:0 10px 5px}

p {line-height:21px;margin:0 10px 21px}

ul, 
ol {line-height:21px;margin:0 10px 21px;padding:0 0 0 20px;vertical-align:top}

#maincolumn dl {margin:0 10px 21px;overflow:auto}		/* Overflow auto forces height to contain floated image */
#maincolumn dt {font-size:17px;font-weight:bold;line-height:25px;margin-bottom:17px}
#maincolumn dd {line-height:21px}
dd ul,
dd ol {margin-left:0;margin-right:0}
.person dd {margin-right:140px}	/* Width of the image */
.story dd {margin-left:160px}	/* Width of the image + 20px padding */
.person dt img {float:right;margin-left:10px}
.story dt img {float:left;margin-right:20px}

blockquote {display:inline;float:right;line-height:21px}
blockquote.testimonial {border:1px solid #fff;margin:0 10px 20px;padding:10px;width:200px}		/* 21px height comes from border, margin, and padding */
.testimonial span.quotee {display:block;font-weight:bold;text-align:right}

div.boxout {border:1px solid #fff;display:inline;float:right;margin:0 10px 20px;overflow:auto;padding:10px;width:300px}	/* Overflow auto forces height to contain floated image */
.boxout :last-child {margin-bottom:0}
.boxout h4,
.boxout p {margin-left:0;margin-right:0}
.boxout img {display:inline;float:right;margin:0 0 7px 10px}

span.image_holder {display:block;width:300px}	/* Width of the image */
p.caption {font-size:12px;margin:-3px 0 0 0} 	/* Hack cos Firefox is adding a stray 3px between img and p?? */

.img_right {float:right;margin:0 0 21px 20px}
.img_left {float:left;margin:0 20px 21px 0}

div.faq_list h4 {border-bottom:1px solid #fff;margin-bottom:9px} /* 9px to take account of the extra 1px introduced by the border */
.faq_list dd {margin-bottom:21px}

.clear {clear:both}

a img {border:none}

/* -- END BASE STYLES -- */

body {background:#131412;color:#ccc;font-family:Arial, Helvetica, sans-serif}

a {color:#f6931e}

h1 {font-size:10px;height:123px;position:relative;width:1000px}
h1 span{background:#131412 url(../images/site/robin_brew_sports.gif) 15px 15px no-repeat;height:100%;position:absolute;width:100%}
h1 a#justgiving {float:right;padding-right:10px}

h2 {background:#464648;clear:right;color:#fff;font-family:"Trebuchet MS",Arial, Helvetica, sans-serif}
h2 em{color:#404042;font-style:normal}

h3 {color:#fff}
h3 em{color:#f6931e;font-style:normal;font-weight:bold}

div#container {background:#131412;margin:auto;overflow:auto;padding:0;width:1000px}
div#header {height:150px}
div#maincolumn {border:none;float:left;margin:0;padding:0 0 10px;width:660px}
div#sidecolumn {border:none;float:right;margin:0;padding:0;width:320px}

ul#menu {margin:0;padding:0}
ul#menu li {display:inline;text-align:center}
ul#menu li a {background:url(../images/site/button_bg.jpg) no-repeat #ddd;color:#fff;display:block;float:left;font-weight:bold;line-height:26px;text-decoration:none;width:125px}
ul#menu li a.selected {background:url(../images/site/button_selected_bg.jpg) no-repeat #f8c300}
ul#menu li a:hover {background:url(../images/site/button_selected_bg.jpg) no-repeat #f8c300;text-decoration:underline}

div#titlebar {height:200px;margin:16px 0 10px 0;padding:0;position:relative;width:1000px}
div#titlebar h2#strapline {background:url(../images/site/bg.png) repeat;bottom:0;font-size:36px;height:67px;line-height:67px;margin:-87px 0 0;padding:10px;position:relative}
/* Home specific title bar */
body#home #titlebar {background:none;height:199px;margin:16px 0 10px 0;padding:0}
body#home #titlebar h2#strapline {background:#777;border:none;height:199px;margin:0 0 10px 0;padding:0;position:relative;width:1000px}
body#home #titlebar h2#strapline span{background:url(../images/site/swimming_triathlon_coaching.jpg) no-repeat;height:100%;position:absolute;width:100%}

div#nextcourse {background:transparent;border:1px solid #000;float:right;height:185px;margin:5px 0 0 678px;width:316px;position:absolute;z-index:1}
div#nextcourse h2 {background:#464648;border-bottom:1px solid #000;color:#fff;font-size:16px;height:23px;line-height:23px;margin:0;padding:0 0 0 6px;width:310px}
div#nextcourse h3 {background:transparent;color:#8f0000;font-size:17px;font-weight:bold;line-height:18px;margin:0;padding:3px 6px}
div#nextcourse h4 {background:url(../images/site/calendar.jpg) no-repeat;color:#000;float:right;font-weight:bold;height:97px;line-height:16px;margin:5px;width:92px}
div#nextcourse h4 #month {color:#fff;display:block;font-size:11px;padding:23px 0 0 9px}
div#nextcourse h4 #day {display:block;font-size:35px;line-height:45px;text-align:center}
div#nextcourse p {clear:none;color:#9a9a9a;margin:0 120px 0 95px;font-size:12px;line-height:1.4;padding:0 6px}
div#nextcourse a {position:absolute;bottom:0;right:3px}

div.left {float:left;width:320px}
div.right {float:right;width:320px}
div.left p,
div.right p {margin-left:6px; text-align: justify}

div.news_item {border-bottom:1px solid #434343;height:105px;padding:7px 7px 7px 0}
div.news_item img {float:left;margin:0 12px 0 0}
div.news_item h3 {background:transparent;color:#f8c300;font-size:12px;margin:0 0 0 162px}
div.news_item p {clear:none;font-size:12px;margin:0 0 0 162px;padding:0}

div.course_listing {padding:0 0 10px 0;margin:0 0 0 6px}
div.course_listing img {display:inline;float:left;padding-right:5px}
div.course_listing h3 {background:transparent;font-size:14px;font-weight:bold;line-height:1em;margin:0;padding:0}
div.course_listing h3 a {color:#fff}
div.course_listing p {font-size:13px;margin:0 0 0 32px;padding:0}

a img {position:relative}
a blockquote {background:url(../images/site/bg.png) repeat;margin-top:-45px;overflow:auto;padding:0;position:relative}
a blockquote span {color:#fff;display:block;font-weight:bold;float:left;padding:0 0 0 8px;position:relative;width:169px}
a blockquote img {display:block;float:right;padding:4px}

div.video {margin:21px 10px}

/* Gallery Styles */
ol.gallery_list {list-style:none;margin:0;overflow:hidden;padding:0;width:660px} /*overflow and width are hacks to make this have height of contained floats*/
ol.gallery_list li {float:left;height:130px;padding:20px 31px;text-align:center;width:130px}
ol.gallery_list li a img {border:none}

/* Booking Form Styles */
ol#waiver {background:#555;border:1px solid #fff;padding:20px 20px 10px 40px}
ol#waiver li {margin-bottom:10px}
form dl {margin:0 0 20px;padding:0 0 30px 70px}
#maincolumn form dt {font-size:14px;font-weight:normal;line-height:23px;margin:0;padding:0;width:160px}
#maincolumn form dd {margin:0 0 10px;padding:0}
#maincolumn form h3 {border-bottom:1px solid #fff;margin-bottom:20px}
input#submit_booking {font-size:18px;font-weight:bold;margin:10px 0 20px 250px}

/* News archive link */
#sidecolumn h2 {position:relative}
#sidecolumn h2 a {color:#fff;font-size:13px;font-weight:normal;position:absolute;right:5px}

/* Internal Pages Sidecolumn styles */
#sidecolumn h4 {background:#464648;color:#fff;font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;font-size:16px;margin:0 0 8px;padding:0 6px}
#sidecolumn h4 em{color:#404042;font-style:normal}
#image_holder {line-height:0;padding:0 0 0 5px}
#image_holder img {margin:0 5px 10px 0}
#sidecolumn ol {list-style:none;padding:0}
#sidecolumn ol li {padding-bottom:10px}

/* Course Page Styles */
body#course h3 {overflow:auto;text-align:center}
.find_out_more {background:url(/images/site/button_bg_left.png) left no-repeat;color:#fff;display:block;float:right;font-weight:bold;line-height:31px;min-width:100px;outline:0;padding:0 0 0 10px;text-align:center;text-decoration:none}
.find_out_more span {background:url(/images/site/button_bg_right.png) right no-repeat;display:block;line-height:31px;padding:0 10px 0 0}

div#footer {clear:both}
div#footer p{background:#464648;color:#aaa;font-size:11px;line-height:23px;margin:10px 0 0 0;text-align:center}

.pagination li {display:inline;list-style-type:none;margin:0;padding:0 6px 0 0;}
ol.pagination {margin-bottom:1.5em;}
ol.pagination li.redundant {color:#ccc}
ol.pagination li.chosen {font-weight:bold}

/* FORM styles */
form dl,
dl.form {position: relative;}
form dt,
.form dt {clear: both;float:left;width: 130px;padding: 4px 0 2px 0;text-align: left}
form dd,
.form dd {float: left;width: 200px;margin: 0 0 8px 0;padding-left: 6px}
form dd.text input,
.form dd.text input {border:3px solid #000;color:#000;font-size:16px;font-weight:bold;padding:3px}
form dd.text input:hover,
.form dd.text input:hover {background:#eee}

form .error {background:#d00;color:#fff}

.hint {color:#000;display:none;font-size:11px;position: absolute;width: 200px;margin:-4px 0 0 20px;border: 1px solid #c93;padding: 10px 12px;background-color: #ffc}
.hint .hint-pointer {position: absolute;left: -10px;top: 5px;width: 10px;height: 19px;background: url(../images/site/pointer.gif) left top no-repeat}