html, body {
	margin: 0;
	padding: 0;
	}

body {
	background: #d7ccff url(../img/body-bg.gif) 0 0 repeat-x;
	}


#wrapper {
	width: 780px;
	margin: 0 auto;
	padding-top: 1px;
	position: relative;
	}
	
	#wrapper p.verse {
		color: #063;
		font: 18px/22px 'Trebuchet MS', 'Lucida Grande', Lucida, Verdana,
		 Helvetica, sans-serif;
		text-indent: -1em;
		margin: 5px 45px 5px 335px;
		}
		
	#wrapper p.citation {
		text-align: right;
		color: #063;
		font: 12px/16px 'Trebuchet MS', 'Lucida Grande', Lucida, Verdana,
		 Helvetica, sans-serif;
		margin: 5px 45px 5px 335px;
		}

h1#banner-text {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 1;
	}
	
#nav {
	margin: 15px 40px 0 190px;
	position: relative;
	z-index: 3;
	}
	
	#nav ul {
		padding-left: 15px;
		margin: 0;
		}
		
	#nav li {
		float: left;
		list-style-type: none;
		margin-left: 0px;
		padding: 0 0 0 15px;
		font: bold 1em/1.2em  'Trebuchet MS', 'Lucida Grande', Lucida, Verdana,
		 Helvetica, sans-serif;
		color: #063;
	position: relative;
	z-index: 3;
		}
		
	li#contact-us-l {
		float: right;
		}
		
	#home li#home-l a, #get-involved li#get-involved-l a,
	 #distaff li#distaff-l a,  #photos li#distaff-l a,
	 #meetings li#meetings-l a, #about li#about-l a {
		background: url(../img/hand-bg.gif) 0px 50% no-repeat;
		color: #009A4C;
		}

	#nav a {
		padding-left: 25px;
		}
	
	#nav a:link, #nav a:visited {
		text-decoration: none;
		color: #063;
		}
	
	#nav a:hover {
		text-decoration: underline;
		color: #009A4C;
		background: url(../img/hand-bg.gif) 0 50% no-repeat;
		}


#content {
	margin: 4px 30px 30px 208px;
	padding: 1px 10px 10px 10px;
	background: #d7ccff url(../img/content-bg.gif) top right no-repeat;
	min-height: 325px;  /* content width needs to be 542px */
	position: relative;
	z-index: 2;
	clear: left;
	}

	#content p, #content li, #content dt, #content dd {
		font: 0.9em/1.5em 'Trebuchet MS', Verdana, Lucida, Geneva,
		 Helvetica, Arial, sans-serif;
		 margin: 0.5em 0.5em 1em;
		 }

	#content dt {
		font-weight: bold;
		}

	#content em {
		font-weight: bold;
		font-style: normal;
		color: #063;
		}

	#content h1 {
		font: 1.5em/1.6em Georgia, 'Times New Roman', Times, serif;
		color: #063;
		}
		
	#content h2 {
		font: 1.3em/1.6em Georgia, 'Times New Roman', Times, serif;
		color: #063;
		}
		
	#content h3 {
		font: 1.1em/1.6em 'Trebuchet MS', Verdana, Lucida, Geneva,
		 Helvetica, Arial, sans-serif;
		color: #063;
		margin-bottom: 0;
		}
		
	#content a:link {
		color: #063;
		font-weight: bold;
		}

	#content a:visited {
		color: #063;
		font-weight: normal;
		}

	#content a:hover {
		color: #396;
		}


	#content img {
		padding: 8px;
		background: #C3B2FF;
		border: 1px solid #063;
		margin: 10px 0 10px 25px;
		}

	#footer p {
		text-align: right;
		font: 0.7em/1em 'Trebuchet MS', Verdana, Lucida, Geneva,
		 Helvetica, Arial, sans-serif;
		color: #323259;
		margin-right: 30px;
		}

fieldset {
	border: none;
	margin: 1em;
	}
	
	#content fieldset p {
		margin-top: 2em;
		}
		
textarea {
	margin: 0 1em;
	}
	
legend {
	color: #063;
	font-family: 'Trebuchet MS', Verdana, Lucida, Geneva,
		 Helvetica, Arial, sans-serif;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.style2 {display: block; height: 0; clear: both; visibility: hidden; color: #FFCC00; }