body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background: white url(graphics/bg.jpg) repeat-x;
	padding: 0;
	margin: 0;
}

#outer {
	width: 686px;
	height: 700px;
	background-color: transparent;
	padding: 0;
	/* border: solid 1px #000; */
	margin: auto;
	margin-top: 20px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 686px;
}
html>body #outer {
	width: 686px;
} 


/*   HEADER STYLES  */
#hHome {
	width: 686px; height: 122px;
	background: #B0BF92 url(graphics/header_bg_home.jpg);
	padding: 0; margin: 0;
}

#headerHome {
	background: #B0BF92 url(graphics/header_bg_home.jpg);
}

h1 {
	padding: 0;
	margin: 0;
}

h2 {
	padding: 0;
	margin: 20px 0 5px 0px;
	font-family: Times New Roman, serif;
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding: 0px 0 0 16px;
}

h3 {
	padding: 0;
	margin: 0;
}

h4 {
	padding: 0;
	margin: 20px 0 5px 0px;
	font-family: Times New Roman, serif;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding: 0px 0 0 16px;
}

#events h3 {
	width: 156px;
	height: 24px;
	background: #AC3535 url(graphics/rh_hd_events.gif) no-repeat 5px;
	text-indent: -9999px;
	border-bottom: solid 3px #CC7B7B;
}

#events a:link {text-decoration: none; color: #AC3535}
#events a:visited {text-decoration: none; color: #AC3535;}
#events a:hover {text-decoration: underline; color: #AC3535;}
#events a:active {text-decoration: none; color: #AC3535}

#events p {font-size: 11px; padding: 8px 8px 0 7px; color: #AC3535;}

#members h3 {width: 156px; height: 24px; background: #D78423 url(graphics/rh_hd_members.gif) no-repeat 5px; text-indent: -9999px; border-bottom: solid 3px #E5BF92;}
#members p {font-size: 11px; padding: 2px 0 0 4px; color: #963; line-height: 14px;}
#members table {margin: 4px 0 0 0;}

#offerings h3 {width: 156px; height: 24px; background: #67AA9D url(graphics/rh_hd_offerings.gif) no-repeat 5px; text-indent: -9999px; border-bottom: solid 3px #B7E2DA;}
#offerings p {font-size: 11px; padding: 8px 8px 0 7px; color: #366; line-height: 14px;}

#section h3 {width: 156px; height: 24px; background: #39C url(graphics/rh_hd_section.gif) no-repeat 5px; text-indent: -9999px; border-bottom: solid 3px #B7E2DA;}
#section p {font-size: 11px; padding: 6px 8px 0 7px; color: #069; line-height: 18px; height: 30px; border-bottom: solid 1px #39C;}
#section p.last {border: none;}
#section a:link {text-decoration: none; color: #069}
#section a:visited {text-decoration: none; color: #069}
#section a:hover {text-decoration: underline; color: #069}
#section a:active {text-decoration: none; color: #069}

#rhButton {width: 130px; height: 48px; padding: 0 0; margin: 10px 8px 0 12px;}

#logo {
	margin: 0;
	padding:  15px 0 0 14px
}

input {border: solid 1px #963; height: 14px; width: 70px; font-size: 11px; color: #555; padding: 0 3px;}

/*   HEADER STYLES  */

/* CONTENT STYLES */


.content {
	width: 523px;
	height: 100%;
	margin: 7px 0 0 0;
	background: #fff url(graphics/bg_content.jpg) no-repeat;
	float: right;
}

.content p {
	margin: 0 0 0 0;
	padding: 5px 20px 0 24px;
	line-height: 16px;
}

.content h1{
	font-family: helvetica;
	font-size: 18px;
	color: #000000;
	padding: 5px 20px 0 16px;
}

.content h3{
	font-family: helvetica;
	font-size: 16px;
	color: #000000;
	padding: 5px 20px 0 16px;
}

.content a:link {text-decoration: none; color: #357EAC;}
.content a:visited {text-decoration: none; color: #357EAC;}
.content a:hover {text-decoration: underline; color: #357EAC;}
.content a:active {text-decoration: none; color: #357EAC;}

.contentImg {padding: 0 10px; float: right;}

ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 5px 20px 0 24px;
	line-height: 16px;
}
#nav {
	width: 686px;
	margin-top: 10px;
	padding: 0;
	text-align: center;
}
#nav li a {
	color: #fff;
	font: normal 12px Arial;
	outline: none;
	display: inline;
	padding: 0 0;
	line-height: 18px;
	height: 18px;
	float: left;
	text-indent: none;
	text-decoration: none;
	background-image: url(graphics/nav_matrix1.gif);
	}

#nav li a:hover {}
/* NOTE: Use the li class "current" when applicable page is selected in navigation */
#bAllies {background-position: 0 0; width: 68px; text-indent: 6px;} #bAllies:hover {background-position: -8px -87px} #nav li.current #bAllies {background-position: -8px -163px;}
#bNHPrays {background-position: 0 0; width: 110px;} #bNHPrays:hover {background-position: -80px -87px;}#nav li.current #bNHPrays {background-position: -80px -163px;}
#bStrategies {background-position: 0 0; width: 90px;} #bStrategies:hover {background-position: -196px -87px;}#nav li.current #bStrategies {background-position: -196px -163px;}
#bResources {background-position: 0 0; width: 96px;} #bResources:hover {background-position: -284px -87px;}#nav li.current #bResources {background-position: -284px -163px;}
#bCalendar {background-position: 0 0; width: 82px;} #bCalendar:hover {background-position: -380px -87px;}#nav li.current #bCalendar {background-position: -380px -163px;}
#bLinks {background-position: 0 0; width: 68px;} #bLinks:hover {background-position: -460px -87px}#nav li.current #bLinks {background-position: -460px -163px;}
#bAbout {background-position: 0 0; width: 78px;} #bAbout:hover {background-position: -528px -87px;}#nav li.current #bAbout {background-position: -528px -163px;}
#bHome {background-position: 0 0; width: 88px;} #bHome:hover {background-position: -598px -87px}#nav li.current #bHome {background-position: -598px -163px;}

#nav a {
	text-decoration: none;
}

li {
	float: left;
	position: relative;
	text-align: center;
}

/*SUBNAV Dropdown Styles */

li ul {
	display: none;
	position: absolute;
	top: 18px;
	left: 0;
	font-weight: normal;
	text-indent: none;
}

/* .list____ li sets LI width same as UL */

.listAllies, .listAllies li {width: 76px;}
.listNHPrays, .listNHPrays li {width: 113px;}
.listStrategies, .listStrategies li {width: 100px;}
.listResources, .listResources li {width: 90px;}
.listCalendar, .listCalendar li {width: 82px;}
.listLinks, .listLinks li {width: 68px;}
.listAbout, .listAbout li {width: 78px;}


#nav li li a {
	display: block;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	color: #fff; 
	background: #248F5C;
	padding: 4px 0 4px 0;
	margin: 0 0 0 0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 100%;
	min-height: 30px;
	border-bottom: solid 1px #94C7AF;
}

#nav li li a:hover {background: #066228 0 0;}

li:hover ul, li.over ul {
	display: block;
}

p {
	font: normal 12px Arial;
	color: #333;
	padding: 0;
	margin: 0;
}

li.sitemap {
	font: normal 12px Arial;
	color: #333;
	top: 18px;
	left: 20;
	font-weight: normal;
	text-indent: 20px;
}

.subNav {
	width: 156px;
	height: 650px;
	margin: 7px 0 0 7px;
	background: #fff url(graphics/bg_subnav.jpg) repeat-x; 
	float: right;
}

.quote { 
	font-variant: italic;
	width: 100%;
	}
	
#buttonLinks {
	margin: 10px 0 0 20px;
	padding: 0;
}
#buttonLinks img {
	margin: 0 5px 0 0;
	padding: 0;
}

.footer {width: 500px; height: 150px; margin: 20px 0 0 0; padding: 6px 0 0 0; border-top: solid 2px #f3f3f3;}
.footer p {width: 475px; margin: 20px 0 0 0; font-size: 10px; line-height: 12px; color: #888;}
.footer h2 {padding: 5px 0 0 20px; margin: 0;}
.footerContact { width: 228px; float: left; margin: 0 0; padding: 0 0; font-size: 11px; color: #888;}
.footerContact table {width: 200px; margin: 0 0 0 20px; padding: 0;}
.footerButton {width: 230px; float: right; margin: 0 0; padding: 0 4px;border-left: solid 2px #f3f3f3;}
a.footerLink:link {color:#888; text-decoration: none;}
a.footerLink:visited {color:#888; text-decoration: none;}
a.footerLink:hover {color:#888; text-decoration: underline;}
a.footerLink:active {color:#888; text-decoration: none;}

#clear {clear:both;}