html { 
	width: 100%; 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: left; 
	font: small/1.5 "trebuchet ms", tahoma, calibri, verdana, arial, sans-serif; 
	color: #484d61; 
	background: #fff url(/images/body.gif) repeat-x 0 0; 
	border-top: 2px solid #5b6bb3; 
	} 




/* << main structural elements >> */ 


#container  { 
	position: relative; 
	width: 920px; 
	margin: 0 auto; 
	} 

#nav  { 
	float: left; 
	width: 200px; 
	margin: 8px 0; 
	background: #dbd7d1 url(/images/nav3.jpg) no-repeat 0 0; 
	} 

#main  { 
	float: right; 
	width: 690px; 
	} 

#header  { 
	float: left; 
	width: 690px; 
	height: 90px; 
	margin: 10px 0; 
	} 

#siteinfo  { 
	float: left; 
	width: 920px; 
	padding: 10px 0; 
	font: 90%/1.5 constantia, georgia, serif; 
	line-height: 120%; 
	border-top: 2px solid #5b6bb3; 
	} 

.content_2of3  { 
	float: left; 
	width: 450px; 
	} 

.content_1of3  { 
	float: right; 
	width: 220px; 
	} 

#quote  { 
	float: right; 
	width: 220px; 
	margin: 5px 0 15px 0; 
	padding: 0 0 10px 0; 
	font-family: constantia, georgia, serif; 
	background: #dbd7d1 url(/images/corners.gif) no-repeat -220px 100%; 
	} 

#quote p  { 
	padding: 0 10px; 
	} 

#quote blockquote p  { 
	float: left; 
	width: 200px; 
	margin: 0; 
	padding: 10px 10px 0.5em 10px; 
	background: url(/images/corners.gif) no-repeat 0 0; 
	} 

#news, 
#furtherinfo  { 
	float: right; 
	width: 200px; 
	margin: 5px 0 0 0; 
	padding: 0 10px; 
	background: #ebeef9; 
	border: 1px solid #5b6bb3; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	} 

.piccontainer  { 
	float: left; 
	width: 100%; 
	margin: 10px 0 20px 0; 
	} /* instructions page */ 





/* links 
----------- */ 


a:link  { 
	color: #b43222; /* dark red */ 
	text-decoration: underline; 
	} 

a:visited  { 
	color: #b43222; /* dark red */ 
	text-decoration: none; 
	} 

a:hover { 
	color: #325fb0; /* blue */ 
	text-decoration: underline; 
	} 

a:focus  { 
	color: #c4bfba; 
	outline: none; 
	} 

a:active  { 
	color: #1706f7; 
	} 

body#sitemap li#navsitemap a  { 
	color: #3f4857; 
	} 

body#sitemap li#navsitemap a:hover  { 
	color: #3f4857; 
	cursor: default; 
	text-decoration: none; 
	} 

h1 a, 
h1 a:hover  { 
	float: left; 
	width: 690px; 
	height: 80px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	text-decoration: none; 
	background: url(/images/h1.png) repeat-x 0 0; 
	} 




/* navigation 
--------------- */ 



#nav ul  { 
	float: left; 
	width: 200px; 
	margin: 0; 
	padding: 0 0 10px 0; 
	padding: 343px 0 10px 0; 
	background: url(/images/corners.gif) no-repeat 100% 100%; 
	list-style: none; 
	} /* top padding on ul rather than #nav for IE6 */ 

#nav ul li  { 
	float: left; 
	width: 180px; 
	padding: 2px 10px; 
	} 

#nav a  { 
	float: left; 
	width: 160px; 
	display: block; 
	margin: 0; 
	padding: 5px 8px; 
	font-family: constantia, georgia, serif; 
	color: #b43222; /* dark red */ 
	background: #dbd7d1; 
	text-decoration: none; 
	border: 1px solid #cdc6be; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	} 

#nav a:hover  { 
	background: #fff; 
	} 

#nav a:active  { 
	color: #260f59; 
	} 

body#index li#navindex a, 
body#about ul li#navabout a, 
body#diary ul li#navdiary a, 
body#links ul li#navlinks a, 
body#testimonials ul li#navtestimonials a, 
body#contact #nav ul li#navcontact a  { 
	color: #325fb0; /* blue */ 
	background: #fff; 
	} 

body#index li#navindex a:hover, 
body#about ul li#navabout a:hover, 
body#diary ul li#navdiary a:hover, 
body#links ul li#navlinks a:hover, 
body#testimonials ul li#navtestimonials a:hover, 
body#contact #nav ul li#navcontact a:hover  { 
	color: #325fb0; 
	background: #fff; 
	cursor: default; 
	} 





/* headers 
-------------- */ 


h1  { 
	float: left; 
	width: 690px; 
	height: 80px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: #ebeef9 url(/images/h1.png) no-repeat 0 0; 
	} 

h2  { 
	margin: 0 0 0.5em 0; 
	padding: 0.7em 30px 0.2em 30px; 
	font: normal 190%/1.5 constantia, georgia, serif; 
	color: #de8c22; 
	letter-spacing: 0.03em; 
	border-bottom: 1px solid #de8c22; 
	} 

h3  { 
	margin: 0 0 0.3em 0; 
	padding: 0.5em 0 0.1em 0; 
	font: normal 150%/1.5 constantia, georgia, serif; 
	color: #a6630d; 
	letter-spacing: 0.03em; 
	border-bottom: 1px solid #d6dbe0; 
	} 





/* paragraphs 
--------------- */ 


p  { 
	margin: 0; 
	padding: 0 0 0.8em 0; 
	} 

p#slogan  { 
	float: left; 
	width: 920px; 
	margin: 0.5em 0 0 0; 
	padding: 0.6em 0 0.8em 0; 
	font: italic 120%/1.5 constantia, serif; 
	text-align: center; 
	color: #5b6bb3; 
	border-top: 1px solid #5b6bb3; 
	} 

#siteinfo p  { 
	float: left; 
	width: 500px; 
	padding: 0.8em 0 0 230px; 
	} 

p.eg  { 
	padding: 0 0 0.8em 1em; 
	} 





/* lists 
---------- */ 


ul  { 
	margin: 0; 
	padding: 0 0 0 20px; 
	list-style-type: disc; 
	} 

ol  { 
	margin: 0; 
	padding: 0 0 20px 20px; 
	} 

li  { 
	margin: 0; 
	padding: 0.3em 0 0 0; 
	} 

body#sitemap #main ul  { 
	float: left; 
	width: 670px; 
	padding: 10px 0 0 20px; 
	} 

dl  { 
	float: right; 
	width: 240px; 
	margin: 0; 
	padding: 5px 0; 
	} 

dt  { 
	margin: 15px 0 5px 0; 
	padding: 0; 
	font: 140%/1.5 constantia, georgia, serif; 
	color: #f28822; 
	} 

dd  { 
	margin: 0; 
	padding: 0 0 5px 10px; 
	} 





/* contact form 
------------------  */ 



#contactform form  { 
	float: left; 
	width: 400px; 
	margin: 0; 
	padding: 10px 20px; 
	} 

#contactform fieldset  { 
	border: 1px solid #fff; 
	} 

#contactform legend  { 
	text-indent: -5000px; 
	} 

#contactform form div  { 
	margin: 1em 0 0 0; 
	} 

#contactform label  { 
	float: left; 
	width: 8em; 
	padding: 0 0.5em 0 0; 
	text-align: right; 
	} 

#contactform label.message, 
#contactform label.zemTextarea  { 
	width: 100%; 
	padding: 0; 
	text-align: left; 
	} 

#contactform input  { 
	width: 240px; 
	padding: 2px; 
	} 

#contactform input.submitform, 
#contactform input.zemSubmit  { 
	width: auto; 
	margin: 0.5em 0 0 0.5em; 
	padding: 0.2em 0.5em; 
	color: #b43222; /* dark red */ 
	font-weight: bold; 
	} 

#contactform input.submitform:hover, 
#contactform input.zemSubmit:hover  { 
	color: #1706f7; /* blue */ 
	cursor: pointer; 
	} 

#contactform textarea  { 
	width: 350px; 
	height: 100px; 
	margin-top: 5px; 
	} 

#contactform ul.zemError {
	margin: 0 0 20px 0; 
	padding: 10px 20px; 
	color: #b43222; /* dark red */ 
	font-weight: bold; 
	border: 1px solid #b43222; 
	list-style-type: none; 
	} 




/* minor, decorative elements 
-------------------------------- */ 



img  { 
	float: right; 
	margin: 10px 0 10px 15px; 
	padding: 3px; 
	background: #d6dbe0; 
	border: 1px solid #659aac; 
	} 

.piccontainer img  { 
	float: left; 
	margin: 0; 
	} 

em  { 
	font-style: italic; 
	} 

blockquote  { 
	margin: 1em 0 0 0; 
	} 

#quote blockquote  { 
	margin: 0; 
	} 

cite  { 
	font-style: italic; 
	} 

#quote cite  { 
	padding-left: 1em; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #484d61; 
	cursor: help; 
	}