@charset "utf-8";
/* CSS Document */

* {border:0;padding:0;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#503625;}

body {width:858px;margin:75px auto;}

hr {display:block;clear:both;}
hr.divider {height:2px;background-color:#c2c2c2;margin-bottom:20px;}

#header {display:block;width:858px;height:56px;margin:0 0 20px 0;}

	#header #logo {float:left;width:195px;height:56px;margin:0 4px 0 0;}
	
	#header #navigation {float:left;height:56px;width:659px;}
	#header #navigation ul {float:left;width:100%;height:23px;margin:33px 0 0 0;background-color:#513726;list-style-type:none;}
	#header #navigation ul li {float:left;}
	#header #navigation ul li a {float:left;height:18px;padding:5px 13px 0 13px;border-right:3px solid #fff;font-size:14px;line-height:14px;text-decoration:none;color:#fff;font-weight:bold;text-transform:uppercase;}
	#header #navigation ul li.active a,
	#header #navigation ul li a:hover  {background-color:#7fa1ad;}
	



#body {width:810px;border:4px solid #7fa1ad;padding:10px 30px 10px 10px;margin:0 0 10px 0;}

	#body h2 {font-size:17px;line-height:17px;margin:10px 0 8px 0;}
	#body h3, body h3 a {font-size:15px;line-height:15px;margin:10px 0 8px 0;color:#7fa1ad;text-decoration:none;}
	body h3 a:hover {text-decoration:underline;color:#ccc;}
	#body p {line-height:1.65em;margin-bottom:25px;text-align:justify;}
	
	#body p.left {margin:0 20px 10px 0;float:left;width:auto;height:auto;}

#body img.left {float:left;margin:0 10px 0 0;}
#body ul {margin-left:20px;margin-bottom:25px;list-style-type:none;}
#body ul li {padding-left:11px;background:url(../images/misc/bullet.gif) no-repeat left center;}



		/* special logo links */
		.logoLink {width:138px;height:300px;float:left;text-align:right;padding:0;margin:0;}


/* forms */
form {float:left;height:auto;}
form p {display:block;}
form label {float:left;font-weight:bold;width:115px;text-align:left;}

form input.text, 
form select,
form textarea {width:300px;border:1px solid #503625;}
form input.text {height:20px;}
form select {height:20px;}
form textarea {height:60px;}
form input.button {width:60px;height:20px;color:#fff;background-color:#503625;font-weight:bold;font-size:11px;text-align:center;cursor:pointer;text-transform:uppercase;}
form input.button:hover {color:#503625;background-color:#7fa1ad;}

.errors {margin:0 0 25px 0;color:#990000;}


/* headline customization */
.about_us {background:url(../images/section_title/title-about.png) no-repeat top right;}
.events {background:url(../images/section_title/title-events.png) no-repeat top right;}
.clients {background:url(../images/section_title/title-clients.png) no-repeat top right;}
.volunteers,
.cherry_creek_sneak,
.deer_creek_challenge,
.tri_for_the_cure,
.rockies_run_volunteer_signup,
.rockies_run {background:url(../images/section_title/title-volunteers.png) no-repeat top right;}
.contact_us {background:url(../images/section_title/title-contact.png) no-repeat top right;}
.athletic_events {background:url(../images/section_title/title-athletic.png) no-repeat top right;}
.films {background:url(../images/section_title/title-films.png) no-repeat top right;}
.rinks {background:url(../images/section_title/title-rinks.png) no-repeat top right;}



#footer * {font-size:9px;color:#7fa1ad;}
#footer {display:block;clear:both;}
#footer ul {list-style-type:none;float:left;}

#footer ul li,
#footer ul li a {float:left;text-decoration:none;padding:0 5px 0 0;}
#footer ul li a:hover {color:#ccc;}

#footer #copyright {float:right;text-align:right;}




.clear {clear:both;}