/* --- CSS for croydoncoaches.org.uk --- */ 
/* ------------------------------- */
/* ------------ Basics ----------- */

html  {
	/* height: 100%; */
}

body	{
	margin: 0px;
	background-color: #111111;
    /* background-color: #090909; */
	height: 100%;
}

/* ------------------------------- */
/* ------ Background Images ------ */
/*
.page_background_a {

	background-image: url("images/bg_haze.png");
	background-repeat: repeat-x;
}

.page_background_b {

	background-image: url("images/bg_c.png");
	background-repeat: repeat-y;
	background-position: center;
}
*/
/* ------------------------------- */
/* ----- Basic Page Structure ---- */

.page_holder {
	width: 784px;
	margin: auto auto;
	height: 100%;
}

.content_holder {
	width: 740px;
	background-color: #203F40;
	border-width: 0px 1px;
	border-color: white;
	border-style: solid;
	margin: auto auto;		
}

/* ------------------------------- */
/* --- Specific Page Structure --- */

.header_holder {
	width: 740px;
	height: 90px;
	background-image: url("images/header_banner.png");
	background-color: #2B494A;
	background-position: center center;
}

.main_holder {

	width: 540px;
	background-color: #2B494A;
	margin: auto auto;
	margin-top: 35px;
	margin-bottom: 35px;
	padding: 35px 40px;
}

.footer_holder {

	background-color: #416263;
	text-align: center;
	margin: auto auto auto auto;
	border: 0px;
	border-top: 1px;
	border-style: solid;
	border-color: #608182;
}

/* ------------------------------- */
/* ------- Header Structure ------ */

.navbar_bg {
	width: 740px;
	height: 46px;
	background-image: url("images/navbar_bg.png");
	background-repeat: repeat-x;
}
	
.navbar_images_holder {

	width: 100%;
	padding: 3px;
	text-align: center;
}

.navbar_images_table {
	
	width: 450px;
	margin: auto; /* <<< Centre the table */
	/* Squeeze the table into a nice manageable space */
	border-collapse: collapse;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	text-align: center;
}

.navbar_images_table td {

	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ------------------------------- */
/* ---- Main Content Structure --- */

/* --- Main Content Title --- */
/* The title comes before the main content structurally */

.main_title {

	position: relative;
	left: -100px;
	width: 740px;
	background-image: url("images/main_title_bg.png");
	background-repeat: repeat;
}

.main_title_text {

	margin: auto auto;
	width: 560px;
	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 1.4em;
	text-align: center;
	color: white;
	padding: 0.5em;
	padding-top: 0.8em;
}
/* --- */
/* --- Main Content Holder --- */

.main_content_holder {

	margin: auto auto;
	margin-top: 25px;
	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 0.9em;
	text-align: center;
	color: white;
	line-height: 1.5em;
}

/* --- */
/* --- Main Content Formatting --- */
/* --- Upper Content --- */

.main_content_upper {

	margin: auto auto;
	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 0.9em;
	text-align: left;
	color: white;
	line-height: 1.5em;
	clear: both;
}

.main_content_upper img {
 	
	margin-left: 5px;  /* <<< Give the image some space to the left - appears as a wrap effect */
	border-width: 1px;
	border-style: solid;
	border-color: white;
	float: right;
}

/* --- Lower Content --- */

.main_content_lower {

	position: relative;
	margin: auto auto;
	margin-top: 10px;
	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 0.9em;
	color: white;
	line-height: 1.5em;
	text-align: left;
}

.main_content_lower img {
	
	display: block;
	text-align: center;
	margin: auto auto;	
	
/*	Images are inline elements. As such, they only respond to text-align from the parent element.
	In order to centre inline elements, set display: block and margin: auto auto.
*/
}
.main_content_lower a {

	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 1em;
	color: #B7FFFF;
}

.main_content_table {

	margin: auto;
	width: 500px;
	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 0.9em;
}

td.main_content_table_left {

	padding: 3px;
	text-align: right;
	vertical-align: middle;
}

td.main_content_table_right {

	padding: 3px;
	text-align: left;
	vertical-align: top;
}

/* ------------------------------- */
/* ------- Form Formatting ------- */

textarea {
	
	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 1.0em;
	text-align: left;
	vertical-align: top;
}

text {
	
	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 1.0em;
	text-align: left;
	vertical-align: top;
	width: 100%;
}

/* ------------------------------- */
/* ------ Footer Formatting ------ */

.footer_text {

	margin: auto auto;
	width: 26em;
	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 0.7em;
	text-align: center;
	color: white;
	padding: 0.2em;
	background-color: #395C5D;
	vertical-align: middle;
	line-height: 2em;
}

/* ------------------------------- */
/* --- Generic Font Formatting --- */

.font_small_01 {

	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 0.6em;
	text-align: center;
	color: white;
	padding: 0.3em;
}

.font_hl_c {

	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 1.2em;
	text-align: center;
	color: white;
	padding: 0.9em 0.3em;
	background-color: #365253;
	display: block;
}

.list {

	line-height: 1.5em;
	display: block;
}

.center {

	text-align: center;
	display: block;
}

.font_larger_01_c {

	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 1.4em;
	color: #FFFFFF;
	text-align: center;
	display: block;
}

a {

	font-family: 'Lucida Sans', Verdana, 'Times New Roman';
	font-size: 1em;
	color: #B7FFFF;
}

a.navb {

	text-decoration: none; 
	border: 0px; 
	padding: 0px; 
	display: block; 
}

a.navb:hover {

	text-decoration:underline; 
}

a img {

	border: none; 	
}

a:active {

	outline: none;
}


/* ------------------------------- */
/* ---- Miscellaneous Elements and Formatting ---- */

.clear {

	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
}

.validator {
	
	position: relative;
	top: -34px;
	left: -298px;
}

/* ------------- End ------------- */
/* ------------------------------- */
/* ------- Version History ------- */
/*
11/10/2008: original version
08/07/2009: updates for v3; css commented
*/
/* ------------------------------- */