@import url("banner.css");

body {
	text-align: center;
	font-family: verdana, geneva, arial, helvetica;
	font-size: 100%;
	font-size: 0.8em;
	background-color: #c4b2a4;
	margin: 0;
	padding: 0;
	}

#page {
	color: #383838;
	text-align: left;
	position: relative;	/* positioned but not moved to keep the logo inside the site borders in IE */
	margin: -3px auto 0 auto;
	}


/* 	----------------------------------------------------------------------------------------------------------------------------------
	Pagebody::
	--- 
	Contains content and sidebar 
	One True Layout equal-height columns (ehc) will work on any of those three main blocks 
	(http://www.positioniseverything.net/articles/onetruelayout) */
		
	
	#pagebody {
		border-bottom: 1.5em solid  #7B3A70;
		margin: 0 auto -2em auto; /* I don't have a clue why the margin needed to be negative here except that it was the only way firefox didn't add a 2em space at the bottom of the page. */
		background-color: #fff;
		position: relative;
		width: 60em;
		}

/* content areas */

	#content { padding: 1em; }
	#content p, #content li { line-height: 150%; }




/* clearfix */
/* method for clearing floats without extra markup - http://www.positioniseverything.net/easyclearing.html */

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

	/* Hides from IE-mac \*/

	* html .clearfix { height: 1%; }
	.clearfix { display: block; }

	/* End hide from IE-mac */



/* headings */			

	h1 {
		color: #a9003c;	
		font-family: georgia, times new roman, serif; 
		margin: 0; 	font-weight: normal;
		padding: 2px 0 2px 0px; 
		letter-spacing: 2px;  
		font-size: 2em; }
	
	h2 { 
		letter-spacing: 1px; 
		font-weight: normal; 
		margin-top: 5px;
		margin-bottom: 0;
		color: #d76a13;  /* #d14500;#207160; */
		font-size: 1.5em; 
 }
		
	h2.section { 
		color: #810a00;
		margin: 0 ; 
		background-color: #dfaf89; /*#ffecbd;		*/
		padding: 0.75em; 
		font-size: 1.2em; 
		}
/* links */

	a { color: #0945C7; }
	a:visited { color: #063398; }
	a:hover, a:focus { 
		color: #0790FF; 
		text-decoration: underline; }	

/* accent blockquotes  */

	.pullquote { 
		width: 125px; 
		font-size: 1.4em; 
		font-family: arial, verdana, geneva, helvetica;
		letter-spacing: 1px;
		color: #a9003c; 
		line-height: 130%;
		float: right; 
		clear: right; 
		margin: 1em 0 8px; 
		border-bottom: 1px solid #BBC663;
		text-align: right;
		padding: 0 8px 2px 8px; }
	.pullquote em {
		color: #e87314;
		font-weight: bold;
		font-style: normal; }
	.pullquote p { 
		margin: 0; 
		padding: 0; }

/* image blocks with caption */	

	.image  { margin: 5px 5px;}
	.image img { border-top:1px solid #fff; }
	.image p { padding: 3px; text-align: center; font-size: 0.8em; margin: 0;}

/* block alignment */

	.left-block { float:left; margin:  0 1em 0 0; }
	.right-block { float:right; margin:  0 0 0 1em; clear:right;}


	#search input { color: #2C2E2F; }
	#searchterm { border: 1px solid #D3D3D3;  }
	#search.button {}
	#search label { 
		font-size: 0.75em; 
		color: #8F2437; 
		margin-right: 3px; 
	}
#search {
	position: relative;
	top: -10px;

	padding: 7px 8px 5px 5px;
	height: 24px;
	width: 215px;
	text-align: left;
	background: #ffecbf url(../images/rightcorners.gif) no-repeat right;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}
.floatleft {
	float: left;
	margin: 0 1em 0 0; 
}

.floatright {
	float: right;
	margin: 0 0 0 1em; 
}


 h3 {
	margin-bottom: 0;
}