/* ===============================================
title: 		standard.css
media:		screen, projection
notes:
 - defines base layout
=============================================== */

body {
	background: url("../../../../images/background-events.gif") no-repeat top center;
	color: #666666;
	font-family: Verdana, Arial, Sans-Serif;	
	font-size: 80%;
	margin: 0;
	padding: 0;	
	text-align: center;
}

*Html body {
	font-size: 78%;

}

h1, h2, h3 {
	color: #000000;
	font-family: Verdana, Arial, Sans-Serif;
}

p {
	color: #666666;
	font-family: Verdana, Arial, Sans-Serif;	
}

ul {
	color: #666666;
	font-family: Verdana, Arial, Sans-Serif;	
}

/* global layout
=============================================== */

/* skip sections */

ul#skip-links {
	left: -1000px;
	position: absolute;
	top: -1000px;
}

/* wrap */

div#wrap {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 770px;
}

	/* header */

	div#header {
		background: url("../../../../images/background-content-panel-header.gif") no-repeat 0% 100%;
		height: 300px;
		margin: 0;
		padding: 0;
	}

	/* 
	 * 	layout widths:
	 *	wrap: 	770px
	 *	main: 	743px (wrap:770px - padding:27px)
	 *			743px (breadcrumb/content:540px + side-bar:203px)
	 */
	
	/* main */
	
	div#main {
		background: url("../../../../images/background-content-panel-middle.gif") repeat-y;
		padding: 0 27px 0 0;
		margin: 0;
	}

		/* breadcrumb */
		
		div#main div#breadcrumb {
			background-color: #000000;
			border-bottom: 2px solid #F2F2EA;
			cursor: default;
			float: right;
			margin: 0 0 0 0;
			padding: 0.3em 0 0.3em 8px;
			width: 532px;
		}
		
		div#breadcrumb div#text
		{
			float: left;
			margin-top: 0.2em;
		}
		
			div#breadcrumb span.label {
				left: -1000px;
				position: absolute;
				top: -1000px;
			}		
		
			div#breadcrumb a {
				color: #AEA59F;
				cursor: pointer;
				font-size: 95%;
				text-decoration: none;
			}
			
				div#breadcrumb a:visited {
					color: #AEA59F;
				}
			
				div#breadcrumb a:focus,
				div#breadcrumb a:hover {
					text-decoration: underline;
				}
					
			div#breadcrumb span.seperator {
				color: white;
				font-size: 95%;
			}
					
			div#breadcrumb span.current-page {
				color: #ffffff;
				font-size: 95%;
			}
			
		div#breadcrumb div#buttons
		{
			margin-right: 5px;
			float: right;
		}

		/* content */

		div#main div#content {
			background: #ffffff url("../../../../images/background-side-column-competition.gif") repeat-y top right;
			float: right;
			width: 540px;
		}

		/* side-bar */

		div#main div#side-bar {
			float: left;
			padding: 15px 0 0 0;
			width: 203px;
			
			/*
			filter:alpha(opacity=70);
			opacity: 0.7;
			-moz-opacity:0.7;
			*/			
		}
		
			/* search */
			
			div#side-bar div#search {
				background: url("../../../../images/search.gif") no-repeat top left;
				height: 40px;
				padding: 30px 0 0 13px;
			}

				div#side-bar div#search input.text-search {
					float: left;	
					margin: 3px 3px 0 0;
					padding: 0;
					width: 134px;
				}
				
				div#side-bar div#search input.button-search {
					border: none;
					color: #FFFFFF;
					cursor: pointer;
					float: left;	
					font-weight: bold;
					width: 31px;
					height: 27px;
				}
		
			/* local-nav */
			
			div#side-bar div#local-nav {
				background: url("../../../../images/pickonebottom.png") no-repeat bottom left;
				color: #FFFFFF;
				font-weight: bold;
				margin: 8px 0 0 23px;
				padding: 0 0 40px 0;
				text-transform: uppercase;
				width: 160px;
			}
			
			/*
			* html div#side-bar div#local-nav {
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pickonebottom.png');
			}
			*/

				div#side-bar div#local-nav h2 {
					height: 55px;
					margin: 0;
					padding: 0;
					position: relative; /* Gilder/Levin Method image replacement method */
				}
					
					div#side-bar div#local-nav h2 span { /* Gilder/Levin Method image replacement method */
						background: url("../../../../images/pickone.png") no-repeat;
						position: absolute;
						width: 100%;
						height: 100%;
					}

				div#side-bar div#local-nav div.level {
					background: url("../../../../images/pickonemiddle.png") repeat-y;
					padding: 0 0 0 20px;
				}
				
				div#side-bar div#local-nav div.level-1 {
					
				}
				
				div#side-bar div#local-nav div.level-2{
					padding: 0 0 0 30px;
				}
					
					/* local-nav links */
					
					div#side-bar div#local-nav a {
						color: #FFFFFF;
						display: block;
						font-size: 90%;
						padding: 0.25em 0 0.25em 0;
						text-decoration: none;
					}
					
					div#side-bar div#local-nav a:hover {
						color: #FFFFFF;
					}
					
					div#side-bar div#local-nav a.selected {
						color: #D3F906;
						text-decoration: none;
					}
			
			/* highlighted-content */
			
			div#side-bar div#highlighted-content {
				margin: 10px 0 0 0;
				text-align: right;
			}

		/* end: side-bar */

	/* end: main */

	/* footer */
	
	div#footer {
		background: #FFFFFF url("../../../../images/background-content-panel-footer.gif") no-repeat 0% 0%;
		cursor: default;
		margin: 0 0 0 0;
		padding: 1em 0 1em 0;
		text-align: right;
	}
		
		div#footer span.copyright-notice {
			color: #000000;
			font-size: 90%;
		}
		
		div#footer span.charity {
			color: #000000;
			font-size: 90%;
		}
				
		div#footer span.seperator {
			color: #000000;
			font-size: 90%;
		}
		
		div#footer a {
			color: #000000;
			font-size: 90%;
			text-decoration: none;
		}
		
		div#footer a:visited {
			color: #000000;
		}
		
		div#footer a:hover {
			text-decoration: underline;
		}

/* template layouts
=============================================== */

/* layout to fit with in div#content width of 540px */

/* yh-home */

body.yh-home {
	background:url(../../../../images/background-home.gif) no-repeat;
	background-position: center;
	margin: 50px;
}

/* yh-2column */

body.yh-2column div#content div#main-content {
	float: left;
	padding: 10px 10px 10px 10px;
	width: 518px;
}


/* yh-3column & yh-3column-intro */

body.yh-3column div#content div#intro-content,
body.yh-3column-intro div#content div#intro-content { /* width: 540px = 520px + 10px + 10px */
	background-color: #ffffff;
	border-bottom: 2px solid #F2F2EA;
	color: #666666;
	margin: 0;
	padding: 10px;
	width: 520px;
}

/* width: 530px = 332px (main-content) + 342px (additional-content) */

body.yh-3column div#content div#main-content, 
body.yh-3column-intro div#content div#main-content { /* width: 332px = 322px + 10px */
	float: left;
	padding: 10px 0 0 10px;
	width: 322px;
}

body.yh-3column div#content div#additional-content,
body.yh-3column-intro div#content div#additional-content { /* width: 198px = 178px + 10px + 10px */
	float: right;
	padding: 1em 10px 1em 10px;
	width: 178px;
}

/* content areas
=============================================== */

/* intro content */

div#intro-content h1,
div#intro-content .heading1 {
	color: #000000;
}

div#intro-content h2,
div#intro-content .heading2 {
	color: #666666;
}

div#intro-content div,
div#intro-content p {
	color: #666666;
}

div#intro-content a,
div#intro-content a:visited {
	color: grey;
}

/* main content */

div#main-content p {
	color: #666666;
}


/* additional content */

div#additional-content h2,
div#additional-content .heading2 {
	font-size: 120%;
	margin: 0.5em 0 -1em 0;
	padding: 0;
}

div#additional-content div,
div#additional-content p {
	color: #000000;
}

div#additional-content div.row, div#additional-content div.row a  {
	background-color: #0099CB;
	color: #FFFFFF;
}

div#additional-content div.points {
	background: url(../../../../images/yhearts_rhs.gif) no-repeat 20% 50%;
	font-size: 120%;
	color: #ffffff;
	width: 100px;
	height: 47px;
	padding: 24px 0 0 65px;
	font-weight: 800;
} 

div#additional-content div.challenge {
	padding: 10px;
	color: #FFFFFF;
}


div#additional-content a,
div#additional-content a:visited {
	color: #000000;
}

/* links
=============================================== */

/* default link
----------------------------------------------- */

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

a:visited {
	color: grey;
}

a:focus,
a:hover {
	text-decoration: none;
}

a:active {
	color: #FF0000;
	text-decoration: none;
}

	/* fieldset */	
		
	fieldset,
	.fieldset { 
		/* .fieldset used to minick fieldset - where a fieldset is not semantically correct (eg: confirmation page) */
		border-style: dotted;
		float: left;
		padding: 0 0 0.75em 0;
		width: 320px;
	}
	
	/* fieldset help */

	div.fieldset-help {
		font-size: 85%;
		margin: 0.75em 0 0 0;
		width: 235px;
	}
		
		div.fieldset-help h2 {
			font-size: 100%;
			margin: 0;
		}
		
		div.fieldset-help p {
			font-size: 85%;
			margin: 0.75em 0 0 0;
		}

		/* fieldset separator */		

		div.fieldset-separator {
			clear: both;
			height: 1.75em;
			
			border: 0px solid #eee;
		}
			
			div.fieldset-separator br {

			}		

/* forms layout 
======================================*/

/* 2 column */

.form-2col {
	background-color: #F7F8F3;
}
	
	.form-2col div.field-pair {
		clear: both;
		padding: 0.5em 0 0.5em 1em;
	}
		
		.form-2col div.field-pair label.field-label {
			display: block;
			float: left;
			width: 93px;
		}
		
		.form-2col div.field-pair div.field-wrap {
			float: right;
			width: 213px;
		}
			
			.form-2col .field-pair .field-wrap select,
			.form-2col .field-pair .field-wrap input.text,
			.form-2col .field-pair .field-wrap div.radio-set,
			.form-2col .field-pair .field-wrap div.checkbox-set,
			.form-2col .field-pair .field-wrap input.button {
				float: left; /* float allows error marker to sit adjacently */
				margin: 0 0.25em 0 0;
			}
			
			/* field help */
			
			.form-2col .field-pair .field-wrap .field-help {
				clear: both;
				margin: 0 0.25em 0 0;
				font-size: 85%;
			}

/* text elements */
		
input.text {
	width: 75%;
}

/* buttons */

input.button {
	background-image: url(../../../../images/button-worry-submit.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-color: #F7F8F3;
	font-weight: bold;
	float: right;
	width: 88px;
	height: 31px;
}

/* heading */

.heading-highlight-forms {
	background-color: #E7E7DD;
	color: #353430;
	border-style: dotted;
	font-size: 120%;
	padding: 0 0 0 0.5em;
}

/* clearing
=============================================== */

.clearer {
	clear: both;
	font-size: 0;
	height: 0;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
}

/* ie7 */
	.clearfix { display: inline-block; }
	/* hide from ie-mac \*/
	.clearfix { display: block; }
	/* end hide from ie-mac */
/* end: ie7 */

/* ie6 and earlier */
	/* hide from ie-mac \*/
	* html .clearfix { height: 1%; }
	/* end: hide from ie-mac */
/* end: ie6 and earlier */