/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: xx - http://www.xxx
	developer: xxx
	date: xx/xx/2008
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. forms
	
	
-------------------------------------------------------*/


										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin			: 0.6em 3%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

										/* ---------- 2. typography ---------- */ 

p {}
p a {
	color:#BC1D7C;
}
h1 {
	display:block;
	height:163px;
	width:402px;
	background:url(../images/logo.jpg) no-repeat;
	text-indent:-9000px;
}
h2 {}
h3 {
	margin-top:0;
	color:#BC1D7C;
}
h4 {
	color:#0081A6;
	font-size:1.2em;
}
h5 {}

.cha_hr {
	width:95%;
	margin:20px auto;
	border:none;
	background:#0081A6;
	height:1px;
}


										/* ---------- 3. listography ---------- */ 
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: "trebuchet MS";
	background		: #0081A6;
}

.clr {
	clear:both;
	height:0px;
}


#wrap {
	position		: relative;
	width			: 920px;
	margin			: 30px auto;
	background		: #fff url(../images/tr_curve.jpg) top right no-repeat;
}
	#hdr {
		position:relative;
		width:920px;
		padding-bottom:10px;
		border-bottom:1px dotted #0081A6;
	}
		#logo {
			position:relative;
			float:left;
		}
		#partners {
			position:relative;
			float:right;
			right:10px;
			top:40px;
		}
			.paim {
				border-right:1px dotted #0081A6;
				margin-right:3px;
				padding-right:3px;
			}
	#main {
		position:relative;
		width:920px;
		border-bottom:1px dotted #0081A6;
	}
		#nav {
			position:relative;
			float:left;
			width:265px;
			padding-top:20px;
		}
		#content {
			position:relative;
			float:left;
			width:650px;
			padding:20px 0;
			border-left:1px dotted #0081A6;
		}
			#gallery {
				margin			: 0.6em 3%;
			}
			#gallery img {
				float:left;
				width:120px;
				height:120px;
				margin:1px;
			}
	#cha {
		position:relative;
		width:920px;
	}
		#part_cha {
			position:relative;
			border-bottom:1px dotted #0081A6;
		}
		#part_cha img {
			padding:3px;
		}
		#rotate_cha {
			position:relative;
			width:920px;
			height:100px;
			margin:0 auto;
		}
			#rc1, #rc2, #rc3, #rc4 {
				position:relative;
				float:left;
				width:228px;
				height:83px;
				margin-top:10px;
				margin-bottom:10px;
				text-align:center;
			}

			#rc1, #rc2, #rc3 {
				border-right:1px dotted #0081A6;
			}
	#ftr {
	}

#min {
	float:left;
	height:400px;
}

#ftr {
	position:relative;
	width:910px;
	margin:0 auto;
	color:#fff;
	font-size:0.85em;
}
#ftr a {
	color:#fff;
}




#ch_hold {
	position:relative;
	width:610px;
	border-top:1px dotted #0081A6;
	margin:10px 3% 10px 3%;
	padding-top:20px;
}
	#ch_im {
		position:relative;
		float:left;
		width:200px;
		margin-left:10px;
		text-align:center;
	}
	#ch_txt {
		position:relative;
		float:left;
		width:395px;
		margin-left:5px;
	}



										/* ---------- 5. navigation ---------- */ 
										
#nav ul {
	margin:0;
	padding:0;
}
#nav li {
	margin:0 0 9px 0;
	padding:0;
	list-style:none;
}
#nav li a {
	display:block;
	height:41px;
	width:245px;
	text-indent:-9000px;
	outline:none;
}
	.nav_home {
		background:url(../images/nav/home.jpg) no-repeat;
	}
	.nav_run {
		background:url(../images/nav/therun.jpg) no-repeat;
	}
	.nav_faqs {
		background:url(../images/nav/faqs.jpg) no-repeat;
	}
	.nav_charities {
		background:url(../images/nav/charities.jpg) no-repeat;
	}
	.nav_gallery {
		background:url(../images/nav/gallery.jpg) no-repeat;
	}
	.nav_register {
		background:url(../images/nav/register.jpg) no-repeat;
	}
	.nav_contact {
		background:url(../images/nav/contact.jpg) no-repeat;
	}


#nav li a:hover {
	background-position:-245px;
}		


										/* ---------- 6. page specific structure ---------- */ 
										

										/* ---------- 7. images ---------- */ 
										
.it_txt {
	margin:20px 0;
}
.hp_lwsp {
	margin-right:10px;
}
.cha_imgs {
}
										

										/* ---------- 8. forms ---------- */ 
										
.fbox {
	border:1px solid #ccc;
}
.fbox_a {
	border:1px solid #ccc;
}
.fbox_d {
	border:1px solid #ccc;
}
.regsub {
	color:#fff;
	font-size:0.9em;
	padding:1px 8px;
	background:#BC1D7C;
}