/*****************************
HTML ELEMENTS
******************************/
/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a {
     margin: 0;
     padding: 0;
     border: 0;
}

body {
	background: #ecf3fa;
	color: #666;
	text-align: center;
	font: 100.01% 'Trebuchet MS', Verdana, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
	padding-top: 1em;
	background: inherit;
	color: #4c5333;
}

h1 {
	font-size: 1.4em;
	margin-bottom: 0.4em;
}

h2 {
	font-size: 1.2em;
	margin-bottom: 0.4em;
}

h3 {
	
	font-size: 1.1em;
	margin-bottom: 0.4em;
}

h4 {
	font-size: 1em;
	margin-bottom: 0.4em;
}

p, li, dd, dt  {
	font-size: 0.9em;
}

li {
	margin-bottom: 0.5em;
}

li ul li {
	font-size: inherit;
	margin-top: 0.5em;
}

p, dd {
	margin-bottom: 1em;
}

dt {
	font-weight: bold;
	color: #4c5333;
}

ul {
	margin-left: 15px;
}

a:link {
	color: #6280bd;
	font-weight: bold;
}

a:visited {
	color: #899dcd;
	font-weight: bold;
}

a:hover {
	color: #b2b787;
	font-weight: bold;
}

img {
	margin: .25em 0;
	padding: 3px;
	background: #d2dbc4;
	border: 1px solid #b2b787;
}

img.fltlft {
	float: left;
	margin-right: 1em;
	margin-left: 0;
}

img.fltrt {
	float: right;
	margin-right: 0;
	margin-left: 1em;
}

/*** cmx clear floats ***/
	
.clearfix:after {
 	content: "."; /* This dot is the actual appended content */
  	clear: both;
  	height: 0;
  	visibility: hidden;
  	display: block;
}
 
.clearfix {display: inline-block;} /* Fixes IE/Mac */
 
/* Hides from IE-mac \*/
	* html .clearfix,
	* html .clearfix * {height: 1%;}	
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
/*** end cmx clear floats ***/

/*** clearing element ***/

.clear {
	clear: both;
}

/*** end clearing element ***/
/*****************************
END HTML ELEMENTS
******************************/
/*****************************
LAYOUT ELEMENTS
******************************/
#header {
	background: #899dcd url('../assets/backgrounds/bk_thamesrunstart2008_900x200.jpg') top right no-repeat;
	height: 200px;
	text-align: left;
}

#header img {
	margin: 45px 0 0 50px;
	padding: 0;
	border-style: none;
}

#globalnavwrapper {
	background: #b2b787 url('../assets/backgrounds/bk_globalnav_grad.jpg') bottom left repeat-x;
}

#globalnav ul {
	margin: 0;
	padding-left: 50px;
	list-style-type: none;
	clear: both;
	background: inherit;
	color: inherit;
	text-align: center;
	float: left;
	width: 90%;
}

#globalnav li {
	display: inline;
}

body#homepage #globalnav ul li#globalnavhomebutt a,
body#informationpage #globalnav ul li#globalnavinformationbutt a,
body#entrypage #globalnav ul li#globalnaventrybutt a,
body#facilitiespage #globalnav ul li#globalnavfacilitiesbutt a,
body#run2008page #globalnav ul li#globalnav2008runbutt a,
body#run2009page #globalnav ul li#globalnav2008runbutt a,
body#contactpage #globalnav ul li#globalnavcontactbutt a
{
	background: #676f3a;
	color: #fff;
}

#globalnav li#globalnavhomebutt a {
	border-left: 1px solid #9aa181;
}

#globalnav li a:link {
	float: left;
	width: 100px;
	color: #3e3224;
	padding: 0.5em;
	text-decoration: none;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	border-right: 1px solid #9aa181;
}

#globalnav a:visited {
	float: left;
	width: 100px;
	color: #3e3224;
	padding: 0.5em;
	text-decoration: none;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	border-right: 1px solid #9aa181;
}

#globalnav li a:hover {
	background: #676f3a;
	color: #fff;
}

#wrapper {
	background: #fff url('../assets/backgrounds/bk_body_green_side.jpg') top right repeat-y;
	text-align: left;
	width: 100%;
	font-size: 0.9em;
	line-height: 1.5em;
}

#wrapper .sponsorlogo {
	width: 45%;
	float: left;
	margin-right: 15px;
	}

#sidebar {
	padding: 0 10px;
	background: #d2dbc4;
	width: 150px;
	float: right;
}

#sidebar h2 {
	padding-top: 0; /* reset the padding on the sidebar h2 */
	padding-top: 1.3em; /* line it up with the pagecontent div */
	font-size: 1.1em;
}
#sidebar ul {
	padding-top: 1.3em; /* line it up with the pagecontent div */
	margin-left: 0;
}

#sidebar ul li {
	list-style-type: none;
}

#sidebar ul li a:hover {
	color: #fff;
}

#pagecontent {
	margin-left: 50px;
	margin-right: 20em;
}

.eventpic_lft {
	float: left;
	width: 180px;
	margin-right: 20px;
	font-size: 0.9em;
}

.eventpic_rt {
	float: right;
	width: 180px;
	margin-left: 20px;
	font-size: 0.9em;
	line-height: normal;
}

#footer {
	background: #ecf3fa;
	text-align: left;
	font-size: 0.8em;
	margin: 20px 50px;
}

#footer .left-element {
	float: left;
	width: 50%;
	}

#footer .right-element {
	float: right;
	width: 30%;
	text-align: right;
	}

#footer img {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	}

.hide {
	display: none;
	}

/*****************************
END LAYOUT ELEMENTS
******************************/

/*****************************
LINKS
******************************/

ul#textlinks {
	list-style-type: none;
	margin: 1em 0;
}

ul#textlinks li {
	display: inline;
}
/*****************************
END LINKS
******************************/

/*****************************
TABLES
******************************/
table#tbltraining caption {
	width: 100%;
	background: #899DCD;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: .25em;
}
table#tbltraining th,
table#results th{
	background: #ECF3FA;
	color: #6280BD;
	padding: .25em;
	border-bottom: 1px solid #899DCD;
}
table#tbltraining td,
table#results td {
	border: 1px solid #ECF3FA;
	text-align: center;
}
table#tbltraining tr#tophead th {
	text-align: center;
}
/* Results table styles */
table#results th {
	text-align: center;
}
#results td {
	vertical-align: middle;
	padding: 0.5em;
}
/* End Results table styles */
/*****************************
END TABLES
******************************/