@charset "utf-8";
/* CSS Document */

html {background-color: #000000; margin: 0;}
body {padding: 0; margin: 0; background-color: #000000;} 
 
 /* Home Page */ 
#box {
	position: relative;
	z-index: 0;
	width: 900px;
	height: 625px;
	margin: 20px auto 0 auto;
	background-color: #000000;
	border-width: 3px 3px 3px 3px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color:#829a2a ;
	border-collapse: separate;
	 
} 

#footer {
	position: relative;
	z-index: 0;
	width: 686px;
	height: 15px;
	margin: 8px auto 0 auto;
	background-color: #4e371a;
	padding-left: 10px;
	padding-right: 10px;
} 
 

#logo1 {
	width: 285px;
	height: 110px;
	position: absolute;
	left: 96px;
	top: 3px;
	z-index:100;
}
#nav1 {
	position: absolute;
	width: 421px;
	height: 21px;
	left: 383px;
	top: 93px;
	z-index:100;
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-stretch:narrower;
	font-weight:bold;
}
#toptext {
	position: absolute;
	z-index: 5;
	top: 117px;
	left: 97px;
	width: 688px;
	height: 206px;
	font-family: "Times New Roman", Times, serif;
	background-color:#000000;
	color:#edfaaf;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	text-align:center;

}


#image1 {
	position: absolute;
	top: 328px;
	left: 0px;
	width: 300px;
	height: 163px;
	z-index: 75;
	 
}

#botbg {
	position: absolute;
	top: 330px;
	left: 99px;
	width: 705px;
	height: 283px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	background: transparent url(../images/bottbg2.gif);
	z-index:10;
	vertical-align:middle;
	padding-top: 10px;
	
}
#topbg{
	position: absolute;
	z-index: 75;
	top: 3px;
	left: 2px;
	width: 896px;
	height: 324px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	background: transparent url(../images/topbg.gif) repeat-x;
	z-index:1;
}
#address h1 {margin: 0; padding: 7px 5px 5px 5px;}
#address p {margin: 0; padding: 10px;}
.black {font-family: Arial, Helvetica, sans-serif; font-size: 80%;} 
.blue {color: #005875; font-style: italic; font-size: 105%; font-weight: bold; line-height: 1.10;}
.red {color: #9E0C1B;}

		/* Sun Links */
#home a{
	position: absolute;
	z-index: 100;
	left: 274px;
	top: 131px;
	background: transparent url(../images/links/home.gif) no-repeat;
	width: 66px;
	height: 23px;
}
#home a:hover {background: transparent url(../images/links/homeOvr.gif) no-repeat;}
#aboutUs a{
	position: absolute;
	z-index: 50;
	left: 70px;
	top: 122px;
	background: transparent url(../images/links/aboutUs.gif) no-repeat;
	width: 767px;
	height: 203px;
}
#aboutUs a:hover {background: transparent url(../images/links/aboutUsOvr.gif) no-repeat;}
#calendar a{position: absolute; z-index: 50; left: 540px; top: 195px; background: transparent url(../images/links/calendar.gif) no-repeat; width: 83px; height: 60px;}
#calendar a:hover {background: transparent url(../images/links/calendarOvr.gif) no-repeat;}
#parentHbk a{position: absolute; z-index: 45; left: 513px; top: 245px; background: transparent url(../images/links/parentHbk.gif) no-repeat; width: 143px; height: 139px;}
#parentHbk a:hover {background: transparent url(../images/links/parentHbkOvr.gif) no-repeat;}
#newsletters a{position: absolute; z-index: 50; left: 630px; top: 289px; background: transparent url(../images/links/newsletters.gif) no-repeat; width: 69px; height: 113px;}
#newsletters a:hover {background: transparent url(../images/links/newslettersOvr.gif) no-repeat;}
#photoGallery  a{position: absolute; z-index: 50; left: 705px; top: 318px; background: transparent url(../images/links/photoGallery.gif) no-repeat; width: 61px; height: 143px;}
#photoGallery a:hover {background: transparent url(../images/links/photoGalleryOvr.gif) no-repeat;}

		/* Bottom Links */
#bottomLinks {position: absolute; z-index: 30; width: 850px; height: 175px; top: 525px; left: 25px; border: #C17120 1px solid;}
#bottomLinks li {display: inline; list-style: none;}
#YMCA a{background: transparent url(../images/links/ymca.gif) no-repeat; width: 178px; height: 166px; position: absolute; top: 543px; left: 44px;}
#YMCA a:hover {background: transparent url(../images/links/ymcaOvr.gif) no-repeat;}
#naccrra a{background: transparent url(../images/links/naccrra.gif) no-repeat; width: 178px; height: 166px; position: absolute; top: 543px; left: 251px;}
#naccrra a:hover {background: transparent url(../images/links/naccrraOvr.gif) no-repeat;}
#naeyc a{background: transparent url(../images/links/naeyc.gif) no-repeat; width: 178px; height: 166px; position: absolute; left: 463px; top: 543px;}
#naeyc a:hover {background: transparent url(../images/links/naeycOvr.gif) no-repeat;}
#First a{background: transparent url(../images/links/First.gif) no-repeat; width: 178px; height: 166px; position: absolute; left: 671px; top: 543px;}
#First a:hover {background: transparent url(../images/links/FirstOvr.gif) no-repeat;}


.links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFCC99; text-decoration: none }
.links:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #EA916A; text-decoration: none}
.footerRight{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666633; text-decoration: none; float:right;}
.footerLeft{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666633; text-decoration: none; float:left;}