/* Composition Styles */

	.beneficiaryList {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		.beneficiaryList li {
			float: left;
			margin: 0 12px 0 0;
			}
			.beneficiaryList li.lls, .beneficiaryList li.rhf {
				margin-top: 11px;
				}

	#c1, #c2, #c3 {
		}
		.layout21 #c1, .layout312 #c2 {
			background: transparent url(/assets/images/ui/bg_wm_leaf_top.gif) no-repeat 100% 100%;
			}						
		
	.column,
	.column1,
	.column2,
	.column3,
	.column4 {
		float: left;
		position: relative;	
		padding: 0 15px;				
		}
		.column {
			padding-left: 0;
			}
		.column1 {
			padding-left: 0;
			width: 30%;
			}
		.column2,
		.column3,
		.column4 {
			border-left: 2px solid #004000;
			width: 60%
			}
			.column4 {
				padding-right: 0;
				}	
			.home .column2 {
				margin: 0 0 20px;
				}
			.race .column1,
			.race .column2,
			.race .column3 {
				border-left: 0;
				margin-top: 10px;
				width: 29%; /* if 3 columns are present, this value is 29% */
				}			

	#contact {
		clear: left;
		}
		#contact span {
			display: block;
			float: left;
			padding: 5px 10px 5px 0;
			}

	.content {
		padding: 15px 5px;
		}
		.layout21 #footer .inner .content, .layout312 #footer .inner .content {
			padding: 15px 18px;
			}			
		.layout21 #c2 .content, .layout312 #c3 .content {
			padding: 0;
			}
			
	#courseMap {
		color: #000;
		height: 500px;
		margin: 5px 0 10px;
		width: 100%;
		}
		#courseMap td {
			border-bottom: none;
			}
			
	.date, .price {
		text-align: center;
		}
		#news .date {
			font-size: 80%;
			}
		
	#download {
		border-bottom: 2px solid #004000;	
		border-top: 2px solid #004000;
		clear: left;
		margin: 0 0 20px;
		padding: 7px 0 7px 7px;
		}	
		#download .map {
			background: transparent url(/assets/images/icon_kml_download.gif) no-repeat 0 3px;
			padding: 5px 0 6px 26px;
			}	
			
	#elevation {
		background: #fff;
		height: 186px;
		margin-bottom: 20px;
		overflow: auto;
		width: 100%;
		}
		#elevation img {	
			display: block;
			}

	#events {
		float: left;
		list-style: none;
		margin: -.5em 0 1em -3px;
		padding: 0;
		width: 100%;
		}
		#events a {
			display: block;
			}
		#events li {
			background: url(/assets/images/ui/bg_events.png) no-repeat;
			float: left;
			height: 30px;
			margin: 0;
			padding: 0;
			overflow: hidden;			
			text-indent: -5000px;
			width: 87px;			
			}
			#events li.half {
				background-position: -97px 0;
				margin-left: .75em;
				width: 120px;
				}

	#footer {
		background: #050 url(/assets/images/ui/bg_footer.gif) repeat-x;
		clear: both;
		}
		#footer .column1, 
		#footer .column2 {
			padding: 0;
			width: 50%;
			}	
			#footer .column2 {	
				border-left: none;
				}
		#footer #fineprint {
			clear: left;
			font-size: 80%;
			width: 100%;
			}	
			#footer #fineprint p {	
				margin: 0 0 -5px;
				}
		#footer .inner {
			background: transparent url(/assets/images/ui/bg_wm_leaf_bottom.gif) no-repeat 100% 0;
			}
			#footer .inner .content {
				height: 339px;
				position: relative;
				}
	
	#glance {
		}
		#glance img {
			border: 2px solid #009100;
			width: 90%;
			}
		#glance p {
			margin: 0 0 .25em;
			}
			
	#header {
		background: #003E00 url(/assets/images/ui/bg_header.gif) repeat-x;
		height: 174px;
		width: 100%;
		z-index: 2;
		}
		#header a:hover {
			background: none;
			}		
		#header h1.date {
			font-family: "Times New Roman", Times, serif;
			font-size: 190%;
			letter-spacing: 2px;
			line-height: 1;
			position: absolute;
				right: 10px;
				top: 103px; /* 133 without registration button */
			}
		#header .inner {
			background: transparent url(/assets/images/ui/bg_wm_runners_top.gif) no-repeat 271px 0;
			height: 100%;
			}
		#header #logo {
			display: block;
			background: url(/assets/images/ui/logo.png) no-repeat;
			height: 259px;
			position: absolute;
			width: 271px;
			z-index: 3;
			}
			#header #logo img {
				border: 0;
				display: none;
				}	
		#header #register {
			position: absolute;
				right: 8px;
				top: 136px;			
			width: 127px;
			}
			#header #register a {
				background: transparent url(/assets/images/ui/btn_register.png) no-repeat;
				display: block;
				height: 30px;
				overflow: hidden;
				text-decoration: none;
				text-indent: -5000px;
				}
		#header #rro {
			display: block;
			height: 18px;
			position: absolute;
				left: 46px;
				top: 228px;
			width: 181px;
			z-index: 4;
			}
				
	#interior {
		background: #030;
		position: relative;
		z-index: 1;
		}
		#interior .inner {
			background: transparent url(/assets/images/ui/bg_wm_runners_bottom.gif) no-repeat 271px 0;
			}
			
	#legend {
		background: transparent url(/assets/images/ui/bg_sidebar.jpg) repeat-x;
		float: left;
		margin: 0 0 10px;
		width: 100%;
		}
		html > body #legend {
			background-image: url(/assets/images/ui/bg_sidebar.png);
			}
		#legend dd, #legend dt {
			float: left;
			}
			#legend dd {
				line-height: 100%;
				margin: 5px 7px 0 0;
				height: 45px;
				}	
				#legend dd.full {
					width: 85px;
					}
				#legend dd.half {
					width: 103px;
					}
				#legend dd.shared {
					width: 70px;
					}
				#legend dd.turnaround {
					width: 78px;
					}

			#legend dt {
				height: 50px;
				}
				#legend dt.color img,
				#legend dt.finish img, 
				#legend dt.start img {
					margin-right: 5px;
					}
		#legend dl {
			float: left;
			padding: 5px 10px;
			}
		#legend h3 {
			margin: 5px 0 0 10px;
			}
				
	.logo {
		float: left; 
		margin: 5px 20px 5px 0;
		}
		.logo #ds {
			margin-right: 15px;
			}
			
	#map {
		course: relative;
		}
		
	.medal {
		padding: 0 0 0 12px;
		}

	#navPrimary {
		font-size: 117%;
		line-height: 100%;
		margin: 84px 31px 0;
		padding: 0;
		z-index: 10;
		}
		#navPrimary li {
			border-bottom: 1px solid #fff;
			border-top: 1px solid #000;
			clear: left;
			float: left;
			letter-spacing: 3px;
			margin: 0;
			padding: 0;
			position: relative;
			width: 100%;
			}
			#navPrimary li.first {
				border-top: none;
				}
			#navPrimary li:hover a, 
			#navPrimary li.over a {
				background: #004C00; 
				}	
			#navPrimary li:hover ul, 
			#navPrimary li.over ul { 
				display: block;
				}
				#navPrimary li:hover ul ul, 
				#navPrimary li.over ul ul { 
					display: none;
					}
			#navPrimary li.last {
				border-bottom: none;
				}	
			.home #navPrimary li.navHome {
				display: none;
				}
			#navPrimary li a {
				color: #EFC879;
				display: block;
				margin: 0;
				padding: 2px 0 2px 14px;
				text-decoration: none;
				}	
				#navPrimary li a span {
					display: none;
					}
			#navPrimary li li {
				border-bottom: 1px solid #1A5E1A;
				border-left: 1px solid #030;
				border-top: 1px solid #040;
				font-size: 90%;
				letter-spacing: 1px;
				}	
				#navPrimary li li.first {
					border-left: 1px solid #004C00;
					}
				#navPrimary li li a {
					font-weight: normal;
					padding: 2px 0 2px 10px;
					}
					#navPrimary li li a:hover {
						background: #0B570B;
						}
			#navPrimary li ul, #navPrimary li ul ul {
				display: none;
				height: auto;
				position: absolute; 
					left: 208px;
					top: 0;
				width: 13em;
				z-index: 20;
				}
		#navPrimary ul {
			list-style: none;
			margin: 0;
			padding: 0 0 15px;
			}

	#navUtility {
		clear: left;
		padding: 1em 0 0;
		}
		#navUtility li {
			background: transparent url(/assets/images/ui/bg_bullet.gif) no-repeat 0 4px;
			float: left;
			margin: 0;
			padding: 0 15px 13px 8px;
			}
		#navUtility ul {
			line-height: 100%;
			list-style: none;
			margin: 0;
			padding: 0;
			}
			
	#news {
		border-top: 2px solid #004000;
		clear: left;
		padding: 15px 0 0;
		}		

	#print {
		position: absolute;
			right: 5px;
		}
		#print a {
			background: url(/assets/images/ui/bg_print.png) no-repeat;
			padding: 0 0 2px 19px;
			}
			
	#quote {
		margin-top: 5px;
		}		
		#quote cite {
			display: block;
			font-style: normal;
			}		
		#quote q {
			color: #E6AA2F;
			font-size: 133%;
			}
			
	#schedule {
		float: left;
		}
	
	.sidebar {
		background: transparent url(/assets/images/ui/bg_sidebar.jpg) repeat-x;
		float: right;
		margin: 0 10px 0 15px;
		padding: 10px 20px;
		width: 200px;
		}
		html > body .sidebar {
			background-image: url(/assets/images/ui/bg_sidebar.png);
			}
			
	#signup {
		clear: left;
		padding: 15px 31px 0;
		}
		#signup #email {
			float: left;
			width: 121px;
			}
		#signup fieldset {
			border: 1px solid #004000;
			padding: 2px 10px 3px;
			}
		#signup label {
			display: block;
			font-size: 92%;
			}
		#signup legend {
			color: #EFC879;
			}

	.sponsorList {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 98%;
		}
		.sponsorList li {
			float: left;
			height: 100px;
			margin: 0 25px 5px 0;
			padding: 0;
			}
			#footer .sponsorList li {
				margin: 5px 15px 0 0;
				}
			.sponsorList li#ds, .sponsorList li#vr {
				padding: 10px 0 0;
				height: 90px;
				}
			.sponsorList li#endurance {
				padding: 16px 0 0;
				height: 84px;
				}
			.sponsorList li#fss, .sponsorList li#hammer, .sponsorList li#marriott, .sponsorList li#nando, .sponsorList li.raleighrunning {
				padding: 5px 0 0;
				height: 95px;
				}
			.sponsorList li#pg {
				padding: 8px 0 0;
				height: 92px;
				}
			.sponsorList li.rex {
					padding: 6px 0 0;
					height: 94px;
					}
			.sponsorList li#saucony {
					padding: 14px 0 0;
					height: 86px;
					}
	
	.waterSponsorList {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
		}

	#welcome {
		font-size: 133%;
		line-height: 150%;
		}

	#zoom {
		}
		#zoom a {
			text-decoration: none;
			}
		#zoom img {
			border: 2px solid #009100;
			}

/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		}
	.sIFR-replaced {
		visibility: visible !important;
		}
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	
	.sIFR-flash + div[adblocktab=true] {
		display: none !important;
		}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

	.sIFR-hasFlash h1 {
		visibility: hidden;
		font-size: 24px;
		line-height: 100%;	
		margin: 0;	
		}
		.sIFR-hasFlash #header h1.date {
			font-size: 30px;
			}
	.sIFR-hasFlash h2 {
		visibility: hidden;
		font-size: 20px;
		line-height: 100%;	
		margin: 0;
		}