/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
	background-color: #ABA871;
	background-image: url(../images/body_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center; /* Centers the page content container in IE 5 browsers. */
	text-decoration: none;
}
/* Commonly used to style page titles. */
h1 {
  text-decoration: none;
}


/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#outerWrapper {
	color: #454545;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 21px;
	margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left; /* Redefines the text alignment defined by the body element. */
	text-decoration: none;
	width: 1060px;
}
#outerWrapper #header {
	background-image: url(../images/contact_img.jpg);
	background-position: 0px 97px;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	height: 253px;
	line-height: 15px;
	margin: 0px 27px 0px 27px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 1004px;
}
#outerWrapper #header #topbanner {
  height: 97px;
  margin: 0px 0px 0px 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  width: 1004px;
}
#outerWrapper #header #topbanner #logo {
	background-image: url(../images/srt-logo-dark.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	height: 45px;
	margin-left: 30px;
	margin-top: 32px;
	width: 942px;
}
#outerWrapper #header #topbanner #quicknav {
  float: right;
  height: 45px;
  margin-top: 0px;
  width: 350px;
}
#quicknav p {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: 5px;
	color: #544019;
}
#outerWrapper #header #topbanner #quicknav a {
  color: #0f7e0d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
#outerWrapper #header #topbanner #quicknav a:visited {
  color: #0f7e0d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
#outerWrapper #header #topbanner #quicknav a:hover {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
}
#outerWrapper #header #topbanner #quicknav a:active {
  color: #0F7E0D;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
.division {
	font-size: 10px;
	font-weight: normal;
}
#outerWrapper #header #botbanner {
	height: 156px;
	padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 1004px;
}
#outerWrapper #header #botbanner #donate {
  float: left;
  height: 38px;
  margin-left: 861px;
  margin-top: 61px;
  width: 113px;
}
#outerWrapper #topnavigation {
	border-bottom: solid 1px #ABA871; /* Sets the bottom border properties for an element using shorthand notation */
	height: 32px;
	line-height: normal;
	margin: 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 1004px;
	text-decoration: none;
	z-index: 1;
	text-align: left;
}

/* ================================================================ 
dropdown menu
=================================================================== */
.preload1 { background: #e1e0a8; }

.preload2 { background: #e1e0a8; }

#nav { padding:1px 0 0; margin:0; list-style:none; height:24px; background:#e1e0a8; position:relative; z-index:500; font-family:Arial, Helvetica, sans-serif; width: 1004px; font-size: 12px; font-weight: normal; text-align: left;}

#nav li.top { display:block; float:left; height:24px; }

#nav li a.top_link { display:block; float:left; height:21px; line-height:28px; color:#544019; text-decoration:none; font-size:12px; font-weight: normal; padding:0 0 0 9px; font-family: Arial, Helvetica, sans-serif;}

#nav li a.top_link span { float:left; display:block; padding:0 12px; height:21px;}

#nav li a.top_link span.down { float:left; display:block; padding:0 12px; height:21px;}

#nav li:hover a.top_link { 	color:#0f7e0d; }

#nav li:hover a.top_link span {}

#nav li:hover a.top_link span.down {}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub { left:1px; top:24px; background: #E1E0A8; padding:3px; border:1px solid #FFFFFF; white-space:nowrap; width:160px; height:auto; z-index:300;}

#nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:130px; font-weight:normal;}

#nav li:hover ul.sub li a {display:block; 	font-size:10px; height:18px;	width:160px; line-height:18px;	text-indent:5px; color:#544019; text-decoration:none;	border: none;}

#nav li ul.sub li a.fly {background:none;}

#nav li:hover ul.sub li a:hover  { background: #FFFFFF; color:#0F7E0D; border-color: #FFFFFF; }

#nav li:hover ul.sub li a.fly:hover { background: #ffffff; color:#0F7E0D; }

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul { left:158px; top:-4px; background: #E1E0A8; padding:3px; border:1px solid #ffffff; white-space:nowrap; width:160px; z-index:400; height:auto; }

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly { background:#FFFFFF; color:#0F7E0D; border-color:#FFFFFF; } 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly { background:#FFFFFF; color:#0F7E0D; border-color:#FFFFFF; } 
/* ================================================================ 
end dropdown menu
=================================================================== */

#outerWrapper #bodyarea {
	background-image: url(../images/border.jpg);
	background-position: top;
	background-repeat: repeat-y;
	margin: 0px auto;
	padding: 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 1060px;
	overflow: hidden;
	height: 100%;
}
#innerbodyarea_overview {
	background-color: #F9FDFE;
	background-image: url(../images/mainback.jpg);
	background-position: top;
	background-repeat: repeat-x;
	float: none;
	margin: 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 1004px;
	height: 1600px;
}
#innerbodyarea_member {
	background-color: #F9FDFE;
	background-image: url(../images/mainback.jpg);
	background-position: top;
	background-repeat: repeat-x;
	float: none;
	margin: 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 52px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 1004px;
	height: 1950px;
}
#innerbodyarea_donate {
	background-color: #F9FDFE;
	background-image: url(../images/mainback.jpg);
	background-position: top;
	background-repeat: repeat-x;
	float: none;
	margin: 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 52px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 1004px;
	height: 1250px;
}
#innerbodyarea_volunteer {
	background-color: #F9FDFE;
	background-image: url(../images/mainback.jpg);
	background-position: top;
	background-repeat: repeat-x;
	float: none;
	margin: 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 52px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 1004px;
	height: 1250px;
}
#innerbodyarea_10ways {
	background-color: #F9FDFE;
	background-image: url(../images/mainback.jpg);
	background-position: top;
	background-repeat: repeat-x;
	float: none;
	margin: 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 52px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 1004px;
	height: 1850px;
}
#innerbodyarea_planned {
	background-color: #F9FDFE;
	background-image: url(../images/mainback.jpg);
	background-position: top;
	background-repeat: repeat-x;
	float: none;
	margin: 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 52px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 1004px;
	height: 1050px;
}
#innerbodyarea_wish {
	background-color: #F9FDFE;
	background-image: url(../images/mainback.jpg);
	background-position: top;
	background-repeat: repeat-x;
	float: none;
	margin: 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 52px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 1004px;
	height: 1185px;
}
#rightColumn1 {
	color: #454545;
	background-color: #d2cf98;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: normal;
	margin: 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0px 70px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-decoration: none;
	width: 220px;
	height: 100%;
}
#rightColumn1 h2 {
  color: #0F7E0D;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
  font-weight: normal;
}
#rightColumn1 h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #0f7e0d;
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
	text-align: center;
	padding-bottom: 5px;
	background: url(../images/volheader2.png) no-repeat 12px bottom;
	padding-right: 5px;
	padding-left: 5px;
}
.right_suggest_area {
		margin: 0px;
	padding: 52px 0px 0px 25px;
	float: left;
	height: auto;
	width: 217px;
	text-align: right;
}
.right_suggest_top {
	background-image: url(../images/brnboxtoplg.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 34px;
	width: 220px;
	background-position: right;
}
.right_suggest_top h3 {
	font: normal 21px/normal Georgia, "Times New Roman", Times, serif;
	color: #0f7e0d;
	padding-top: 4px;
	text-align: center;
}
.right_suggest_bodyarea {
	margin: 0px;
	float: left;
	width: 220px;
	background-image: url(../images/brnboxbodylg.png);
	background-repeat: repeat-y;
	padding: 0px;
	height: auto;
	background-position: right;
}
.right_suggest_bodyarea p{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	line-height: 18px;
	margin: 0px;
	padding: 10px 10px 0px 15px;
	text-align: left;
}

.right_suggest_bodyarea a { color: #003d79; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; margin: 0px; width: 135px; padding: 5px 0px 0px; }

.right_suggest_bodyarea a:visited {color: #003d79; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; margin: 0px; width: 135px; padding: 5px 0px 0px;}

.right_suggest_bodyarea a:hover {color: #003d79; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; margin: 0px; width: 135px; padding: 5px 0px 0px;}

.right_suggest_bodyarea a:active {color: #544019; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; margin: 0px; width: 135px; padding: 5px 0px 0px;}

.right_suggest_bottom {
	background-image: url(../images/brnboxbottomlg.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 21px;
	width: 220px;
	background-position: right;
}
.right_spacer {
	background-image: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: right;
	height: 45px;
	width: 200px;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#content {
	color: #454545;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	margin: 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 52px 8px 0px 53px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-decoration: none;
	width: 572px;
	line-height: 22px;
}
#content h1 {
	color: #003D79;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 0px 0px;
	line-height: 32px;
}
#content h2 {
	color: #003D79;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
	line-height: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px inset #003D79;
}
#content h3 {
  color: #003D79;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 21px;
  font-weight: normal;
	text-decoration: none;
	line-height: 16px;
	padding-top: 5px;
	padding-bottom: 3px;
	border-bottom: 1px inset #003D79;
}
#content h4 {
	color: #003D79;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#content h5 {
	color: #003D79;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 60px;
}
#content p {
	padding: 0px;
	margin-top: 8px;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
}
#content ul {
	padding: 0px 0px 0px 30px;
	margin-top: 8px;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
}
#content li {
	padding: 0px 0px 0px 0px;
	margin-top: 8px;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
}
#content a {
	color: #007D00;
	font-weight: normal;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#content a:visited {
	color: #007D00;
	font-weight: normal;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#content a:hover {
  color: #003D79;
  font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#content a:active {
	color: #007D00;
	font-weight: normal;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ltimg {
	padding: 5px 20px 4px 0px;
	display: block;
	float: left;
	font: 12px/normal Arial, Helvetica, sans-serif;
	color: #544019;
	text-align: center;
}
.rtimg {
	padding: 5px 0px 3px 20px;
	display: block;
	float: right;
	font: 12px/normal Arial, Helvetica, sans-serif;
	color: #544019;
	text-align: center;
}
.photographer {
	font: 10px/normal Arial, Helvetica, sans-serif; 
	color: #676767;
}
#indent p{
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 60px;
}
#indent a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #0f7e0d;
	text-decoration: underline;
}
#indent a:visited {
	font: 12px Arial, Helvetica, sans-serif;
	color: #0f7e0d;
	text-decoration: underline;
}
#indent a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: #544019;
	text-decoration: none;
}
#indent a:active {
	font: 12px Arial, Helvetica, sans-serif;
	color: #0f7e0d;
	text-decoration: underline;
}
#fotter {
	background: url(../images/fotter-rev.jpg) repeat-x top; /* Sets the background properties for an element using shorthand notation */
	border-top: solid 1px #ABA871; /* Sets the top border properties for an element using shorthand notation */
	height: 123px;
	margin: 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 100%;
}
#fotter p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 21px;
	color: #454545;
	letter-spacing: 0.05em;
}

#fotter a {font: normal 12px Arial, Helvetica, sans-serif; color: #544019; text-decoration: none;}
#fotter a:visited { font: normal 12px Arial, Helvetica, sans-serif; color: #544019; text-decoration: none;}
#fotter a:hover {font: normal 12px Arial, Helvetica, sans-serif; text-decoration: underline; color: #454545;}
#fotter a:active { font: normal 12px Arial, Helvetica, sans-serif; color: #544019; text-decoration: none; }

.style1 {
	color: #544019;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.style2 {color: #0f7e0d}
.style3 {color: #003d79}
.style6 {
	font-size: 18px;
	font-family: "Times New Roman", Tahoma, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	line-height: normal;
	color: #003d79;
	padding-bottom: 5px;
}
.style7 {
	color: #544019;
	font: bold 18px/26px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.style8 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 30px 0px 25px;
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.blockquote {
	font: italic bold 14px/20px Geneva, Arial, Helvetica, sans-serif;
	color: #0f7e0d;
	display: block;
}
.blockquote_author {
	font: 10px/16px Geneva, Arial, Helvetica, sans-serif;
	color: #544019;
	padding-left: 100px;
}