/*-----------------------------------------------------------------------
//
//	Future Basing
//
//	by dpi21 - http://www.dpi21.com
//
//  Copyright 2009 dpi21. This code cannot be redistributed without
//  permission from http://www.dpi21.com
//
---------------------------------------------------------------------
//	Global Styles
// --------------------------------------------------------------------*/

* {
	margin: 0 ;
	padding: 0;
	border: 0;
}

body {
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	color: #455560;
	line-height: 16px;
	background-color: #F8F9FB; 
}

#wrapper {
	width: 940px;
	margin: 0 auto;
	background: url(../images/body.jpg) top center no-repeat #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	padding: 0px 40px;
}

a {
	color: #455560;
	text-decoration: underline;
}

a:hover {
	color: #F79F1E;
}

/* Top */

#masthead {
	float: left;
	width: 940px;
	text-align: right;
	height: 125px;
	padding-top: 50px;
}

#movie {
	float: left;
	background-color: #CCEAEE;
	padding: 10px;
	width: 920px;
	height: 325px;
}

/* Content Container */

#content-container, #menu, #copy, #copy #column1, #copy #column2, #copy #column3, #copy #column4 {
	float: left;
}

#content-container {
	width: 940px;
	margin-top: 41px;
	background: url(../images/repeat.jpg) repeat-y;
	height:400px;
}

html>body #content-container  {
	height: auto;
	min-height: 400px;
}

/* Menu */

#menu {
	background-color: #F8F9FB;
	font-size: 10px;
	padding: 10px 20px;
	width: 250px;
}

#menu li {
	display: block;
	padding: 5px 0px;
	list-style-type: none;
}

#menu li a {
	color: #19398A;
	text-decoration: none;
}

#menu li a:hover {
	color: #F78F1E;
}

/* Copy */

#copy {
	padding: 10px 10px 20px 40px;
	width: 600px;
}

#copy #column1, #copy #column2 {
	width: 275px;
}

#copy #column1 {
	padding: 5px 20px 0px 0px;
}

#copy #column2 {
	padding: 5px 0px 0px 20px;
}

#copy #column3 {
	padding: 5px 0px 0px 20px;
	width: 325px;
}

#content-container p, #copy #column1 ul {
	padding: 5px 0px;
	line-height: 16px;
}

#copy #column1 li {
	display: block;
	color: #F79F1E;
	padding-left: 10px;
	background: url(../images/bullet.jpg) left top no-repeat;
}

/* Coaches */

.coach {
	float: left;
	width: 270px;
	padding: 5px 10px;
	margin: 5px;
	background-color: #F8F9FB;
	font-size: 10px;
}

.heading {
	font-size: 14px;
	color: #19398A;
	font-weight: bold;
}

.coach a {
	color: #19398A;
	text-decoration: none;
}

.coach a:hover {
	color: #455560;
	text-decoration: underline;
}

/* Downloads */

#downloads {
	float: left;
	padding: 5px 10px;
	width: 235px;
	background-color: #F8F9FB;
}

#downloads li {
	display: block;
	background-color: #19398A;
	margin-bottom: 10px;
	padding: 2px 5px 4px 5px;
	color: #FFFFFF;
}

#downloads li a {
	color: #FFFFFF;
	text-decoration: none;
}

#downloads li a:hover {
	color: #F79F1E;
}

.event {
	float: left;
	padding: 12px 15px 10px 15px;
	background: url(../images/event.jpg) left top no-repeat;
	width: 600px;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0px;
	height: 33px;
}

/* Register */

#register {
	float: left;
	width: 280px;
	padding: 5px 0px 0px 20px;
}

#register legend {
	color: #19398A;
	padding: 10px 0px;
	font-size: 16px;
	font-weight: bold;
}

#register #forename, #register #lastname, #register #email, #register #telephone, #register #address, #register #town, #register #county, #register #country, #register #additionalInfo {
	border: 1px solid #F79F1E;
	padding: 2px 3px;
	margin-top: 2px;
	width: 270px;
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	color: #455560;
}

#register #postcode, #register #copies {
	border: 1px solid #F79F1E;
	padding: 2px 3px;
	margin-top: 2px;
	width: 50px;
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	color: #455560;
}

#register #joinList, #register #phoneMe {
	margin-left: 5px;
}

#register #send {
	background-color: #F79F1E;
	color: #FFFFFF;
	padding: 2px 3px;
}

/* Blog */

#blog-copy, #blog-archive, #blog, .comment, #leave-comment, #leave-comment #col1, #leave-comment #col2, #txpCommentInputForm, #txpCommentInputForm #col1, #txpCommentInputForm #col2 {
	float: left;
}

#blog-copy {
	width: 400px;
	padding: 10px 10px 20px 40px;
}

#blog, .comment {
	border-bottom: 1px dashed #F78F1E;
	padding: 10px 0px;
	margin-bottom: 10px;
	width: 400px;
}

#blog .heading a, h1.entry-title a {
	font-size: 18px;
	color: #19398A;
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
}

#blog .heading a:hover, h1.entry-title a:hover {
	text-decoration: underline;
}

#blog .date {
	padding-right: 30px;
}

#blog .comments {
	color: #19398A;
}

#blog-archive {
	background-color: #F8F9FB;
	width: 180px;
	margin-top: 10px;
	padding: 5px 10px;
}

#blog-archive ul {
	padding: 0px 0px 10px 0px;
}

#blog-archive li {
	list-style-type: none;
}

#blog-archive .heading {
	color: #F78F1E;
	font-weight: bold;
	font-size: 14px;
}

#blog-archive a {
	color: #19398A;
	text-decoration: none;
}

#blog-archive a:hover {
	color: #F78F1E;
}

#comments-list {
	border-bottom: 1px dashed #F78F1E;
	margin-bottom: 10px;
}


#leave-comment, #txpCommentInputForm  {
	width: 400px;
	padding: 10px 0px;
}

#leave-comment legend, #txpCommentInputForm legend {
	font-size: 16px;
	font-style: italic;
	color: #19398A;
	padding-bottom: 10px;
}

#leave-comment #col1, #leave-comment #col2, #txpCommentInputForm #col1, #txpCommentInputForm #col2 {
	width: 195px;
}

#leave-comment #col2, #txpCommentInputForm #col2 {
	padding-left: 10px;
}

#leave-comment #message, #leave-comment #name, #leave-comment #email, #leave-comment #website, #txpCommentInputForm #message, #txpCommentInputForm #name, #txpCommentInputForm #email, #txpCommentInputForm #web {
	border: 1px solid #F79F1E;
	padding: 2px 3px;
	margin-top: 2px;
	width: 188px;
	font: 11px Verdana, Helvetica, Arial, Sans-Serif;
	color: #455560;
}

#leave-comment #message, #txpCommentInputForm #message {
	height: 200px;
}

.align-right {
	text-align: right;
}

#leave-comment #preview, #leave-comment #ok, #txpCommentInputForm #txpCommentPreview, #txpCommentInputForm #txpCommentSubmit {
	background: url(../images/button.jpg) left top no-repeat;
	width: 87px;
	padding: 3px 0px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}


#leave-comment a, #txpCommentInputForm a {
	padding-left: 70px;
	font-size: 10px;
	color: #F79F1E;
}

#leave-comment a:hover, #txpCommentInputForm a:hover {
	color: #455560;
}

/* Footer */

#footer-container, #footer-container #web-link {
	float: left;
}

#footer-container {
	width: 100%;
	float: left;
}

#footer {
	background-color: #CCEAEE;
	margin: 0px auto;
	width: 940px;
	height: 15px;
	font-size: 10px;
	color: #F79F1E;
	border-right: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	padding: 15px 40px;
}

#footer-container #web-link {
	width: 200px;
}

#footer-container #web-link a {
	color: #19398A;
	text-decoration: none;
}

#footer-container #web-link a:hover, #footer-container #copyright a:hover {
	color: #455560;
	text-decoration: underline;
}

#footer-container #copyright {
	float: right;
	width: 550px;
	text-align: right; 
}

#footer-container #copyright a {
	color: #F79F1E;
	text-decoration: none;
}

/* Headings */

h1, h2, h3 {
	color: #19398A;
	padding: 10px 0px;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 15px;
	font-style: italic;
}

h3 {
	font-size: 15px;
	line-height: 20px;
}

/* Other Styles */

.clear {
	clear: both;
}

.orange {
	color: #F79F1E;
}

.orange a, .login a  {
	color: #F79F1E;
}

.orange a:hover, .login a:hover {
	color: #455560;
}

.blue,  {
	color: #19398A;
}

#blog-archive dt {
	color: #19398A;
	padding: 5px 0;
	font-weight: bold;
}

#blog-archive dl {
	margin-bottom: 15px;
}

#bill {
	padding-top: 20px;
}

#trainingEvent {
	margin-top: 12px;
	background: url(../images/event-middle.jpg) repeat-y;
	width: 600px;
}

.trHead {
	background: url(../images/event-top.jpg) top left no-repeat;
	width: 600px;
	padding: 15px 0 0 15px;
}

.trBottom {
	background: url(../images/event-bottom.jpg) bottom no-repeat;
	width: 600px;
	height: 16px;
}

.trMid {
	padding: 0 15px;
}

#trainingEvent h3 {
	padding-bottom: 0;
}

sup {
	font-size: 8px;
}