html {overflow-y: scroll;}

body {background: #1e1c4e url(../images/background_gradient.jpg) 0 0 repeat-x; margin: 0 0 0 0; font-size:100%; font-family: Tahoma, Arial, sans-serif;  }

img {border: none;}

/* Text Styles */

a {color: #2c4378; text-decoration: none;}
a:hover {text-decoration: underline;}

.blue {color: #2c4378;}

p {
	margin: 0 0 10px 0;
	color: #333;
	font: normal 0.75em/1.9em Tahoma, Arial, sans-serif;
}

.head {
	font: bold 0.75em/1.9em Tahoma, Arial, sans-serif;
	color: #585858;
	margin: 0 0 10px 0;
}

.sub {
	font: bold 0.9em/1.7em Tahoma, Arial, sans-serif;
	color: #2c4378;
	margin: 0 0 10px 0;
}

h1 {
	font: bold 1.2em/1.7em Tahoma, Arial, sans-serif;
	color: #2c4378;
	padding-top: 5px;
	margin: 0 0 0 0;
}

h2 {
	font: bold 0.95em/1.7em Tahoma, Arial, sans-serif;
	color: #2c4378;
	padding-top: 5px;
	margin: 0 0 12px 0;
}

#text ul, #column ul {
	list-style: disc;
	margin: 0;
	padding: 0 0 15px 35px;
}

#text li, #column li {
	list-style: disc;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	color: #333;
	font: normal 0.75em/1.9em Tahoma, Arial, sans-serif;
}

/* Header */

#header {
	position: relative;
	margin: 0 auto 0 auto;
	display: block;
	padding: 0 0 0 0;
	width: 875px;
	height: 160px;
	background: url(../images/content_top.jpg) 0 0 no-repeat;
}

#logo a {
	float: left;
	display: block;
	margin: 40px 0 0 20px;
	height: 55px;
	width: 215px;
	background: url(../images/browns.png) 0 0 no-repeat;
}

#details {
	float: right;
	text-align: right;
	display: inline;
	margin: 52px 21px 0 0;
}

#details a { color: #2b2c6b; }
#details a:hover { color: #76c3ec; text-decoration: none; }

#details strong { margin-right: 3px; }

.strapline {
	margin: 0 0 5px 0;
	color: #2b2c6b;
	font: bold 1.06em/1.18em Tahoma, Arial, sans-serif;
}

.details {
	margin: 0;
	color: #2b2c6b;
	font: normal 0.75em/1.19em Tahoma, Arial, sans-serif;
}

.tel { margin-right: 5px; }

/* Navigation */

#nav {
	position: relative;	
	float: left;
	display: inline;
	list-style: none;
	margin: 31px 0 0 15px;
	padding: 0;
	height: 30px;
	width: 854px;
	overflow: hidden;
}

#nav li {
	display: inline;
	padding: 0;
	margin: 0;
}

#nav li a {
	float: left;
	font: bold 0.75em/30px Arial, Helvetica, sans-serif; 
	color: #FFF; 
	margin: 0 0 0 5px;
	width: 115px;
	text-align: center;
	background: url(../images/nav.gif) 0 -30px no-repeat;
	text-shadow: 0px 2px 3px #666;
}

#nav li a:hover {color: #FFF; background: url(../images/nav.gif) 0 0 no-repeat; text-decoration: none; text-shadow: 0px 2px 3px #666;}

#nav li .current {color: #2b2c6b; background: url(../images/nav.gif) 0 -60px no-repeat; text-shadow: 0px 1px 3px #FFF;}

#nav li .current:hover {color: #2b2c6b; background: url(../images/nav.gif) 0 -60px no-repeat; text-shadow: 0px 1px 3px #FFF;}

/* Page Content */

#content {
	position: relative;
	margin: -4px auto 0 auto;
	background: url(../images/content_back.png) 0 0 repeat-y;
	width: 875px;
	height: auto;
	padding: 0 0 0 0;
	overflow-y: auto;
	z-index: 10000;
}

.banner {
	float: left;
	display: inline;
	margin: 0;
	width: 851px;
	height: 300px;
	background-color: #FFF;
	
}

.heading { 
	position: absolute;
	color: #FFF;
	top: 25px; 
	right: 40px;
	font: normal 1.34em/1.4em Tahoma, Arial, sans-serif;
	text-align: right;
	z-index: 3000;
}

.slideshow {
	margin: 0 0 0 12px;
	width: 851px;
	height: 300px;
	overflow: hidden;
	border-bottom: 4px solid #ffd200;
}

#text {
	float: left;
	display: inline;
	margin: 0 0 0 12px;
	padding: 13px 25px 5px 25px;
	width: 521px;
	height: auto;
}

.col1, .col2 {
	float: left;
	height: auto;
}

.col1 { width: 278px; }
.col2 { width: 218px; }

#column {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 13px 25px 0 25px;
	width: 230px;
	height: auto;
}

#column h2 {
	padding-bottom: 16px;
	margin-bottom: 22px;
	border-bottom: 1px solid #ffd200;
}

.button a {
	margin: 20px 0 30px 0;
	padding: 0 0 0 10px;
	color: #FFF;
	font: normal 0.813em/35px Tahoma, Arial, sans-serif;
	height: auto;
	width: 220px;
	display: block;
	background: #5b80b5 url(../images/button_back.gif) 0 0 no-repeat; 
}

.button a:hover {
	text-decoration: none;
	background: #5b80b5 url(../images/button_back.gif) 0 -35px no-repeat; 
}

.speech { background: url(../images/speech.png) 13px right no-repeat; padding-right: 40px; }
.chat { background: url(../images/speech.png) 3px right no-repeat; padding-right: 40px; }

/* Footer */

#footer {
	position: relative;
	margin: 0 auto 20px auto;
	width: 851px;
	height: 30px;
	display: block;
	background: url(../images/footer_back.png) 0 0 no-repeat;
}

.copyright {
	float: left;
	display: inline;
	color: #Fcfceb;
	padding-top: 5px;
	font-size: 0.65em;
	margin-left: 25px;
}

.root {
	float: right;
	display: inline;
	color: #Fcfceb;
	padding-top: 5px;
	font-size: 0.65em;
	margin-right: 25px;
}

.root a { color: #Fcfceb; }

/* Contact Page Specific */

.contact #text {padding-bottom: 20px;}

.head-office {
	background-color: #fbf6d0;
	margin: 0 0 10px -2px;
	float: left;
	width: 488px;
	height: auto;
	padding: 5px 15px 5px 15px;
	border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
}

.head-office h2 {margin-bottom: 0px;}

.head-office p {margin-bottom: 7px;}

.head-office span {margin-right: 12px;}

.call-back {
	float: right;
	background-color: #fbf6d0;
	margin: 10px 5px 10px -2px;
	width: 190px;
	padding: 5px 15px 10px 10px;
	border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
}

.call-back h2 {padding-left: 3px; margin-bottom: 8px;}

.call-back .button a {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	color: #FFF;
	font: normal 0.813em/35px Tahoma, Arial, sans-serif;
	height: auto;
	width: 185px;
	display: block;
	background: #5b80b5 url(../images/call_back.gif) 0 0 no-repeat; 
}

.call-back .button a:hover {
	text-decoration: none;
	background: #5b80b5 url(../images/call_back.gif) 0 -35px no-repeat; 
}

.contact #column {padding-top: 3px;}

#column .alt h2, #column .alt p {
	padding-bottom: 0;
	margin-bottom: 4px;
	border-bottom: none;
}

#column .alt h2 {
	margin-top: 15px;
}

/* Jamie's Form CSS */

form {
	clear: none;
}

label {
    display:block;
    font: normal 9pt/15pt Helvetica Neue, Helvetica, Arial sans-serif;
    color: #000;
    margin:10px 0 0 0;
}

input, textarea, select {
    font: normal 9pt/15pt Helvetica Neue, Helvetica, Arial sans-serif;
    color: #808080;
    background: #fff url(../images/input-bg.gif) 0 0 repeat-x;
    border: 1px solid #ccc;
    padding: 4px 6px;
    width:260px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    resize:none;
}

textarea { width: 500px;}

form div {
    margin:10px 5px 0 0;
}

input.submit {
    cursor:pointer;
    float:right;
    width:auto;
    font-weight:bold;
    background:#eee;
}
input.submit:hover {
    background:#ddd;
}

.error-msg {
    width:272px;
    background:#fbf6d0;
    border:1px solid #f7e8a7;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
}
.error-msg ol {
    margin:0;
    padding:8px 0 8px 30px;
}
#text .error-msg ol li, #column .error-msg ol li {
    margin:0;
    padding:0;
	font: 0.75em/1.9em Tahoma,Arial,sans-serif;
	color:#333333;
}

/* Accreditations */

.credits {
	border-radius: 5px;
	margin-bottom: 10px;
}

.funded {
	font-size: 8pt;
	line-height: 12pt;
	text-align: center;
	color: #666;
}