/*
CSS - RYH Website
Updated: 3/4/08
*/

* {
	margin: 0;
	padding: 0;
}
body {
	font-size: small;
	font-family: "Lucida Grande", Helvetica, Arial, serif;
	color: #333333;
	background: #046380 url('../img/background.gif');
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", serif;
}
h1	{
	font-size: 18pt;
}
h2	{
	font-size: 16pt;
}
h3	{
	font-size: 14pt;
}
h4	{
	font-size: 12pt;
}
h5, h6	{
	font-size: 10pt;
}



p {
	margin: 0 0 10px 0;
	font-size: 100%;
	line-height: 1.5em;
}
dl {
	font-size: 85%;
	line-height: 1.5em;
	color: #333;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.highlight {
	color: #BD5007;
}
abbr {
	border: none;
}

/* LINK STYLES
----------------------------------------------
font-weight: bold;
*/

a, a:visited {
	padding-bottom: 0px;
	color: #046380;
	text-decoration: underline;
}
a:hover {
	color: #046380;	
	text-decoration: none;
}
a.more {
	padding: 0 10px 2px 0;
	background: url(/img/icon_arrow_8x8.gif) no-repeat 100% 4px;
}

/* PAGE STRUCTURE 
---------------------------------------------- */

#container {
	margin: 10px auto;
	padding: 5px;
	width: 830px;
	background: #F3EDC7;
}
#branding {
	float: left;
	width: 830px;
	margin: 0;
	padding: 0;
	background: url(/img/branding_head_bg.gif) no-repeat center top;
}
#content {
	clear: left;
	float: left;
	width: 830px;
	margin: 5px 0;
	background: #046380 url('../img/content_bg_brn.jpg') repeat-y left top;
	border-top: 5px solid #8B613A;
	border-bottom: 5px solid #8B613A;
	position: relative;
}
#content_fullwidth {
	clear: left;
	float: left;
	width: 830px;
	margin: 5px 0;
	background: #046380 url('../img/content_bg_brn_fullwidth.jpg') repeat-y left top;
	border-top: 5px solid #8B613A;
	border-bottom: 5px solid #8B613A;
	position: relative;
}



#content_main {
	float: left;
	display: inline;
	width: 495px;
	margin: 10px 5px 10px 15px;
	padding: 0 0 5px 0;
	position: relative;
}
#content_sub {
	float: right;
	display: inline;
	width: 280px;
	margin: 10px 15px 10px 10px;
	position: relative;
}
/*

#content_main {
	float: left;
	display: inline;
	width: 455px;
	margin: 10px 5px 10px 10px;
	padding: 0 0 5px 0;
	position: relative;
}
#content_sub {
	float: right;
	display: inline;
	width: 290px;
	margin: 10px 10px 10px 10px;
	position: relative;
}
*/
#site_info {
	clear: both;
	width: 825px;
	margin: 0;
	padding: 3px;
	background: #A8D8D8;
}
#site_info_inner {
	padding: 6px 0 6px 11px;
	border: 2px solid #8B613A;
	background: #A8D8D8;
}
#site_info p {
	margin: 0;
	font-size: 80%;
}

/* LOGO */

#logo {
	float: left;
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 0; background-image:url('../img/RYH_Logo_Top.jpg')
}
#logo span {
	display: block;
	width: 431px;
	height: 68px;
	margin: 15px 0 0 25px;
	padding: 0;
	border: none;
	background: url(/img/branding_logo_styled.gif) no-repeat;
}
#logo img  {
	display: block;
	width: 0;
	height: 0;
	border: none;
}

/* SUBPAGE_LOGO */

#logosub {
	float: left;
	width: 100%;
	height: 125px;
	margin: 0;
	padding: 0; background-image:url('../img/RYH_Logo_Sub.jpg')
}

/* NAVIGATION (MAIN)
---------------------------------------------- */

#nav_main {
	clear: both;
	float: left;
	list-style:none none outside;
	padding: 0px;
	width: 830px;
	height: 50px;
	overflow: hidden;
	background: #A8D8D8 url('../img/Wood_NavBar.gif');
	margin: 0;
}

#nav_main li {
	float: left;
	margin: 0;
}
#nav_main li a {
	display:block;
}
#nav_main li a:hover {
	margin-top:-50px;
}
#nav_main li a.on, #nav_main li a:hover.on {
	margin-top:-100px;
}


body#home #nav_main li#t-home a,
body#about #nav_main li#t-about a,
body#photos #nav_main li#t-photos a,
body#events #nav_main li#t-events a,
body#registration #nav_main li#t-registration a,
body#volunteer #nav_main li#t-volunteer a,
body#donate #nav_main li#t-donate a,
body#contact #nav_main li#t-contact a {
	color: #A50F0F;
}
body#home #nav_main {
	margin: 0;
}

/* CONTENT MAIN 
---------------------------------------------- */

#event_info {
	margin: 10px;
	padding: 10px;
	border: 5px solid #046380;
	border-style:ridge;
}

#bold1 {	
	color: #046380;;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.formlabel {	
	color: #046380;;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	padding: 2px;
}

#title {	
	color: #046380;;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	margin: 25px;
}

#content_main h2 {
	margin: 20px 0 10px 0;
	color: #006666;
	font-family: Florence, Cursive;
}
#content_main h3 {
	margin: 10px 0 10px 0;
	font-family: Florence, Cursive;
	color: #006666;

}
/*#content_main img {
	margin: 10px 0 0 0;
	padding: 2px;
	border: 4px solid #046380;
	background: #FFF4E3;
}
#content_main a, a:visited {
	padding-bottom: 0px;
	color: #6C4824;
	text-decoration: underline;
}
#content_main a:hover {
	color: #6C4824;
	font-weight: bold;
	text-decoration: none;
}
*/


#content_main .entry img,
#content_main .entry_single img {
	float: none;
}
#content_main img.l-float {
	float: left;
	margin: 0 10px 5px 0;
	padding: 2px;
	border: 4px solid #046380;
	background: #FFF4E3;
}
#content_main img.r-float {
	float: right;
	margin: 0 0 5px 10px;
	padding: 2px;
	border: 4px solid #046380;
	background: #FFF4E3;
}
#content_main img.center {
	display:  block;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	border: 4px solid #046380;
	background: #FFF4E3;
}
#content_main p.l-float {
	float: left;
	width: 175px;
	margin: 0 10px 5px 0;
	padding: 0px;
	text-align: center;
 	font-style: italic;
	text-indent: 0;
	line-height: 1.1em;


}
#content_main p.r-float {
	float: right;
	width: 175px;
	margin: 0 0 5px 10px;
	padding: 0px;
	text-align: center;
 	font-style: italic;
	text-indent: 0;
	line-height: 1.1em;


}

#content_main .entry img.l-float,
#content_main .entry_single img.l-float {
	margin: .4em 10px 5px 0;
}
#content_main .entry img.r-float,
#content_main .entry_single img.r-float {
	margin: .4em 0 5px 10px;
}
#content_main .entry li{
	list-style: square outside;
	font-size: 14px;
	padding-bottom: 0.5em;
	margin-left: 1em;
}

h1 {
	color: #BD5007;
}
#intro {
	margin: 0 0 15px 0;
	padding: 10px;
/*	border: 5px solid #9CCCCC;
	background: #A8D8D8;*/
}
#intro h1 {
	margin: 0 0 -10px 0;
	padding: 0;
	line-height: 1.1em;
	color: #333;
	font-weight: normal;
}
#intro h1 span {
	color: #006666;
	font-size: 75%;
}
#content_main #intro h2 {
	margin: 15px 0 10px 0;
	padding: 0;
	line-height: 1.3em;
	font-size: 120%;
	font-family: Arial, sans-serif;
	color: #333;
}
/*#content_main #intro {
	margin: 15px 0 10px 0;
	padding: 0;
	line-height: 1.3em;
	font-size: 120%;
	font-family: Arial, sans-serif;
	color: #333;
}  */

#content_main #intro_center {
	margin: 15px 0 10px 0;
	padding: 0;
	line-height: 1.3em;
	font-size: 12pt;
	font-family: Arial, sans-serif;
	color: #333;
	text-align: center;
	font-weight: bold;
	}
#content_main #reg_center,#reg_center p {
	margin: 15px 0 10px 0;
	padding: 0;
	line-height: 1.2em;
	font-size: 12pt;
	font-family: Arial, sans-serif;
	color: #333;
	text-align: center;
	font-weight: bold;
}
#content_main #reg, #reg p {
	margin: 15px 0 10px 0;
	padding: 0;
	line-height: 1.0em;
	font-size: 12pt;
	font-family: Arial, sans-serif;
	color: #333;
	text-align: left;
	font-weight: bold;
}
	
#content_main #image_zone {
	margin: 15px 0 10px 0;
	padding: 0;
	

}
#content_main #image_zone2col {
	margin: 15px 50px 10px 50px;
	padding: 0;
}

#intro p {
	margin: 0 0 5px 0;
}
#content_main h3#recent {
	color: #006666;
	margin: 20px 0;
	padding: 1px 30px 1px 0;
	font-size: 150%;
	background: url(/img/icon_news_24x24.gif) no-repeat 6.4em center;
}
.entry {
	margin: 0 0 20px 0;
}
#entry_single {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #9CCCCC;
}
.entry img,
.entry_single img {
	float: right;
	margin: .5em 0 5px 15px;
	padding: 2px;
	border: 4px solid #046380;
	background: #FFF4E3;
}
#entry_single h1 {
	padding-bottom: 2px;
	color: #CC0000;
	font-size: 180%;
	border-bottom: 2px solid #9CCCCC;
}
.entry h2,
.entry h3 {
	padding-bottom: 2px;
	color: #CC0000;
	font-family: Georgia, "Times New Roman", serif;
	border-bottom: 2px solid #9CCCCC;
}
.entry h3 a {
	color: #333;
	border: none;
}
.entry h3 a:hover {
	color: #046380;
	border: none;
}
p.meta {
	font-size: 80%;
	color: #444;
	font-style: italic;
}
#entry_single p.meta {
	padding-left: 18px;
	font-size: 75%;
	color: #444;
	background: url(/img/icon_post_16x16.gif) no-repeat left center;
	line-height: 1.8em;
}
blockquote {
	margin: 20px 0 0 0;
	padding: 0 35px 0 35px;
	font-size: 110%;
	font-family: Georgia;
	background: url(/img/blockquote_left.gif) no-repeat left 3px;
}
#content_main a.switch {
	padding-left: 20px;
	background: url(/img/icon_switch_16x16.gif) no-repeat left center;
	border: none;
}
a.pdf,
#content_main a.pdf {
	padding: 2px 20px 2px 0;
	background: url(/img/icon_acrobat_16x16.gif) no-repeat right center;
	border: none;
}
#content_main dl {
	margin: 0 0 15px 0;
}
#content_main .vcard {
	margin: 0 0 15px 0;
	font-size: 85%;
	line-height: 1.3em;
}
body#contact #content_main .vcard .org {
	font-weight: bold;
}
#content_main .vcard .tel {
	margin: 10px 0 0 0;
}
#content_main ul {
	margin-bottom: 10px;
	list-style: none;
	font-size: 85%;
	line-height: 1.5em;
}
#content_main p#news_nav {
	margin: 10px 0;
	font-size: 95%;
}
#news_nav a {
	border: none;
}
.prev {
	margin-left: 10px;
	padding: 3px 0 3px 22px;
	background: url(/img/icon_left_16.gif) no-repeat left center;
}
.next {
	margin-left: 10px;
	padding: 3px 22px 3px 0;
	background: url(/img/icon_right_16.gif) no-repeat right center;
}


/* CONTENT SUB
---------------------------------------------- */
#content_sub h1, h2, h3, h4 {
	font-family: florence,cursive;
	color: #006666;
}
#content_sub ul {
	margin: 0 0 0 12px;
	list-style-image: url(/img/bullet.gif);
	font-size: 85%;
	color: #333;
	line-height: 1.3em;
}
#content_sub li {
	padding: 0 0 2px 0;
}
#content_sub p {
	font-size: 100%;
	line-height: 1.25em;
	text-align: left;
	margin-bottom: 3px;

}
#content_sub p.center {
	font-size: 100%;
	text-align: center;
	line-height: 1.25em;

}
#content_sub p.hline {
	margin-left: 10%;
	margin-right: 10%;
	border-bottom: thin solid #000000;
}
#content_sub img {
	vertical-align:middle;
}
#content_sub a, a:visited {
	padding-bottom: 0px;
	color: #6C4824;
	text-decoration: underline;

}
#content_sub a:hover {
	color: #6C4824;
	font-weight: bold;
	text-decoration: underline;

}

/*----figure code---------------*/

div.figurer {
  float: right;
  width: 33%;
  margin: 0.em;
  padding: 0.em;

}
div.figurer p {
  text-align: center;
  font-style: italic;
  font-size: small;
  text-indent: 0;
}

div.figurel {
  float: left;
  width: 33%;
  margin: 0.em;
  padding: 0.em;
  
}
div.figurel p {
  text-align: center;
  font-style: italic;
  font-size: small;
  text-indent: 0;
}

/*-----------------------------*/

#contribute {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #91C2C2;
}
body#photos #contribute,
body#contact #contribute {
	margin: 0;
	padding: 0;
	border-bottom: none;
}
#contribute dl {
	clear: left;
	margin: 15px 0;
}
#contribute dd.photo {
	text-align: center;
}
#contribute dd.photo img {
	float: left;
	display: inline;
	margin: 0 0 0 1.3em;
}
#contribute dt {
	padding-left: 85px;
}
#contribute dd p {
	padding: 5px 0 0 85px;
}
#mini_calendar {
	margin: 10px 0 20px 0;
}
#mini_calendar h3 {
	margin-bottom: 15px;
}
#mini_calendar dl.vevent {
	margin: 0 0 10px 0;
}
#mini_calendar dl.vevent dd .dtstart {
	display: block;
	padding: 0 0 2px 0;
	color: #046380;
	font-size: 120%;
	text-transform: uppercase;
	border-bottom: 2px solid #046380;
}
#mini_calendar dl.vevent dt.summary {
	padding: 3px 0 0 0;
	font-weight: bold;
	font-size: 100%;
}
#mini_calendar dl.vevent dt.summary a {
	color: #333;
}
#mini_calendar dl.vevent dt.summary a:hover {
	color: #046380;
}
p#view_cal {
	padding-left: 22px;
	line-height: 1.8em;
	background: url(/img/icon_cal_16x16.gif) no-repeat left center;
}
.downloads {
	margin: 0 0 15px 0;
}
.downloads ul {
	list-style: none;
	font-size: 85%;
}
.downloads ul li {
	line-height: 1.5em;
}
dl#entries_related dt,
dl#entries_recent dt {
	margin: 0 0 3px 0;
	font-size: 105%;
}
dl#entries_related,
dl#entries_recent {
	margin-bottom: 15px;
}
dl#entries_related dd,
dl#entries_recent dd {
	margin: 0 0 10px 0;
	line-height: 1.3em;
}
dl#entries_related dd p,
dl#entries_recent dd p {
	font-size: 100%;
}
dl#entries_related .date,
dl#entries_recent .date {
	font-size: 80%;
	color: #444;
}
#entries_archive {
	margin-bottom: 20px;
}
#entries_archive p {
	margin-bottom: 0;
}
ul#entries_archive_category {
	margin-bottom: 15px;
	line-height: 1.5em;
}
h4.year {
	padding-bottom: 2px;
	font-size: 140%;
	border-bottom: 1px solid #9CCCCC;
	color: #444;
}
h5.month {
	margin: 10px 0 10px 0;
	font-size: 105%;
}
.day {
	color: #444;
}

/* EVENTS CALENDAR 
---------------------------------------------- */

body#eventscal #content {
	clear: left;
	float: left;
	width: 830px;
	margin: 5px 0;
	background: #046380 url(/img/content_bg_1col.gif) repeat-y left top;
	border-top: 5px solid #046380;
	border-bottom: 5px solid #046380;
}
body#eventscal #content_main {
	float: left;
	display: inline;
	width: 800px;
	margin: 10px 15px 10px 15px;
}
.entry dl, 
.entry_single dl {
	font-size: 100%;
}
.entry dt {
	margin: 2px;
	padding: 0 0 0 22px;
	line-height: 1.8em;
	color: #BD5007;
	font-size: 85%;
	background: url(/img/icon_cal_16x16.gif) no-repeat left center;
}
.entry_single dt {
	margin-bottom: 10px;
	padding: 0 0 0 22px;
	line-height: 1.8em;
	color: #BD5007;
	font-size: 85%;
	background: url(/img/icon_cal_16x16.gif) no-repeat left center;
}
#content_main .vevent .summary h3 {
	margin: 0 0 5px 0;
}
#content_main .vevent .summary h3 a {
	color: #333;
	border: none;
}
#content_main .vevent .summary h3 a:hover {
	color: #046380;
	border: none;
}
#content_main .entry dd.description {
	font-size: 85%;
	line-height: 1.5em;
}
.entry_single .summary h1 {
	margin: 0 0 10px 0;
	padding-bottom: 7px;
	color: #333;
	font-family: Georgia, "Times New Roman", serif;
	border-bottom: 2px solid #9CCCCC;
	line-height: .85em;
}
.calendarBG {
	width: 800px;
	font-size: 80%;
	line-height: 1.5em;
}
.calendarBlank { 
 	background-color: #FFF4E3;
}
.calendarHeader { 
	height: 40px;
	color: #BD5007;
	font-size: 140%;
	font-weight: normal;
 	text-align: center;
 	background: #91C2C2;
}
.calendarMonthLinks {
 	font-weight: normal;
 	font-size: 70%;
}
.calendarMonthLinks a.prev {
	margin-left: 10px;
	padding: 2px 0 2px 20px;
	line-height: 2.5em;
	background: url(/img/icon_left_16x16.gif) no-repeat left center;
	border: none;
}
.calendarMonthLinks a.next {
	padding: 2px 20px 2px 0;
	line-height: 2.5em;
	background: url(/img/icon_right_16x16.gif) no-repeat right center;
	border: none;
}
.calendarMonthLinks img {
	float: none;
}
.calendarDayHeading {
	height: 20px;
 	font-weight: bold; 
	text-align: center;
 	vertical-align: middle;
 	color: #FFF; 
 	background: #333; 
	border-bottom: 2px solid #FFF;
}
.calendarDayNumber {
	padding: 0 0 0 5px;
	background: #A8D8D8;
	font-size: 90%;
	border-bottom: 1px solid #9CCCCC;
}
.calendarDayNumber-alt {
	padding: 0 0 0 5px;
	background: #91C2C2;
	border-bottom: 1px solid #046380;
	font-size: 85%;
}
.calendarToday { 
	overflow: hidden;
 	text-align: left;
 	vertical-align: top;
	background: #333;
	font-size: 110%;
}
.calendarToday a {
	border-bottom: none;
}
.calendarCell {
	overflow: hidden;
 	width: 116px;
 	height: 100px;
 	text-align: left;
 	vertical-align: top;
 	color: #333;
 	background: #FFF4E3;
	font-size: 110%;
}
.calendarCell a {
	color: #046380;
	border: none;
}
.calendarCell a:hover {
	color: #333;
}
#content_main a.calendarCellEntry {
	display: block;
	padding: 5px 0 0 5px;
	font-size: 80%;
	line-height: 1.3em;
	border: none;
}

/* SLIDESHOW
----------------------------------------------- */

#flashcontent {
	margin: 0;
	padding: 0;
	width: 495px;
	height: 365px;
	background: #A8D8D8;
}

/* Photo-Caption PZ3 CSS (The Good Stuff) */

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none;
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px; text-decoration: none;}
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left; text-decoration:none; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */