/* css Zen Garden submission 176 - 'Kelmscott', by Bronwen Hodgkinson, http://www.cdevision.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, Bronwen Hodgkinson */
/* Added: July 9th, 2005 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */



/* basic elements */
body {font:8pt georgia, serif; color:#333; background:#fff url(bground.gif); margin:0; border:1px solid #000;}
	
p {font:8pt georgia, serif; margin:0 0 12px 0; text-align:justify;}
h3 {font:bold 12pt georgia, serif; margin-bottom:0;}
abbr {font-weight:bold; border-bottom: none;}
	
a:link, a:visited {text-decoration:none; color:#900;}
a:hover, a:active {text-decoration:underline; color:#c00;}

/* specific divs */
.page-wrapper {width:604px; padding:0; margin:80px auto 80px 80px; border:2px solid #333;
	 position:relative; background:#f8f8f8 url(bottomBorder.gif) 2px 100% no-repeat;}
	
.intro {background:url(header.gif) no-repeat; width:600px;}
	header {margin-bottom:0; height:30px;}
		header h1, header h2 {margin:17px 0 0 0; padding:0; height:30px;}
		header h1 {background:transparent url(h1.gif) no-repeat; width:223px; float:left;}
		header h2 {background:transparent url(h2.gif) no-repeat; width:377px; float:right;}
		h1, h2 {
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
		}
	.summary {clear:both; margin:0 0 6px 0; width:600px; height:73px; background:url(summary.gif) 0 0 no-repeat;}
		.summary p:first-child {display:none;}
		.summary p:last-child {position:absolute; top:129px; left:430px; padding:0; font-size:8pt; z-index:10; font-weight:bold; width:150px; text-align:left;}			
	.preamble {padding:210px 0 0 20px; margin:0 188px 0 0; background:url(mainImage.gif) 13px 0 no-repeat; width:392px;}
		.preamble h3 {background:url(preAmble.gif) -9px 0 no-repeat; height:41px; width:392px; margin:0; padding:0;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
		}
	
.supporting {margin:0 8px 50px 20px; width:390px;}
	.supporting h3 {height:41px; width:392px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.explanation h3 {background:url(explanation.gif) -9px 0 no-repeat;}
	.participation h3 {background:url(participation.gif) -9px 0 no-repeat;}
	.benefits h3 {background:url(benefits.gif) -9px 0 no-repeat;}
	.requirements h3 {background:url(requirements.gif) -9px 0 no-repeat;}
	
.sidebar {width:170px; position:absolute; top:170px; left:422px; background:url(linklistBottom.gif) 0 100% no-repeat; padding-bottom:200px; font:7.5pt georgia, serif; padding-left:7px;} 
	.sidebar h3 {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.sidebar h3 {width:165px; height:15px; margin:0;}
	.sidebar h3.select {background:url(select.gif) no-repeat;}
	.sidebar h3.archives {background:url(archives.gif) no-repeat;}
	.sidebar h3.resources {background:url(resources.gif) no-repeat;}
	.sidebar ul {margin:0 0 17px 0; padding:0;}
	.sidebar li {line-height:1.2em; list-style-type:none; display:block; padding-top:5px; margin-left:0;}