@charset "utf-8";
*{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	list-style:none
}

body{
	background:url(img/bgBody.gif) repeat-x top;
	color:#707070
}

p, address{
	margin:0 0 15px 0;
	line-height:18px;
}

q{
	display:block;
	margin:6px 0
}

cite{
	display:block;
	margin:6px 0
}

div:after{/* For Gecko Browsers which like to completely break float elements out of the parent's layout */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
img{
	border:0
}
a{
	font-weight:bold;
	color:#006aa0;
	text-decoration:underline
}
a:hover{
	text-decoration:none
}
/* Headings */
h1{
	font:bold 14px Arial, Helvetica, Sans-Serif;
	color:#006aa0;
	margin:0 0 16px;
}
h2{
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	font-family:Times New Roman, Georgia, MS Serif;
	color:#006aa0;
	margin:0 0 16px
}
h3{
	font-size:13px;
	margin:0 0 16px
}

/* BEGIN: Forms ================== */
fieldset{
	border:0
}

legend{
	display:none
}
option{
	padding:0 3px
}

input, textarea{
	padding:5px 0 5px 7px;
	border:1px solid #B3C9B8;
	color:#666
}
select{
	border:1px solid #B3C9B8;
	padding:5px 0 5px 7px;
	color:#666
}

fieldset label{
	display:block;
	float:left;
	margin:4px 5px 0 0;
	width:150px;
	text-align:right
}
fieldset p{
	margin:0 0 8px;
}
fieldset p *{
	vertical-align:middle
}
.emailfriend p{
	margin:0 0 6px
}
.emailfriend label{
	width:131px;
}
.checkbox label{
	float:none;
	display:inline;
	width:auto;
	margin:0 0 0 5px;
	text-align:left
}
.checkbox input{
	border:0;
	padding:0
}
p.req{
	text-align:right
}
html body .RadInput_Default .riFocused,
html body .RadInput_Default .riEnabled,
html body .RadInput_Default .riHover{
	padding:5px 0 5px 7px !important;
	border:1px solid #B3C9B8 !important;
	color:#666 !important
}
#divUSPhone .RadInput *{
	vertical-align:top
}
/* END: Forms ================== */


#main{
	width:916px;
	margin:auto;
	position:relative
}

#header{
	float:left;
	display:inline;
	width:883px;
	height:294px;
	margin:4px 0 0 16px;
	background:url(img/bgHeader.gif) no-repeat top left;
	position:relative
}

#utility{
	float:right;
	width:630px;
	height:28px;
	color:#fff
}
#utility a{
	color:#fff;
	font-weight:bold;
	text-decoration:none
}
#utility a:hover{
	text-decoration:underline	
}
#utility *{
	vertical-align:middle
}

#logoScreen{
	position:absolute;
	top:-2px;
	left:-28px;
	width:245px;
	height:166px;
}

#mainNav{
	float:left;
	display:inline;
	width:916px;
	height:38px;
	background:url(img/bgMainNav.gif)
}

.mainmenu, .mainmenu  ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mainmenu{
	float:left;
	display:inline;
	width:888px;
	margin-left:28px
}
.mainmenu ul {
	display: none;
	position: absolute;
	top: 1.0em; margin-top: 19px; /* I'm using ems and px to allow people to zoom their font */
	left: 0;
	width: 123px;
}
.mainmenu ul ul {
	top: -1px; margin-top: 0;
	left: 121px;
}
#ctl00_ctlTopNavMenu_ulMenu_7_0_3_0{
	width:195px
}

.mainmenu li{
	float: left;
	display: block;
	height:31px;
	position: relative;
	margin-right: -1px;
}
.mainmenu ul li {
	float: none;
	height:auto;
	margin: 0;
	margin-bottom: -1px;
	background:#b3c9b8;
	border:1px solid #6ab0ca;
}
.mainmenu ul>li:last-child {
	margin-bottom: 1px; /* Mozilla fix */
}

.mainmenu li a{
	float:left;
	display:block;
	width:auto;
	padding:10px 13px 8px;
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#4f2d16;
	text-decoration:none
}
.mainmenu a:hover, .mainmenu a.highlighted:hover, .mainmenu a:focus, .mainmenu li.mainmenuselected a{
	background:url(img/bgNavOver.gif) repeat-x top;
}
.mainmenu a.highlighted {
	background:url(img/bgNavOver.gif) repeat-x top;
}
.mainmenu .mainmenuselected ul li a{
	background-image:none
}
.mainmenu ul a:hover, .mainmenu ul a.highlighted:hover, .mainmenu ul a:focus {
	background:#c0e6ed;
	color:#006aa0;
}
.mainmenu ul a.highlighted {
	background:#c0e6ed;
	color:#006aa0
}
/* Only style submenu indicators within submenus. */
.mainmenu a .subind {
 display: none;
}
.mainmenu ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.mainmenu a {
 float: left;
}
.mainmenu ul a {
 float: none;
}
/* \*/
.mainmenu a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .mainmenu ul li {
 float: left;
 width: 100%;
}

* html .mainmenu ul li {
 float: left;
 height: 1%;
}
* html .mainmenu ul a {
 height: 1%;
}
/* End Hacks */

#content{
	float:left;
	display:inline;
	width:883px;
	margin-left:16px;
	background:#fff
}

#leftContent{
	float:left;
	display:inline;
	width:488px;
	margin:20px 0 0 36px;
}

.head{
	padding:8px 0 0;
	position:relative
}
.head h1, .head h1 span{
	font:bold 14px Arial, Helvetica, Sans-Serif;
	color:#006aa0;
	margin:0 0 16px;
	text-transform:uppercase
}
.head p{
	position:absolute;
	right:15px;
	top:8px;
}

#rightContent{
	float:left;
	display:inline;
	width:267px;
	margin:20px 0 0 40px;
	padding-left:27px;
	background:url(img/border-dashed-vert.gif) repeat-y left
}

#hdrNewsletter{
	width:155px;
	height:21px;
	margin:0 0 3px;
	background:url(img/hdrENewsletterSignup.gif) no-repeat
}
#divCCForm *{
	vertical-align:middle
}
#divCCForm{
	margin:0 0 15px;
}
#divCCForm .ccEmailField{
	width:172px;
	padding:5px 0 5px 7px;
	border:1px solid #b3c9b8;
	font:bold 11px Arial, Helvetica, Sans-Serif;
	color:#666
}

#divUpcomingEvents{
	padding-top:20px;
}
#divUpcomingEvents h3{
	width:139px;
	height:17px;
	margin:0 0 4px;
	background:url(img/hdrUpcomingEvents.gif) no-repeat
}
#divUpcomingEvents p{
	font-size:11px;
	line-height:15px
}
#divUpcomingEvents strong,
#divUpcomingEvents a{
	font-size:11px;
}

#divDonation{
	padding:16px 0 10px;
}

#divInTheNews{
	padding:18px 0 10px
}
#divInTheNews h3{
	width:104px;
	height:17px;
	margin:0 0 8px;
	background:url(img/hdrInTheNews.gif) 
}
#scrollie p{
	margin:0 0 10px;
	font-size:11px;
	line-height:15px;
	color:#666
}
#scrollie a{
	font-size:11px
}

#divPhotoGallery{
	padding:20px 0 0
}
#divPhotoGallery h3{
	width:118px;
	height:18px;
	margin:0 0 10px;
	background:url(img/hdrPhotoGallery.gif)
}

.border-dashed-horiz{
	background:url(img/border-dashed-horiz.gif) repeat-x	
}
.top{
	background-position:top
}

#footer{
	float:left;
	display:inline;
	width:847px;
	height:80px;
	margin-left:16px;
	padding:20px 0 0 36px;
	background:#6ab0ca url(img/logoJawonioFooter.gif) no-repeat 739px 15px
}
#footer address{
	float:left;
	width:140px;
	margin-right:36px;
	background:url(img/border-footer-address.gif) no-repeat top right;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#e1f3f7;
	font-style:normal
}
#copyright{
	float:left;
	width:330px;
	margin-top:28px;
	color:#e3f4f7;
	font-size:11px;
	line-height:14px
}
#copyright a{
	font-size:11px;
	color:#fff;
	text-decoration:none
}
#copyright a:hover{
	text-decoration:underline
}

.hidden-text{
	text-indent:-9999px;
	overflow:hidden
}
.vAlign-middle{
	vertical-align:middle
}

.error{
	display:block
}
.error, .errortext{
	margin:20px 0;
	padding:15px;
	border:1px solid #FF0000 !important;
	background-color:#FFF0F0;
	color:#FF0000 !important;
	font-weight:bold
}
.commentHeader{
	background:#6AB0CA;
	padding:6px;
	color:#fff;
	margin:1px 0;
}
.commentHeader span.dates{
	float:right;
	font-size:11px;
}
.commentHeader span.dates a{
	color:#fff
}
.commentBody{
	margin:0 0 15px;
	padding:15px 20px 30px 20px;
	background:#fff url(/img/border-dashed-horiz.gif) repeat-x bottom;
	}
.note
{
	color:#4A82A8 !important;
	font-weight:bold;
}
.rightfloated
{
	float:right;
}

a.print{
	display:block;
	float:left;
	text-indent:-9999px;
	width:73px;
	height:27px;
	margin:4px 4px 10px 0;
	background:url(/img/btnPrint.gif) no-repeat;
}

.lnkEmailPage
{
	cursor:pointer;
}

#galleryThumbs{
    float:left;
    display:inline;
    width:487px;
    margin-left:0px
}
#galleryThumbs img{
    display:inline;
    float:left;
    margin:0 20px 20px 0px;
    border:1px solid #666666
}