/* @override http://clients.shireinteractive.com/reys/web/css/master.css */

/* @override http://clients.shireinteractive.com/reys/web/css/master.css */

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

body{
	background-color: #bb7515;
}
html>body{
	background-color: #bb7515;
}
#container2{

}
#container{
	width: 1024px;
	float: left;
	background: url(../img/mainbg.jpg) no-repeat;
}
#parentscontainer{
	width: 1024px;
	float: left;
	background: url(../img/parentmainbg.jpg) no-repeat;
}

/* HEADER */

#header{
	height: 145px;
}
#logo{
	width:300px;
	height:145px;
	float:left;
}
#logo h1{
	text-indent:-9999px;
}
#parentslogo{
	width:210px;
	height:145px;
	float:right;
	margin-right:220px;
}
#parentslogo h1{
	text-indent:-9999px;
}
.clear{
	clear: both;
}

/* NAV */

#navigation{
	height: 35px;
	width: 800px;
}
ul#nav{
	padding: 0;
	margin: 0;
}
#nav li{
	padding: 0;
	margin: 0;
	float: left;
	height: 35px;
	display: block;
	list-style:none;
	padding:0;
}
#nav li a#navhome{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat 0 0;
	width: 76px;
	height: 35px;
}
#nav li a:hover#navhome{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat 0 -35px;
	width: 76px;
	height: 35px;
}
#nav li a#navbibleverse{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -76px 0;
	width: 100px;
	height: 35px;
}
#nav li a:hover#navbibleverse{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -76px -35px;
	width: 100px;
	height: 35px;
}
#nav li a#navskatepark{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -176px 0;
	width: 100px;
	height: 35px;
}
#nav li a:hover#navskatepark{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -176px -35px;
	width: 100px;
	height: 35px;
}
#nav li a#navaboutus{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -276px 0;
	width: 89px;
	height: 35px;
}
#nav li a:hover#navaboutus{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -276px -35px;
	width: 89px;
	height: 35px;
}
#nav li a#navresources{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -365px 0;
	width: 100px;
	height: 35px;
}
#nav li a:hover#navresources{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -365px -35px;
	width: 100px;
	height: 35px;
}
#nav li a#naveventregistration{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -465px 0;
	width: 152px;
	height: 35px;
}
#nav li a:hover#naveventregistration{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -465px -35px;
	width: 152px;
	height: 35px;
}
#nav li a#navprograms{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -617px 0;
	width: 89px;
	height: 35px;
}
#nav li a:hover#navprograms{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -617px -35px;
	width: 89px;
	height: 35px;
}
#nav li a#navcontact{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -706px 0;
	width: 94px;
	height: 35px;
}
#nav li a:hover#navcontact{
	display: block;
	text-indent: -9999px;
	background: url(../img/nav2.jpg) no-repeat -706px -35px;
	width: 94px;
	height: 35px;
}
/* PARENT NAV */

#parentnavigation{
	height: 35px;
	width: 800px;
}
ul#parentnav{
	padding: 0;
	margin: 0;
	list-style:none;
}
#parentnav li {
	padding: 8px 8px;
	float: left;
	list-style:none;
}
#parentnav li a{
	padding: 0;
	margin: 0;
	color: #fff;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
}
#parentnav li a:hover{
	padding: 0;
	margin: 0;
	color: #a3a3a3;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
}
/* MAIN */
#main{
	width: 963px;
	float: left;
	padding: 20px 0;
	background: url(../img/container2.jpg) repeat-y;
}
#left{
	margin-top: 40px;
	float: left;
	width: 447px;
	margin-left: 33px;
	*margin-left:23px;
}
* html #left{
	margin-left: 13px;
}
#middle{
	margin-top: 40px;
	float: left;
	width: 285px;
}
#right{
	position: absolute;
	left: 765px;
	margin-top: 40px;
	float: left;
	width: 198px;
}
#bibleverse{
	margin: 15px 0 20px 0;
}
#bibleverseheader{
	width: 395px;
	height: 68px;
	display: block;
	background: url(../img/bible-verse.gif) no-repeat;
}
#bibleverseheader h2{
	text-indent: -9999px;
}
#bibleverse p{
	color: #000;
	font: 20px/24px Georgia, "Times New Roman", Times, serif;
	padding: 20px;
}
#welcome{
	margin: 15px 0 20px0;
}
#welcomeheader{
	width: 395px;
	height: 68px;
	display: block;
	background: url(../img/welcome.gif) no-repeat;	
}
#welcomeheader h2{
	text-indent: -9999px;
}
#welcome p{
	padding: 20px;
	color: #000;
	font: 20px/24px Georgia, "Times New Roman", Times, serif;
	text-align: left;
}
a div#parentscorner{
	background-image: url(../img/parents-corner.gif);
	width: 203px;
	height: 92px;
	margin: 20px auto;
}
a:hover div#parentscorner{
	background-image: url(../img/parents-cornerhover.gif);
	width: 203px;
	height: 92px;
	margin: 20px auto;
}
#parentscorner h3{
	text-indent: -9999px;
}
a div#youthcenter{
	background-image: url(../img/youthcenter.gif);
	width: 203px;
	height: 92px;
	margin: 20px auto;
}
a:hover div#youthcenter{
	background-image: url(../img/youthcenter-hover.gif);
	width: 203px;
	height: 92px;
	margin: 20px auto;
}
#youthcenter h3{
	text-indent: -9999px;
}
a div#makeadonation{
	background-image: url(../img/makedonation.gif);
	width: 255px;
	height: 85px;
	margin: 20px auto;
}
a:hover div#makeadonation{
	background-image: url(../img/makedonation-hover.gif);
	width: 255px;
	height: 85px;
	margin: 20px auto;
}
#makeadonation h3{
	text-indent: -9999px;
}
#photos{
	background-image: url(../img/photos.jpg);
	width: 285px;
	height: 348px;
}
#parentphotos{
	background-image: url(../img/parentsphotos.jpg);
	width: 285px;
	height: 348px;
}
#calendar{
	background-image: url(../img/calendar.jpg);
	width: 217px;
	height: 312px;
	position: relative;
	top: -30px;
	left: 6px;
}
#calendar h3{
text-indent: -9999px;	
}
a div#eventsignup{
	background-image: url(../img/event.jpg);
	width: 151px;
	height: 121px;
	position: relative;
	left: 50px;
	top: -30px;
}
a:hover div#eventsignup{
	background-image: url(../img/event-hover.jpg);
	width: 151px;
	height: 121px;
	position: relative;
	left: 50px;
	top: -30px;
}
#eventsignup h3{
	text-indent: -9999px;
}

#parentcalendar{
	background-image: url(../img/parentcalendar.jpg);
	width: 217px;
	height: 312px;
	position: relative;
	top: -30px;
	left: 6px;
}
#parentcalendar h3{
text-indent: -9999px;	
}
a div#parenteventsignup{
	background-image: url(../img/parentevent.jpg);
	width: 151px;
	height: 121px;
	position: relative;
	left: 50px;
	top: -30px;
}
a:hover div#parenteventsignup{
	background-image: url(../img/parentevent-hover.jpg);
	width: 151px;
	height: 121px;
	position: relative;
	left: 50px;
	top: -30px;
}
#parenteventsignup h3{
	text-indent: -9999px;
}

#footer{
	float: left;
	width: 811px;
	height: 174px;
	text-align: left;
	padding: 70px;
	background: url(../img/footer.jpg) no-repeat;
}
#footer p{
	color: #444444;
	font: 15px Georgia, "Times New Roman", Times, serif;
}
#footer p a{
	color: #842121;
	text-decoration: none;
}
#footer p a:hover{
	color: #842121;
	text-decoration: none;
	border-bottom: 1px dotted #842121;
}
/* Subpage */
#leftsub{
	margin-top: 40px;
	float: left;
	width: 732px;
	margin-left: 33px;
	*margin-left:23px;
}
* html #leftsub{
	margin-left: 13px;
}
#leftsub #content h1{
	padding: 0;
	margin: 0;
	color: #31702e;
	font: bold 26px Georgia, "Times New Roman", Times, serif;
}
#leftsub #content h2{
	padding: 0;
	margin: 0;
	color: #63869e;
	font: italic 20px Georgia, "Times New Roman", Times, serif;
}
#leftsub #content{
	color: #000;
	font: 20px/24px Georgia, "Times New Roman", Times, serif;
	padding: 20px;
}
#leftsub #content p{
	color: #000;
	font: 16px/19px Georgia, "Times New Roman", Times, serif;
	padding: 6px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content ul{padding:5px 20px;}
#content li{list-style:disc; font-size:12px; margin-left: 2em;}
a{
	color: #31702e;
}
a:hover{
	color: #444444;
	text-decoration: none;
	border-bottom: 1px dotted #31702e;
}
hr{
	width: 55%;
}

#skate a:hover{
	text-decoration: none;
	border-bottom: none;

}