body
	{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family : trebuchet ms,verdana,arial,sans-serif;
	color : black;
	background : rgb(102,153,153);
	width : 100%;
	height : 100%;
	}
	
#wrapper	{
	position : relative;
   	margin:	9px auto auto 9px;
	width : 95%;
	max-width : 1150px;
	color : rgb(0,0,0);
	background : rgb(102,153,153) url(images/sandprints-140.jpg);
	}	
	
#header	{
	position : relative;
	color : rgb(54,60,96); 
	background : transparent url(images/high-ridge-equestrian-center.gif) no-repeat 50% 50% ;
	height : 160px;
	text-align : center;
	vertical-align : top;
	border-bottom : 3px solid rgb(245,245,223);
	}	
	
#content	{
	margin : 0px 0px 0px 216px;
	z-index : 9;
	background : rgb(245,245,223);
	padding : 20px 0px ;
	min-height : 300px;
	border-left : 2px solid white;
}
	
#navigation	{
	position : absolute;
	top : 113px;
	left : 0px;
	width : 216px;
	color : rgb(70,70,70);
	background : rgb(153,194,194);
	}

	
#navigation li a, #navigation li a:visited, #navigation a, #navigation a:visited	{
	font-weight : bold;
	text-align : left;
	line-height : .85em;
	margin : 0;
	padding : 10px;
	padding-left : 20px;
	color : rgb(0,0,0);
	background : rgb(153,194,194) url(images/button-off.gif) repeat-x  0px -10px;
	}
	

#navigation li a:hover, #navigation a:hover, a:hover	{/*a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!! */
	text-decoration : none;
	color : rgb(255,255,255);
	background : rgb(214,214,180)  url(images/button-on.gif) repeat-x 0px -10px;
	}
	
#navigation a	{
	display : block;
	margin : 0px;
		}	

#footer	{
	position : relative;
	margin : 0px;
	font-weight : bold;
	text-align : center;
	color : brown;
	background : transparent url(images/sandprints-140.jpg);
	height : 47px;
	border : 1px solid white;
	}
	
/*#footer a, #footer a:visited	{
	color : #eee;
	background : transparent;
	}	*/
	
#footer a:hover	{
	color : white;
	background : transparent;
	}		
	
#content h1, #content h2, #content h3, #content p, #content img	{
	margin-left : 20px;
		} 	
		
#content ul	{
	margin-left : 35px;
		}	
		
h1,h2,h3,h4,h5,h6	{
	font-weight : normal;
	color : rgb(102,102,102);
	background-color : transparent;
	margin-left : 20px;
	margin-top : 0px;
	clear : none;
	}
h2{clear : left;}
	
h4,h5,h6	{
	font-weight : bold;
	}	
	
a	{
	color : brown;
	background-color : transparent;
	}	
	
ul	{
	margin : 0px;
	padding : 0px;
	margin-bottom : 20px;
	}	
		
.oldbrowser	{
	display : none;
	}

.center, img.center	{
	text-align : center;
	display : block;
	margin-left : auto;
	margin-right : auto;
	}
	
.left 	{
	margin : 20px 0px 20px 125px;	
	}
	
p.clear	{
	color : rgb(255,249,235);
	clear : both;
	margin-bottom : 20px;
}

p.to-top	{
	text-align : right;
	margin-right : 10px;
	}

span.attrib	{
	display : block;
	font-size : .7em;
	font-style : italic;
	text-align : right;
}	

.bottom	{
	background : rgb(0,0,0) url(images-new/custom-web-design-footer.gif) repeat-x top left;
	height : 50px;
	}
	
img.right	{
	float : right;			
	margin : 10px;
	}
	
div.education	{
	float : right;
	font-size : .75em;
	background : rgb(229,229,229);
	width : 200px;
	margin : 0px 0px 30px 40px;
	padding : 15px;
	padding-top : 50px;
	padding-bottom : 200px;
	height : 100%;
		}	
		
div.photo	{
	width : 60%;
	margin : 10px auto;
	background : white;
	border-bottom : 1px solid rgb(153,153,153);	
	border-right : 1px solid rgb(153,153,153);
	padding : 15px;
	}	
	
div.photo	img{
	margin-left, margin-right : auto;
	}	
	
div.caption	{
	font-style : italic;
	font-size : 70%;
	text-align : right;
	margin-right : 100px;
	}		

img.logo	{		
	float : left;
	margin-left : 20px;
		}
				

img.logo2	{		
	margin-top : 20px;
		}
		
tr	{
	border-bottom : 1px solid gray;
	}	
	
table.donations	{
 font-weight : bold;
 color : rgb(102,102,102);
 }