/* Reset browser defaults */
@import url('reset.css');

/* Load navigation styles */
@import url('menu.css');

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #333;
text-align: left;
margin: 0;
padding: 0;
}

.homepage {
background: #fff url("../_images/body_bg.gif") repeat-x center top;
}

.runpage {
background: #fff url("../_images/body_bg_2.gif") repeat-x center top;
}

#outer {
width: 100%;
background: transparent url("../_images/outer_bg.gif") no-repeat center top;
}

#wrapper {
width: 900px;
margin: 0 auto;
}

#header {
width: 100%;
margin: 0;
background: transparent;
}

#header_inner {
width: 900px;
margin: 0 auto;
}

p {
padding: 7px 0;
}

p.home_p {
color: #05253d;
font-size: 14px;
}

a:link, a:active, a:visited {
text-decoration: none;
color: #069;
}

a:hover {
text-decoration: underline;
color: #069;
}

p.testimonial, p.testimonial_run {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 18px;
}

p.testimonial {
color: #069;
background: #f5f5f5;
margin: 10px 0 0 0;
padding: 10px;
border: 1px dotted #ccc;
}

p.testimonial_run {
color: #8bc1da;
margin: 0;
padding: 0;
border: 0;
}

.from, .from_run {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

.from_run {
color: #fff;
}

.from {
color: #666;
}

#splash {
width: 900px;
height: 320px;
background: url("../_images/splash_left.gif") no-repeat left;
overflow: hidden;
}

img {
border: 0;
}

#splash_main {
float: left;
display: inline;
height: 272px;
background: #fff;
margin: 20px 0 0 240px;
padding: 1px;
border: 3px solid #506778;
}

#splash_right {
float: right;
display: inline;
width: 220px;
margin: 20px 0 0 0;
padding: 0;
border: 0;
}

.splash_imageholder {
height: 122px; 
background: #fff;
margin: 0 0 20px 0;
padding: 1px;
border: 3px solid #506778;
}

.homeright_imageholder {
height: 142px; 
background: #fff;
margin: 0 0 20px 0;
padding: 1px;
border: 3px solid #ccc;
}

#splash_run {
width: 900px;
height: 170px;
overflow: hidden;
}

#splash_run_left {
float: left;
display: inline;
width: 560px;
margin: 30px 0 0 0;
padding: 0;
border: 0;
}

#splash_run_right {
float: right;
display: inline;
width: 320px;
height: 130px;
margin: 20px 0 0 0;
padding: 0;
border: 0;
background: #000;
}

.bodyright_imageholder {
background: #fff;
margin: 0 0 20px 0;
padding: 1px;
border: 3px solid #ccc;
}

#strapline {
width: 900px;
height: 50px;
}

#bodycopy {
width: 900px;
padding: 20px 0;
}

#bodyleft {
float: left;
display: inline;
width: 560px;
margin: 0;
padding: 0;
}

#homeleft {
float: left;
display: inline;
width: 660px;
margin: 0 0 20px 0;
padding: 0;
}

#bodyright {
float: right;
display: inline;
width: 320px;
margin: 0;
padding: 0;
}

#homeright {
float: right;
display: inline;
width: 220px;
margin: 0;
padding: 0;
}

#gallery {
clear: both;
width: 900px;
height: 130px;
overflow: hidden;
margin: 0;
padding: 20px 0 0 0;
border-top: 1px solid #ccc;
}

#leftbox {
float: left;
width: 652px;
height: 122px;
display: inline;
margin: 0;
padding: 1px;
border: 3px solid #ccc;
}

#leftbox ul {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
border: 0;
}

#leftbox li {
float: left;
display: inline;
list-style: none;
width: 108px;
height: 122px;
overflow: hidden;
border-right: 1px solid #fff;
}

#leftbox li.fix {
width: 107px;
}

#leftbox li.last {
border-right: 0;
}

#rightbox {
float: right;
width: 212px;
height: 122px;
display: inline;
margin: 0;
padding: 1px;
border: 3px solid #ccc;
}

#rightbox a {
display: block;
width: 192px;
height: 40px;
margin: 72px 0 0 10px;
text-indent: -9999px;
background: #05253d url("../_images/subscribe.gif") no-repeat left top;
}

#rightbox a:hover {
background-position: left bottom;
}

#footer {
clear: both;
width: 100%;
margin: 0;
background: #000;
}

#footer p {
width: 900px;
margin: 0 auto;
padding: 16px 0;
color: #666;
}

#footer a {
text-decoration: none;
color: #666;
}

#footer a:hover {
text-decoration: none;
color: #fff;
}

h1#logo {
float: left;
display: inline;
width: 220px;
height: 87px;
margin: 30px 0 10px 0;
text-indent: -9999px;
background: url("../_images/logo.gif") no-repeat left top;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;
color: #fff;
padding: 14px 0 14px 0;
}

h2.left {
float: left;
display: inline;
}

h2.right {
float: right;
display: inline;
}

.clear {
clear: both;
}

h3 {
font-size: 14px;
line-height: 18px;
color: #069;
font-weight: normal;
padding: 7px 0;
}

h4 {
color: #069;
background: #f5f5f5;
margin: 10px 0;
padding: 10px;
border: 1px dotted #ccc;
font-weight: normal;
}

h5 {
font-size: 14px;
color: #069;
padding: 5px;
font-weight: normal;
height: 32px;
border-bottom: 1px dotted #999;
margin-bottom: 10px;
}

#leftcol {
float: left;
display: inline;
width: 200px;
margin: 0;
padding: 7px 0;
}

#rightcol {
float: left;
display: inline;
width: 270px;
margin: 0;
padding: 7px 0;
}

#leftcol ul li, #rightcol ul li {
color: #333;
}

.sb_left {
float: left;
display: inline;
margin: 4px 0 0 4px;
padding: 0;
}

.sb_mid {
float: left;
display: inline;
margin: 4px 0 0 28px;
padding: 0;
}

ul#programmes {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
border: 0;
}

#programmes p {
padding: 0 5px;
font-size: 11px;
line-height: 15px;
}

ul#programmes li {
float: left;
display: inline;
list-style: none;
width: 148px;
margin: 0 3px 20px 0;
}

ul#programmes img {
padding: 1px;
border: 1px solid #ccc;
}

#programmes li.fix {
width: 147px;
}

#programmes li.last {
margin-right: 0;
}