/*=====================================/
         Mustard Seed Ranch
----------------------------------------
  Author: Inertia Interactive Media
======================================*/
 

/**************************************/
/*              GLOBALS               */
/**************************************/
html {background: url(/images/bg_html.jpg);}
body {background: url(/images/bg_body.png) center top no-repeat;}
#container {
  color: #6b6c6c; 
  line-height: 1.6em;
	position:relative;
	width:887px;
	margin:0 auto;
	text-align:left;
  padding:10px 20px 10px 7px;
	background:url(/images/bg_container.png) repeat-y;
}

#content strong {
  color: #659a41;
}

#content hr {
  border-top:none;
  border-bottom:1px dotted;
  background:none;
}

#left_bar {
  float:left;
  padding:0 20px 0 0;
  width:164px;
}

#left_bar h6 {
  text-indent: -9999px;
  background: url(/images/h6_newsletter.png) no-repeat;
  width:145px;
  height:16px;
  margin-top: 87px;
  margin-left: 14px;
}

#left_bar #newsletter {
  width: 145px;
  height: 24px;
  background: url(/images/bg_newsletter_input.png) no-repeat;
  margin-left:14px;
  margin-bottom:8px;
}

#left_bar #newsletter input, 
#left_bar #newsletter input:focus, 
#left_bar #newsletter input:hover {
  padding:0;
  margin:0;
  margin-top:4px;
  margin-left:12px;
  outline: none !important;
  border:none !important;
  background:#faf7e4;
  color: #6b6c6c;
  width: 121px;
  height: 16px;
/*  font-size: 10px; */
}

#left_bar h5 {
  text-indent: -9999px;
  background: url(/images/h5_partners.png) no-repeat;
  width:148px;
  height:24px;
  margin-top: 24px;
  margin-left: 14px;
}

#left_bar ul.partners {
  list-style:none;
  padding:0;
  margin:0;
  margin-left:23px;
}

#left_bar ul.partners li {
  list-style:none;
  padding:0;
  margin:0;
}

#right_bar .box a {padding:0; margin:0;}
#right_bar .box img.thumb { margin:10px 0 10px 3px; display:block; padding:0; }

#right_bar #quote_box_wrapper {}
	#right_bar #quote_box_wrapper a {
		width: 169px; height: 288px;
		display: block;
		position: absolute;
		z-index: 10;
		text-indent: -9999px;
	}
	#right_bar #quote_box_wrapper #quote_box {position: relative; z-index: 0;}

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

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */



/**************************************/
/*              HEADER                */
/**************************************/
#logo {
  padding:0 0 0 20px;
}


/**************************************/
/*             NAVIGATION             */
/**************************************/
#left_bar #menu {
  margin: 22px 0 0 0;
  background:url(/images/bg_menu.png) repeat-y;
}

#left_bar #menu #menu_top {
  background:url(/images/bg_menu_top.png);
  width:160px;
  height:8px;
  line-height:0;
  font-size:0;
}

#left_bar #menu #menu_bottom {
  background:url(/images/bg_menu_bottom.png);
  width:160px;
  height:8px;
  line-height:0;
  font-size:0;
}

#left_bar #menu ul {
  list-style:none;
  width:159px;
  padding:0;
  margin:0;
}

#left_bar #menu ul li {
  list-style:none;
  width:159px;
  padding:0;
  margin:0;
}

#left_bar #menu ul li a.menu_item {
  display:block;
  width:159px;
  height:40px;
  text-indent:-9999px;
  background:url(/images/sprite_menu.png);
}

#left_bar #menu ul li a#about { background-position:0 0; }
#left_bar #menu ul li a#about:hover, body.about #left_bar #menu ul li a#about { background-position:-159px 0; }
body.community #left_bar #menu .submenu li a#community { color:#f99528; }
body.board #left_bar #menu .submenu li a#board { color:#f99528; }
body.corporate #left_bar #menu .submenu li a#corporate { color:#f99528; }

#left_bar #menu ul li a#program { background-position:0 -40px; }
#left_bar #menu ul li a#program:hover, body.program #left_bar #menu ul li a#program { background-position:-159px -40px; }

#left_bar #menu ul li a#stories { background-position:0 -80px; }
#left_bar #menu ul li a#stories:hover, body.stories #left_bar #menu ul li a#stories { background-position:-159px -80px; }

#left_bar #menu ul li a#events { background-position:0 -120px; }
#left_bar #menu ul li a#events:hover, body.events #left_bar #menu ul li a#events { background-position:-159px -120px; }
body.youth_event #left_bar #menu .submenu li a#youth_event { color:#f99528; }
body.live_auction #left_bar #menu .submenu li a#live_auction { color:#f99528; }
body.sponsorship #left_bar #menu .submenu li a#sponsorship { color:#f99528; }
body.sponsor_information #left_bar #menu .submenu li a#sponsor_information { color:#f99528; }

#left_bar #menu ul li a#miracle { background-position:0 -160px; }
#left_bar #menu ul li a#miracle:hover, body.miracle #left_bar #menu ul li a#miracle { background-position:-159px -160px; }

#left_bar #menu ul li a#contact { background-position:0 -200px; }
#left_bar #menu ul li a#contact:hover, body.contact #left_bar #menu ul li a#contact { background-position:-159px -200px; }

#left_bar #menu li.submenu ul {
  padding: 8px 0 8px 22px;
  font-size: 11px;
/* TODO move this to IE-specific css */  
  letter-spacing: -0.05em;
}
#left_bar #menu li.submenu ul li {
  line-height: 16px; 
}



/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content {
  float:left;
  width: 512px;
  margin:0 20px 0 0;
}

.border#content {
  background:url(/images/bg_content_border.png) repeat-y;
  width: 488px;
  padding: 12px;
}

#content_border_top {
  background:url(/images/bg_content_border_top.png) no-repeat;
  width: 512px;
  height: 8px;
  line-height:0;
  font-size:0;
  margin:-12px;
}

#content_border_bottom {
  background:url(/images/bg_content_border_bottom.png) no-repeat;
  width: 512px;
  height: 8px;
  line-height:0;
  font-size:0;
  margin:-12px;
}

#right_bar {
  float:left;
  width: 169px;
}

#right_bar .box {
  background:url(/images/bg_event.png) repeat-y;
  width:169px;
  margin-bottom:15px;
}

#right_bar .box_content {
  margin:0 8px;
  color:#7f5723;
}

#right_bar .box_content p, #right_bar .box_content h6 {
  margin:15px 4px;
}

#right_bar strong {
  font-weight:normal;
  text-transform:uppercase;
}

#right_bar .box_top {
  font-size:0;
  letter-spacing:0;
  margin:0;
  padding:0;
  width:169px;
  height:8px;
  background:url(/images/bg_event_top.png) no-repeat;
}

#right_bar .box_bottom {
  font-size:0;
  letter-spacing:0;
  margin:0;
  padding:0;
  width:169px;
  height:8px;
  background:url(/images/bg_event_bottom.png) no-repeat;
}

#right_bar .box_content p.center, #right_bar .box_content h6.center {
  text-align:center;
  margin:15px 4px;
}

#right_bar .box_content .center a {
  text-transform:uppercase;
  text-decoration:underline;
}

#right_bar #event_box {
  background:url(/images/bg_event.png) repeat-y;
  width:169px;
  margin-top:30px;
}

#right_bar #event_box h5 {
  text-indent:-9999px;
  background:url(/images/h5_event.png) no-repeat;
  width:169px;
  height:21px;
  padding:0;
  margin:0;
}

#right_bar #event_box_content {
  margin:0 8px;
  color:#7f5723;
}

#right_bar #event_box_content p {
  margin:15px 4px;
}

#right_bar #event_box_bottom {
  font-size:0;
  letter-spacing:0;
  margin:0;
  padding:0;
  width:169px;
  height:8px;
  background:url(/images/bg_event_bottom.png) no-repeat;
}

#right_bar ul.partners {
	margin: 0; padding: 0;
	list-style-type: none;
	text-align: center;
}
	#right_bar ul.partners li {margin: 0; padding: 0;}
		#right_bar ul.partners li img {display: block;}

body.home #content h1 { width:447px; height:32px; text-indent:-9999px; background:url(/images/h1_home.gif); }
body.about #content h1 { width:355px; height:32px; text-indent:-9999px; background:url(/images/h1_about.png); }
body.community #content h1 { width:355px; height:32px; text-indent:-9999px; background:url(/images/h1_our_community_partners.png); }
body.board #content h1 { width:336px; height:32px; text-indent:-9999px; background:url(/images/h1_board.png); }
body.board #content h2#child_abuse {width: 324px; height: 12px; text-indent: -9999px; background: url(/images/h2_child_abuse.png);}
body.corporate #content h1 { width:387px; height:32px; text-indent:-9999px; background:url(/images/h1_corporate.png); }

body.about #content h2#mission { width:224px; height:16px; text-indent:-9999px; background:url(/images/h2_our_mission_statement.png); }
body.about #content h2#values { width:164px; height:16px; text-indent:-9999px; background:url(/images/h2_our_core_values.png); }

body.program #content h1 { width:199px; height:32px; text-indent:-9999px; background:url(/images/h1_program.png); }
body.program #content h2#horses { width:119px; height:16px; text-indent:-9999px; background:url(/images/h2_why_horses.png); }
body.program #content h2#miracle { width:115px; height:16px; text-indent:-9999px; background:url(/images/h2_the_miracle.png); }

body.stories #content h1 { width:201px; height:32px; text-indent:-9999px; background:url(/images/h1_stories.png); }
body.stories #content h2 { color:#7f5723; font-size:100%; font-weight:bold; }
body.stories #content h2:before { content: '{ '; }
body.stories #content h2:after { content: ' }'; }

body.youth_event #content h1 { width:391px; height:62px; text-indent:-9999px; background:url(/images/h1_youth_event.png); }
body.youth_event #content h2 a { font-size:0; line-height:0; display:block; width:390px; height:15px; text-indent:-9999px; background:url(/images/h2_join_us.png); }

body.live_auction #content h1 { width:184px; height:25px; text-indent:-9999px; background:url(/images/h1_live_auction.png); }
body.live_auction #content h2 { font-size:100%; text-transform:uppercase; }

body.sponsorship #content h1 { width:376px; height:32px; text-indent:-9999px; background:url(/images/h1_sponsorship.png); }
body.sponsorship #content h2 { font-size:100%; text-transform:uppercase; }
body.sponsor_information #content h1 { width:285px; height:32px; text-indent:-9999px; background:url(/images/h1_sponsor_information.png); }
body.sponsor_information #content h2 { font-size:100%; text-transform:uppercase; }
	#content h2 a.more_link {padding-left: 20px;}

body.miracle #content h1 {width: 100%; height: 32px; text-indent: -9999px; background: url(/images/h1_miracle.png) no-repeat;}
body.miracle #content h2.donation a,
body.miracle #content h2.advocate a {font-size: 0; line-height: 0; display: block; width: 100%; height: 26px; text-indent: -9999px; background-repeat: no-repeat;}
	body.miracle #content h2.donation a {background-image: url(/images/h2_donation.png);}
	body.miracle #content h2.advocate a {background-image: url(/images/h2_advocate.png);}
body.miracle #content h2 {font-size: 100%; text-transform: uppercase;}

body.donate #content h1 { width:243px; height:32px; text-indent:-9999px; background:url(/images/h1_donate.png) no-repeat; }

body.donate-receipt #content h1 { width:261px; height:32px; text-indent:-9999px; background:url(/images/h1_donation_receipt.png) no-repeat; }

body.contact #content h1 { width:189px; height:32px; text-indent:-9999px; background:url(/images/h1_contact.png); }
body.privacy #content h1 { width:100%; height:32px; text-indent:-9999px; background:url(/images/h1_privacy.png) no-repeat; }

/*
Community Partners
*/
.partners_container {
	position:relative;
	padding-top:15px;
  padding-bottom:15px;
	color:#7A7979;
}
.partners_img {
	position:relative;
	float:left;
	width:190px;
}
.partners_text {
	position:relative;
	float:left;
	width:298px;
}


/*
Work a Miracle
*/
.miracle {}
	table.simple {
		border: 0;
		border-collapse: collapse;
		table-layout: fixed;
	}
		table.simple td {
			margin: 0; padding: 5px 15px;
			border: 0;
		}
		.miracle table.simple td a {font-size: 100%; font-weight: bold; text-transform: uppercase;}

	table.sponsor_levels {
		font-weight: bold;
		text-transform: uppercase;
	}
		table.sponsor_levels .label {width: 201px;}

p.disclaimer {font-size: 90%; font-style: italic;}

img.icon {
/*  border:1px solid red; */
}


/*
 * Form Errors
 */

p.error {
  border:none;
  background:none;
	color:#ff0000;
	text-align:center;
}

li.error label {
	 color:#ff0000;
}

ul.error {
  border:none;
  background:none;
	background-image:url(/sf/sf_default/images/icons/cancel48.png);
	background-repeat:no-repeat;
	padding-left: 68px;
	margin-left:115px;
	margin-bottom:20px;
	min-height:48px;
}

ul.error li {
  border:none;
  background:none;
color:#ff0000;
}

li.error {
  border:none;
  background:none;
  padding:0;
  margin:0;
  padding-bottom: 7px;
}

li.error input {
  background:#ffcaca;
}




/**************************************/
/*               FOOTER               */
/**************************************/

#copyright {
  text-align:center;
}


/**************************************/
/*               FORMS                */
/**************************************/
.column {float: left; padding-right: 20px;}
	.one {}
	.two {padding-right: 0;}

.donate .column, .register .column {width: 234px;}

form {
	margin: 0; padding: 0;
}
	form fieldset {
		margin: 0; padding: 0;
		border: 0;
	}
	form ol {
		margin: 0; padding: 0;
		list-style-type: none;
	}
	form .input {}
		form .input label {
			width: 100%;
			display: block;
		}
		form .input input {width: 96%;}
	form .input .radio_list {
		margin: 0; padding: 0;
		list-style-type: none;
	}
		form .input .radio_list input {width: auto;}
		form .input .radio_list label {display: inline;}

	form .submit {padding: 20px 0 10px 0;}