@charset 'UTF-8';

/* RESET */

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, img, a, blockquote, tr, td {
margin: 0;
padding: 0;
}

img, fieldset { border: 0; }

/*  LAYOUT */ 

html {
background-color: #f1f0e5;
font: 62.5%/1.4 Verdana, Arial, Helvetica, sans-serif;
}

body {
background-color: #fff;
margin: 0 auto;
position: relative;
width: 100em;
}

#top-strip {
background-color: #5ec8f3;
height: 9em;
margin-top: 0.7em;
}

#top-strip img { margin: 1.5em 0 0 2.5em; }

#logoLink {
float: left;
padding-left: 0.5em;
}

#top-copy {
height: 2em;
text-align: right;
}

#nav {
background-color: #454648;
float: right;
height: 3em;
margin-top: 4em;
text-align: right;
width: 62.5em;
}

#home-image {
background-color: #5ec8f3;
position: relative;
height: 15em; /* was 15.2em */
}

#home-image img {
height: 15em; /* was 16.5emem */
width: 100em;
}

#home-image p {
background-color: #454648;
bottom: 0;
color: #fff;
font: normal 1.6em/1 Arial, Verdana, sans-serif;
left: 0;
letter-spacing: 1px;
margin-bottom: 0;
width: 23.1em;
padding: 0.3em 0 0.1em;
position: absolute;
text-indent: 1.56em;
text-transform: lowercase;
}

#home-image p:last-child { background-color: rgba(69,70,72,0.6); } /* Gah! Hack-ish! */

#content {
border-top: 1em solid #454648;
margin-right: 25em;
min-height: 30em;
position: relative;
}

#content-left {
left: 0;
margin-right: 2em;
min-height: 20em;
position: absolute;
top: 0.5em;
width: 23em;
}

#content-right {
margin: 0 0 0 25em;
padding: 1.5em 0 5em 0;
width: 50em;
}

#footer {
background-color: #afafaf;
clear: both;
color: #6d6e72;
height: 3em;
width: 100em;
}

/*  TYPOGRAPHY   */

h1, h3 {
color: #333;
border-bottom: 2px dotted #5EC8F3;
}

h2, h3, h4, h5, p, th, td, li {
color: #6d6e72;
font-size: 1.1em;
line-height: 1.45;
}

h1{
font: normal 2.4em/1.4 Arial, Helvetica, sans-serif;
margin-bottom: 0.75em;
padding-top: 0.2em;
}

h2 { color: #333; }

h2, p { margin-bottom: 1.45em; }

h3 {
color: #333;
font: normal 1.8em/1.6 Arial, Helvetica, sans-serif;
margin-bottom: 1em;
}

#footer p {
color: #333;
line-height: 3;
margin-left: 22.73em;
}

ol, ul { margin-bottom: 1.8em; }

ul { list-style: square; }

li li, li p { font-size: 1em; }

a { text-decoration: none; }

#content-right a { text-decoration: underline; }

#top-copy li a { color: #000; }

#content-right a, #home-right a { color: #0094cf; }

#content-right a:hover, #home-right a:hover { color: #0060af; }

.vevent abbr { border-bottom-width: 0; }

/* NAVIGATION */

.nav, .nav ul {
font-family: Arial, Helvetica, serif;
list-style: none;
text-transform: uppercase;
}

#nav a, #content-left a {
color: #e4e4e4;
display: block;
height: 100%;
}

#nav a:hover, #content-left a:hover {
background-color: #e4e4e4;
color: #000;
}

/* Top Navigation */

#nav ul {
background-color: #454648;
margin-bottom: 0;
width: 62em;
}

#nav li {
float: left;
text-align: center;
}

#nav li a {
line-height: 2.7;
padding: 0 0.85em;
margin: 0;
}

#top-copy ul { padding: 1em 1.3em 0 0; }

#top-copy li {
display: inline;
padding-left: 0.2em;
position: relative;
}

/* Left Navigation */

#content-left ul {
padding: 0.75em 0 2em 2.5em;
width: 16.36em;
}

#content-left .nav { padding-top: 2em; }

#content-left ul ul {
padding: 0.75em 0 2em 2.5em;
width: 14.86em;
}

#content-left ul ul { padding: 0; }

#content-left li {
background-color: #818286;
border-top: 2px solid #fff;
line-height: 2;
}

#content-left li li { background-color: #9fa0a4; }

/* Left hand sub nav within content */

#content-left li a { padding-left: 0.5em; }

#content-left li li a { padding-left: 1em; }

#content-left li li li a { padding-left: 0; }

#content-left .nav-header {
background-color: #5ec8f3;
padding-left: 0.5em;
}

.indent { margin-left: 1em; }

#rss a { background: url('../images/rss.gif') no-repeat 97.22% center; }
#twitter a { background: url('../images/twitter_g.gif') no-repeat 97.22% center; }

#content-left li.active { background-color: #fff; }

#content-left li.active > a { color: #454648; }

/* NEWS Left hand sub nav within content - telling current links BACKGROUND o colour if current page is active */

#news_list li#news, #new_story li#news, #events_list li#events, #event_story li#events {
background-color: #fff; 
}

/* NEWS Left hand sub nav within content - telling current links TEXT to colour if current page is active */ 

#news_list li#news a, #new_story li#news a, #events_list li#events a, #event_story li#events a {
color: #454648;
}

/* IMAGES */ 

#content-right img { margin-bottom: 0.5em; }

#imageLink { border: 1px solid #5ec8f3; }

img a { border: 1px solid #ccc; }