/* CSS christopherstaples.com */

body {
		margin:20px 10px 0px 10px;
		padding:0px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		font-size:11px;
		color:#333333;
		}
	
	a {
		text-decoration:none; 
		color:#73782d;}
		
	a:hover, a:active{
		color:#000; 
		text-decoration:underline;}

	#leftcontent {
		position: absolute;
		left:10px;
		width:200px;
		background:#fff;
		min-height:500px;
		
		}

	#centercontent {
		background:#fff;
		margin-left: 199px;
		width:420px;
		border:none;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 201px;
		min-height:500px;
		text-align:center;
		background-image:url(images/dot.gif); 
		background-position:left top; 
		background-repeat:repeat-y;
		}
		
	html>body #centercontent {
   		margin-left: 201px;	
		}
	
	#imageHeader {
		margin-left: 199px;
		width:600px;
		border:none;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 201px;
		height:65px;
		background-image:url(images/header.jpg); 
		background-position:left top; 
		background-repeat:no-repeat;
		}	
	
	#centercontent2 {
		background:#fff;
		margin-left: 199px;
		width:420px;
		border:none;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 201px;
		min-height:500px;
		text-align:center;
		background-image:url(images/dot.gif); 
		background-position:left top; 
		background-repeat:repeat-y;
		}
		
	html>body #centercontent2 {
   		margin-left: 201px;	
		}

	#rightcontent {
		position: absolute;
		float:right;
		right:223px;
		left:631px;
		top:20px;
		width:250px;
		min-height:500px;
		}
	
		
	#rightcontent2 {
		position: absolute;
		float:right;
		right:223px;
		left:631px;
		top:85px;
		width:250px;
		min-height:500px;
		}
		
	#rightcontent3 {
		position: absolute;
		float:right;
		right:223px;
		left:631px;
		top:20px;
		width:180px;
		min-height:500px;
		line-height:16px;
		}

		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}
			
		
	img.logo {
		margin-left:10px; 
		margin-top:10px;
		}
	img.rightTitle {
		margin-left:0px; 
		margin-top:14px;
		}
	img.main {
		border: 1px solid #000;
		margin:15px 0px 0px 0px;}
		
	#upcoming {
		font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		font-size:10px;
		margin: 2px 0px 0px 0px;
		padding-top:12px;
		width:200px;
		color:#333333;
		line-height:14px;
		background-image:url(images/dotx.gif); 
		background-position: left top; 
		background-repeat:repeat-x;
		}
	
	.upcoming b{font-size:11px; color:#000000;}

	#nav {
		margin:15px 0px 0px 12px;
		}
		
	#nav img {
		margin-top:7px;}
		
	#thumbnails {
		margin: 2px 0px 0px 0px;
		padding-top:12px;
		background-image:url(images/dotx.gif); 
		background-position: left top; 
		background-repeat:repeat-x;
		width: 130px;
		}
		
	#thumbnails img{
		margin:2px;
		border: 1px solid #777;
		}
		
	img.loadarea {
		border: 1px solid #000;
		margin-top:15px;}
		
	#loadarea {
		background:#fff;
		margin-left: 199px;
		width:420px;
		border:none;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 201px;
		height:500px;
		text-align:center;
		font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		font-size:10px;
		color:#333333;
		background-image:url(images/dot.gif); 
		background-position:left top; 
		background-repeat:repeat-y;
		}
	
	html>body #loadarea {
   		margin-left: 201px;	
		}
		
	#footer {
		position: relative;
		float:left;
		width:760px;
		text-align:left;
		padding-left:10px;
		margin-top:25px;
		height:35px;	
		vertical-align: top;
		border-top:1px solid #999;
		padding-top:7px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		font-size:9px;
		color:#333333;
	
		}
		
	#content {
		text-align:left; 
		line-height:16px; 
		font-size:12px; 
		padding:12px 20px 12px 20px;}
		

	#rightcontent blockquote {
		font-size:14px; 
		letter-spacing:-1px; 
		font-weight:bold; 
		color:#666; 
		margin-top:20px;
		background-color: #E5E5E5; 
		padding:12px; 
		margin-left: 4px; 
		width:130px; 
		text-align:left;}
	
	#workshops ul {
		margin-top:2px;}
		
	#workshops ul li{margin-left:-19px;}
	
	h3 {
		font-size:14px; 
		font-weight:bold; 
		color:#444; 
		margin-bottom:6px; 
		margin-top:10px;}
	
	#workshops {
		font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		font-size:10px;
		margin: 2px 0px 0px 0px;
		padding-top:12px;
		width:180px;
		color:#333333;
		line-height:14px;
		background-image:url(images/dotx.gif); 
		background-position: left top; 
		background-repeat:repeat-x;
		}
	
	.workshops b{font-size:11px; color:#000000;}


#bio {
		text-align:left; 
		line-height:16px; 
		font-size:11px; 
		padding:9px 10px 12px 20px;
		letter-spacing:-1px;
		color:#555;}
		
#contact {
		text-align:left; 
		line-height:16px; 
		font-size:12px; 
		padding:9px 10px 12px 20px;
		letter-spacing:-1px;
		color:#555;}
		
#about {
		font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		font-size:11px;
		margin: 2px 0px 0px 0px;
		padding-top:12px;
		width:180px;
		color:#000;
		line-height:17px;
		background-image:url(images/dotx.gif); 
		background-position: left top; 
		background-repeat:repeat-x;
		}
		
td.contact {
		background-image:url(images/dotx.gif); 
		background-position: left bottom; 
		background-repeat:repeat-x;}
	
/* contact page */

input.btn{
   color:#fff;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   font-size:10px;
   font-weight:normal;
   background-color:#73782d;
   padding-top:2px;
   border:1px solid;
 }
   
input.btn:hover{
color:#FFFFFF;
	background-color:#80870a;
	}
	
input.contact, textarea {
	font-weight: normal; 
	font-size: 10px; 
	color:#222; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	border-color: #777; 
	border-style:solid; 
	background-color: #fff; 
	border-width: 1px; 
	padding-left: 3px; 
	padding-right: 3px;
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:middle;}

.scroll2 {	
	border: 1px solid #777;	
	background-color: #fff;	
	padding: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 9px;
	color:#222;}

option.scroll2 {padding:2px; border: none;}



.centerdiv{ 
text-align: center;
}

.centerdiv>div{ 
margin: 0 auto;
}

.centerdiv img{
border:1px solid #000;
}