* {
	margin:0; 
	padding:0;
	}

body  {
	font: 100.01% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	background: #f4f2ed;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}

h1 {
	font-size: 1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#814248;
	}

h2 {
	font-size: 0.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7B1C27;
	font-weight:normal;
	padding-bottom: 4px;
	}
	
h3 {
	font-size: 0.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#374018;     /* #494F01 */
	font-weight:normal;
	padding-bottom: 3px;
	}	

h4 {
	font-size: 0.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7B1C27;
	font-weight:normal;
	padding-bottom: 10px;
	}	

p {
	font-size: .7em;
	line-height:165%;
	padding-bottom:13px;
	}
	
dl {
	line-height:145%;
	padding-bottom:13px;
	}	
	
dt {
	font-size: 0.7em;
	font-weight:bold;
	line-height:145%;
	padding-bottom:2px;
	color:#474F2E;
	}
		
dd {
	font-size: .7em;
	line-height:155%;
	font-weight:normal;
	padding: 0;
	margin:0;
	
	}	
	
.intro	{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#555415;
	line-height:170%;
	font-size:0.82em;
	}
	
.introstrong	{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7B1C27;
	}	
	
.introstrong2	{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7B1C27;
	font-size:120%;
	}	
	
address {
	font-size: .6em;
	font-style:normal;
	line-height:160%;
	padding:15px 10px 16px 0;
	color:#303527;
	}	

.copyright {
	font-size:.5em;
	color:#999;
	padding: 0 4px 5px 673px;
	}

abbr {
	font-style: normal;
	border-bottom: 1pt dotted #B39E98;
	cursor: help;
	}
	
.logo {
	float: left;
	padding: 30px 0 0 30px;
	}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-right: 15px;
	margin-left: 15px;
	}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}	
	
	
	


/* page links */

a  {
	text-decoration: none;
	color:#400200;
	}	

visited  {
	color:#b5aa9f;
	}	

a:hover {
	color:#800A01;
	border-bottom: 1px dotted #b5aa9f;
	}
		
a:active {
	color:##400200;
	}
	


/* layout positioning */

#wrapper {
	width: 920px;
	margin: 20px auto 0; /* the auto margins (in conjunction with a width) center the page */
	background: url(imgs/shadbkg.jpg) repeat-y center;
	}

#inner-wrap {
	width: 864px;
	background: #FFFFFF url(imgs/columns.jpg) no-repeat left bottom;
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 1px solid #b6c0a6;
	/* margin-left:27px; */
	margin: 0 auto;
	}
	
#mainContent { 
	margin: 60px 230px 0 148px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	} 

#mainContent ol { 
	padding: 0 50px 16px 20px;
	font-size:.7em;
	line-height:155%;
	list-style: none;
	}

#mainContent ol li {                     
	list-style: none;
	padding-bottom: 10px;
	} 

#mainContent ol li:first-letter {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	color:#7b1c27;
	border-bottom:1px dotted #8A917F;
	padding-bottom:1px;
	}	

#sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 190px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	}	
	
	
	
	
	
		/* head divs */
	
#head {
	width:520px;
	margin: 0 190px 0 148px;
	padding-top:22px;
	background: url(imgs/head.gif) no-repeat right center;
	}	
	

#head h1 { /* so that h1 tag is invisible except to search engines and when images are turned off */
	position:absolute;
	top: -400px; 
	}

#head2 {
	width:520px;
	margin: 0 190px 0 148px;
	padding-top:22px;
	background: url(imgs/head2.gif) no-repeat right center;
	}	
	
#head2 h1 { /* so that h1 tag is invisible except to search engines and when images are turned off */
	position:absolute;
	top: -400px; 
	}
	
#head3 {
	width:520px;
	margin: 0 190px 0 148px;
	padding-top:22px;
	background: url(imgs/head3.gif) no-repeat right center;
	}	
	

#head3 h1 { /* so that h1 tag is invisible except to search engines and when images are turned off */
	position:absolute;
	top: -400px; 
	}

#head4 {
	width:520px;
	margin: 0 190px 0 148px;
	padding-top:22px;
	background: url(imgs/head4.gif) no-repeat right center;
	}	
	

#head4 h1 { /* so that h1 tag is invisible except to search engines and when images are turned off */
	position:absolute;
	top: -400px; 
	}

#head5 {
	width:520px;
	margin: 0 190px 0 148px;
	padding-top:22px;
	background: url(imgs/head5.gif) no-repeat right center;
	}	
	
#head5 h1 { /* so that h1 tag is invisible except to search engines and when images are turned off */
	position:absolute;
	top: -400px; 
	}



#contact {
	width:330px;
	padding: 0 0 40px 0;
	float:left;
	}	

#contact ul li {
	font-size:.7em;
	list-style: none;
	line-height:160%;
	}	

#contact2 {
	width:480px;
	padding: 0 0 40px 0;
	float:left;
	}	

#contact2 ul {
	font-size:.7em;
	line-height:160%;
	padding-top:8px;	
	}	
	
#contact2 li {
	list-style: none;
	padding: none;		
	}	







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

#nav  {
	width:100%;
	background: url(imgs/nav.jpg) repeat-x left bottom;
	padding-top:84px;		
	}

#nav ul  {
	list-style: none;
	color:#b5aa9f;
	font-size: .65em;
	border-bottom: none;
	margin: -20px 0 0 0;
	}
	
#nav li  {
	float: left;
	position:relative; /* positioning context for the absolutely positioned drop-down */
	padding: 0 10px 6px 0;
	line-height:145%;
	}
	

	/* navigation link style */

#nav a, visited  {
	text-decoration: none;
	display:block;
	color:#800A01;
	}	

#nav a:hover {
	color:#400200;
	border-bottom: none;
	}
		
#nav a:active {
	color:#800A01;
	}
	
	
	
	/* drop-down navigation */	

#nav ul li ul  {
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width: 10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	font-size:100%;
	margin-top: 8px;
	}
	
	
	
    /* make the drop-down display as the menu is rolled over */

#nav ul li ul  {
	display: none;  /* conceals the drop-down when menu not hovered */
	padding-top:2px;  /* gives more head room for first drop-down item when hovered */
	}
		
#nav ul li ul li  {
	width:100%; /* makes the list items fill the list container (ul) */
	margin-top: -4px;  /* fixes extra leading of 2nd drop-down when hovered */
	}

#nav ul li:hover ul {
	display: block;  /* shows the drop-down when hovered */
	}

#nav ul li ul li:hover ul  {
	visibility: visible;  /* same effect as display:block in this situation */
	}