/* CSS Document */
 * {
	margin: 0;
}

html, body {
	height: 100%; 
}

body {
	background: #dce3be url(images/header_bg.gif) repeat-x; 
	width: 100%;
	text-align: center;
	}

#live {
	min-height: 100%; 
	width: 800px;
	margin: 0px auto -120px auto; 
	height: auto !important; 
	height: 100%; 
	background: transparent url(images/page_bg.gif) repeat-y; 
	text-align: left;
    }	

/* Create different nested "#main" IDs for each page (home, about, etc.). Then specify the appropriate photo for each page, as shown below. Set the appropriate ID on the "body" tag in the HTML. */

#home #live h2 {
	background: transparent url(images/home_photo_curve.jpg) no-repeat;	
}

#boarding #live h2 {
	background: transparent url(images/boarding_photo_curve.jpg) no-repeat;	
}

#instruction #live h2 {
	background: transparent url(images/instruction_photo_curve.jpg) no-repeat;
}	

#horsecamp #live h2 {
	background: transparent url(images/horsecamp_photo_curve.jpg) no-repeat;
}	
#schedule #live h2 {
	background: transparent url(images/schedule_photo_curve.jpg) no-repeat;
}
#events #live h2 {
	background: transparent url(images/events_photo_curve.jpg) no-repeat;
}
#gallery #live h2 {
	background: transparent url(images/gallery_photo_curve.jpg) no-repeat;
}
#community #live h2 {
	background: transparent url(images/community_photo_curve.jpg) no-repeat;
}
#contact #live h2 {
	background: transparent url(images/contact_photo_curve.jpg) no-repeat;
}

#live h2 {
    font: bold 13pt verdana;
    color: #849461;
	padding: 170px 20px 10px 20px;
	margin-left: 199px;
	}

#live p {
	font: 10pt/15pt verdana;
	color: #333;
	padding: 0 20px 17pt 20px;
	margin-left: 200px;
	}

#live ul {
	margin: 0;
	padding: 0;
}

#live li {
	font: 10pt/15pt verdana;
	color: #333;
	margin-left: 235px;
}

#live a {
	text-decoration: none;
	color: #0054a6;
	}

#live a:hover {
	border-bottom: #0054a6 1px dotted;
	}
	
#live td {
	font: 9pt/12pt verdana;
	}

#live img {
	padding: 0px;
	border: 0;
	}	

img.left {
	float: left;
	padding: 0 10px 0 0;
	}

img.right {
	float: right;
	padding: 0 0 0 10px;
	}
   
#sidebar {
	float: left;
	position: absolute;
	top: 0;
	z-index: 2;
}

#title {
    margin: 0px 0px 0px 20px;
	background: transparent url(images/mbr_logo.gif) no-repeat;
	width: 154px;
	height: 158px;
    }
    
#title h1 {
    font: bold 20pt georgia;
    color: #333;
    margin: 0px 0px 0px 20px;
	display: none;
    }
    
#title h2 {
    color: grey;
    margin: 0px 0px 0px 20px;
    }

#title p {
	font: 10pt georgia;
	font-variant: small-caps;
	color: black;
	padding: 0px;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #496e10;
	text-align: center;
	letter-spacing: 3px;
}

#linklist
	{
	background: transparent;
	}

#linklist h2
	{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	font: bold 10pt verdana;
	color: black;
	}

#linklist ul
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	}

#linklist li
	{
	list-style-type: none;
	margin: 3px 0px 0px 20px;
	padding: 0;
	}


#linklist a {
	text-decoration: none;
	display: block;
	width: 145px;
	height: 18px;
	font: 10pt verdana;
	color: white;
	background: #496e10;
	padding: 5px;
}

* html #linklist a {
    \width: 155px; /* for IE5 and IE6 in quirks mode */
    w\idth: 155px; /* for IE6 in standards mode */
  }

#linklist a:hover, a:active
	{
	background: #849461;
	color: black;
	border: none;
	}

#linklist a.selected 
	{
	background: #849461;
	color: black;
	}

#badges {
	width: 198px;
	margin-top: 25px;
	float: left;
	clear: left;
}

#badges p {
	margin: 15px 0 0 0;
	padding: 0;
	text-align: center;
}


#badges img {
	border: 0;
}

#badges a:hover, #index table a:hover {
	border: none;
}

#copyright {
	height: 120px;
	width: 800px;
	padding: 0px;
	background: transparent url(images/footer.gif) no-repeat;
	clear: both;
	position: relative;
	margin: 0 auto 0 auto;
    }

#push {
	height: 120px;
	}

#copyright p {
    font: 8pt georgia;
    color: white;
    text-align: center;
	padding-top: 100px;
	padding-left: 200px;
    }


div#announcement {
	background: #eef1de;
	float: right;
	width: 200px;
	margin: 0px 20px 20px 20px;
	padding: 10px;
}

div#announcementwide {
	background: #eef1de;
	float: right;
	width: 538px;
	margin: 0px 20px 20px 0px;
	padding: 10px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

#announcement p, #announcementwide p {
	font: 8pt/11pt verdana;
	margin: 0px;
	padding: 0px;
	}

table.wide {
	margin-left: 220px;
	padding: 5px;
	width: 550px;
	background: #eef1de;
}

table.wide tr {height: 1.5em; valign: top;}

td.cal_date {
	width: 100px;}

td.cal_items {width: 100px;}