/*
 *
 * Marathon of Marathons
 * www.marathonofmarathons.org
 * Cascading Stylesheet - J anuary 2010
 *
 */

/*
 *
 * Colour Scheme
 *
 * White:      #ffffff (Most text)
 * Light Grey: #cccccc (Page background)
 * Mid Grey:   #888888 (De-emphasised text)
 * Dark Grey:  #444444 (Lines)
 * Gold:       #b5a665 (Links and highlighted text)
 * Dark Blue:  #0a001b (Content background)
 * Light Blue: #0671b0 (Marathon of Marathons logo)
 *
 */

/*
 *
 * Default settings for standard tags
 *
 */

a{
	color: #b5a665;
	}

a:visited{
	color: #b5a665;
	}

a:active,
a:hover{
	color: #cccccc;
	}

body{
	border: none;
	background-color: #cccccc;
	margin: 32px;
	}

div{
	padding: 0px;
	margin: 0px;
	}

fieldset{
	border: solid 1px #888888;
	margin: 0px;
	max-width: 710px;
	min-width: 710px;
	padding: 16px;
	width: 710px;
	}

form{
	clear: both;
	color: #b5a665;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	text-align: left;
	}

form p{
	color: #ffffff;
	}

h1{
	color: #b5a665;
	font-size: 14pt;
	font-weight: normal;
	line-height: 120%;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
	}

h2{
	color: #b5a665;
	font-size: 10pt;
	font-weight: normal;
	line-height: 120%;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
	}

h3{
	color: #b5a665;
	font-size: 9pt;
	font-weight: normal;
	line-height: 120%;
	padding: 0px;
	margin: 0px;
	}

img{
	border: none;
	}

input{
	clear: right;
	float: left;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 9pt;
	}

input[type="password"],
input[type="text"]{
	background-color: #444444;
	border: 1px solid #888888;
	color: #ffffff;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
	padding: 2px;
	width: 245px;
	}

input[type="button"],
input[type="submit"]{
	margin-top: 3px;
	margin-left: 170px;		/* Alignment assumes all buttons will be _outside_ fieldsets (i.e. only used to submit/cancel whole form) */
	text-align: center;
	}

label{
	clear: left;
	display: block;
	float: left;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
	width: 150px;
	}

legend{
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	padding-top: 0px;
	}

li{
	margin: 0px;
	padding: 0px;
	}

p{
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
	}

select{
	background-color: #444444;
	border: 1px solid #888888;
	color: #ffffff;
	clear: right;
	float: left;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 9pt;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
	width: 210px;
	}

table{
	border-collapse: collapse;
	font-size: 8pt;
	margin-top: 8px;
	vertical-align: top;
	}

td{
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
	vertical-align: top;
	}

th{
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-bottom: 8px;
	text-align: left;
	vertical-align: top;
	}

tr{
	border-top: 1px solid #444444;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	}

thead th{
	vertical-align: bottom;
	}

thead tr{
	border-top: none;
	}

textarea{
	background-color: #444444;
	border: 1px solid #888888;
	color: #ffffff;
	clear: right;
	float: left;
	margin-top: 3px;
	width: 245px;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 9pt;
	height: 75px;
	padding: 2px;
	margin-bottom: 3px;
	}

ul{
	margin: 0px;
	margin-left: 2em;
	margin-bottom: 1em;
	padding: 0px;
	}

/*
 *
 * Styling for elements generated by Doc2Form
 *
 */

.Doc2Form a{
	float: left;
	margin-left: 3px;
	margin-top: 3px;
	font-size: 9pt;
	}

.Doc2Form p{
	clear: both;
	color: #888888;
	font-size: 8pt;
	margin: 0px;
	margin-left: 150px;
	margin-bottom: 16px;
	padding: 0px;
	}

.Doc2Form li.required required_li{
	width: 250px;
	margin-bottom: 10px;
	}

.Doc2Form li.required label strong{
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	width: 250px;
	}

.Doc2Form li.required_li{
	width: 250px;
	margin-bottom: 10px;
	}

.umbHoneyPot_li{
	height: 0px;
	overflow: hidden;
	}

form br{
	clear: both;
	}

form img{
	float: left;
	margin-left: 3px;
	margin-top: 3px;
	font-size: 9pt;
	}

form li{
	clear: both;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

form li span{
	display: none;
	}

form li span img{
	}

form li table{
	clear: both;
	float: left;
	margin-top: 3px;
	margin-left: 30px;
	font-size: 12px;
	margin-bottom: 3px;
	}

form li table input{
	width: 25px;
	margin-bottom: 3px;
	}

form ol,
form ul{
	margin: 0px;
	padding: 0px;
	}

/*
 *
 * Layout DIV - Main body content container
 *
 */

div.main{
	background-color: #0a001b;
	color: #ffffff;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 9pt;
	left: 50%;
	margin-left: -400px;
	position: absolute;
	margin-bottom: 32px;
	max-width: 800px;
	min-width: 800px;
	width: 800px;
	}

/*
 *
 * Layout DIV - Banner containing Marathon of Marathons logo
 *
 */

div.banner{
	background-image: url('/img/header.png');
	background-position: top left;
	background-repeat: no-repeat;
	clear: both;
	position: relative;
	float: left;
	padding: 32px;
	vertical-align: middle;
	width: 736px;
	}

div.banner div.donate{
	color: #b5a665;
	font-weight: normal;
	font-size: 10pt;
	margin-top: -1em;
	position: absolute;
	right: 32px;
	top: 25%;
	}

/*
 *
 * Layout DIV - Site navigation menu
 *
 */

div.navigator{
	clear: both;
	float: left;
	font-size: 12pt;
	max-width: 736px;
	min-width: 736px;
	padding-left: 30px;
	padding-right: 30px;
	width: 736px;
	}

div.navigator a{
	background: #444444 ;
	display: block;
	font-size: 9pt;
	margin: 0px;
	padding: 1px;
	padding-bottom: 4px;
	padding-top: 2px;
	text-align: center;
	text-decoration: none;
	width: 75px;
	}

div.navigator a:hover{
	background: #0671b0 ;
	}

div.navigator a.current{
	background: #0671b0;
	color: #ffffff;
	}

div.navigator li{
	clear: none;
	display: block;
	float: left;
	margin: 0px;
	padding: 2px;
	vertical-align: middle;
	}

div.navigator ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

/*
 *
 * Layout DIV - Main content
 *
 */

div.content{
	clear: both;
	float: left;
	max-width: 736px;
	min-width: 736px;
	overflow: hidden;
	padding: 32px;
	padding-bottom: 0px;
	width: 736px;
	}

div.content div.fragment{
	border-top-color: #444444;
	border-top-style: solid;
	border-top-width: 1px;
	clear: both;
	float: left;
	padding-bottom: 8px;
	padding-top: 8px;
	vertical-align: top;
	}

div.content div.fragment div.image{
	clear: laft;
	float: left;
	max-width: 154px;
	min-width: 154px;
	padding-right: 8px;
	text-align: center;
	width: 154px;
	}

div.content div.fragment div.description{
	clear: right;
	float: left;
	max-width: 564px;
	min-width: 564px;
	width: 564px;
	}

div.content p.navigator{
	text-align: right;
	}

/*
 *
 * Content DIV - Front Page Sponsors Ticker
 *
 */

div.content div.ticker{
	background: none;
	border-bottom-color: #444444;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #444444;
	border-top-style: solid;
	border-top-width: 1px;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	height: 60px;					/* Required by all tickers; may be any value (determines how many items are shown vertically) */
	left: 0px;
	margin: 8px;
	overflow: hidden;					/* Required by all tickers; must be hidden */
	position: relative;				/* Required by all tickers; must be relative */
	right: 0px;
	top: 0px;
	vertical-align: middle;
	width: auto;					/* Required by horizontal tickers; may be any value (determines how many items are shown) */
	}

div.content div.ticker div.items{
	display: block;
	background-image: none;			/* Ensures this div doesn't pick up the pineapple background of the main content div */
	height: 100%;					/* Required by all tickers */
	/*margin-left: 60pt;			/* Required only if this ticker has a title section */
	overflow: hidden;				/* Required by all tickers (Firefox); must be hidden */
	/*width: 100%;					/* Required by vertical tickers */
	vertical-align: middle;
	}

div.content div.ticker ul{
	margin: 0;						/* Required by all tickers; must be 0 */
	}

div.content div.ticker li{
	clear: none;					/* Required by vertical tickers; must be left */
	color: white;
	display: inline;				/* Required by vertical tickers; optional for horizontal tickers; must be block */
	font-size: 8pt;
	float: left;					/* Required by all tickers; must be left */
	line-height: 14.4pt;
	margin: 0px;					/* Required by all tickers; must be 0 */
	padding: 4px;
	padding-right: 12px;
	}

div.content div.ticker a:active{
	color: #b5a665 ;
	text-decoration: underline;
	}

div.content div.ticker a:hover{
	color: #b5a665 ;
	text-decoration: underline;
	}

div.content div.ticker a:focus{
	color: #b5a665 ;
	text-decoration: underline;
	}

div.content div.ticker a:link{
	color: #b5a665 ;
	}

div.content div.ticker a:visited{
	color: white;
	}

/*
 *
 * Content DIV - Sponsors
 *
 */

div.content div.fragment div.sponsor{
	float: left;
	clear: none;
	height: 94px;
	max-height: 94px;
	max-width: 188px;
	min-height: 94px;
	min-width: 188px;
	text-align: center;
	width: 188px;
	}

/*
 *
 * Participant administration form
 *
 */

form.participants div.actions{
	background-color: #888888;
	clear: both;
	float: left;
	margin-bottom: 4px;
	margin-top: 4px;
	max-width: 736px;
	min-width: 736px;
	overflow: hidden;
	padding: 4px;
	text-align: left;
	width: 736px;
	}

form.participants div.actions input[type="button"],
form.participants div.actions input[type="submit"]{
	margin: auto;
	max-width: 80px;
	min-width: 80px;
	padding: auto;
	text-size: small;
	width: 80px;
	}

form.participants div.participant{
	margin: 2px;
	padding: 4px;
	}

form.participants div.participant input[type="checkbox"]{
	margin: 0px;
	padding: 0px;
	margin-right: 8px;
	}

form.participants div.disabled a{
	color: #888888;
	}

form.participants div.pending a{
	color: #0671b0;
	}

/*
 *
 * Layout DIV - Site footer
 *
 */

div.logos{
	background-image: url('/img/footer.png');
	background-position: bottom left;
	background-repeat: no-repeat; 
	clear: both;
	float: left;
	margin-top: 16px;
	text-align: center;
	max-width: 736px;
	min-width: 736px;
	padding: 32px;
	width: 736px;
	}

div.logos img{
	border: none;
	display: inline;
	margin: 0px;
	margin-left: 16px;
	margin-right: 16px;
	padding: 0px;
	}

/*
 *
 * Print-specific settings
 *
 */

@media print{
	body{
		margin: 0px;
		position: static;
		}
	div.main{
		position: static;
		margin: 0px;
		}
	div.banner{
		background-color: #0a001b;
		position: static;
		}
	div.banner div.donate{
		display: none;
		}
	div.navigator{
		background-color: #0a001b;
		position: static;
		}
	div.content{
		background-color: #0a001b;
		position: static;
		}
	div.logos{
		margin: 0px;
		background-color: #0a001b;
		position: static;
		}
	}





























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */