*	{	
	padding: 0;	
	margin:	0;	
	}
	
img{ border: 0;}

	
body	{
	background: #87c140 url(images/bg-tile.jpg) repeat-x top;
	color: #333;
	font-family: "Arial Rounded Bold", Arial,	Helvetica,	sans-serif;
	font-size:	13px;
	line-height: 1.5em;
	}

@font-face {
      font-family: "Arial Rounded Bold";
      src: url("images/Arial Rounded Bold.ttf");
    }
	
#wrapper	{	
	margin:	0	auto;
	width:	950px;
	}

#header	{
	background:	url(images/bg-header.png) no-repeat center top;
	color:	#333;
	height:	100px;
	margin:	10px 0px 0px 0px;
	padding: 0px;
	width:	950px;
	}
	
#header li{
	display: inline;
	}

p{ 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal !important;
	padding-bottom: 10px;
		}
#innerwrap{
	background: #fff;
	float: left;
	margin-top: -7px;
	width: 950px;
	}

h2{
	font-weight: normal;
	padding-bottom: 10px;
	}
	
h3{
	clear: left;
	color:#F89726;
	font-size:16px;
	font-weight: bold;
	margin: 5px 0 5px 0px;
	padding-bottom:5px;
	padding-top:5px;
	}

h4{color: #86dc16;}

h4, h5, h6{
	font-weight: normal;
	}

a{
	color: #ffffff;
	font-weight: bold;
	}
	
a:hover, a:visited:hover{
	color: #00ADEE;
	}

a:visited{
	color: #eee;
	}
	
.fine-print{
	font-size: 10px;
	font-style: italic;
	text-align: right;
	}

.clear{clear: both;}

/*-----------SOCIAL NAVIGATION-------------*/

#social-navigation	{
	float: right;
	height:51px;
	padding-top: 20px;
	width: 240px;
	}
	
/*-----------MAIN NAVIGATION-------------*/
#navigation	{
	background: #fff;
	color:	#333;
	float:	left;
	height: 70px;
	margin:	0px	0px	0px	0px;
	padding: 0px;
	width: 930px;
	}
	
#nav-ir {
	background: url(images/bg-nav.png) #fff;
	height: 70px;
	margin: 0 auto;
	margin-left: 10px;
	width: 930px;
	}
#nav-ir span{
	display: none;
	}	

#nav-ir li {
	list-style-type: none;
	float: left;
	}
#nav-ir a {
	height: 70px;
	display: block;
	}

#nav-1{ width: 153px;}
#nav-2{ width: 153px;}
#nav-3{ width: 125px; margin-left: 295px;}
#nav-4{ width: 125px;}
#nav-5{ width: 70px;}

#nav-1 a:hover {background: url(images/bg-nav.png) 0px -70px no-repeat;}
#nav-2 a:hover {background: url(images/bg-nav.png) -153px -70px no-repeat;}
#nav-3 a:hover {background: url(images/bg-nav.png) -595px -70px no-repeat;}
#nav-4 a:hover {background: url(images/bg-nav.png) -724px -70px no-repeat;}
#nav-5 a:hover {background: url(images/bg-nav.png) -850px -70px no-repeat;}


#home-link a{
	background: url(images/logo-jy.png) no-repeat center center;
	display: block;
	font-size: 1px;
	height: 162px;
	position: absolute;
	margin-left: 295px;
	margin-top: -70px;
	text-indent: -5000px;
	width: 310px;
	z-index: 999;
	}

/*-----------SUB NAVIGATION-------------*/

#sub-navigation	{
	float:	left;
	padding-top: 8px;
	margin-left: 15px;
	position: relative;
	width: 530px;
	}
	
#sub-navigation li, #sub-navigation2 li{
	display: inline;
	list-style-type: none;
	}


#sub-navigation a, #sub-navigation2 a{
	color: #555;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 8px;
	text-decoration: none;
	}
	
#sub-navigation a:hover, #sub-navigation2 a:hover{
	color: #999;
		}

#sub-navigation2	{
	float:	right;
	padding-top: 8px;
	margin-right: 15px;
	position: relative;
	text-align: right;
	width: 350px;
	}

/*----------HOMEPAGE GALLERY----------*/

#gallery	{
	background:	#fff;
	color:	#333;
	float:	left;
	height: 262px;
	margin:	0px	0px	5px	0px;
	padding: 10px;
	width:	930px;
	}
	
#leftcolumn	{
	background:	#434039 url(images/bg-chalkboard.jpg) no-repeat top left;
	border:	1px	solid	#ccc;
	color:	#fff;
	float:	left;
	font-family: eraser;
	min-height:	300px;
	margin:	0px	5px	5px	10px;
	padding: 7px;
	width:	280px;
	}

#leftcolumn p{
	font-family: "trebuchet ms", arial;
	margin-left: 10px;
	}

#leftcolumn ul{
	margin-top: 40px;
	}


#leftcolumn ul li{
	background: url(images/check.png) no-repeat 0px 3px;
	border-bottom: 1px dashed #888;
	font-family: "trebuchet ms", arial;
	font-size: 12px;
	padding: 3px 0px 3px 24px;
	}
	
#leftcolumn	p:first-child{
	margin-top: 35px;
	margin-left: 0px;
	}
	
#leftcolumn	p:last-child{
	border: none;
	}

.eraser{
	padding: 0px 0px 0px 10px;
	font-family: eraser !important;
	font-weight: bold;
	}

@font-face {
	 font-family: eraser;
	 src: url(docs/"EraserDust.eot"); /* EOT file for IE */
	}
	
@font-face {
	 font-family: eraser;
	 src: url(docs/"EraserDust.ttf"); /* TTF file for CSS3 browsers */
	}

#chalk-tray{
	background: url(images/chalk-tray.png) no-repeat bottom left;
	height: 20px;
	margin: 5px 0px 0 -5px;
	padding: 0;
	position: absolute;
	width: 291px;
	}

#centercolumn	{	
	background:	#F2F2E6;
	border:	1px	solid	#ccc;
	color:	#333;
	display: inline;
	float:	left;
	min-height:	300px;
	margin:	0px	5px	5px	0px;
	padding: 5px 7px 7px;
	position: relative;
	width:	313px;
	z-index: 99;
	}

#centercolumn h3{
	color: #63bb0c;
	font-size: 20px;
	padding: 5px 0px 0px 8px;;
	}

#centercolumn p{
	line-height: 1.5em;
	padding: 7px 0px 0px 10px;
	}

#centercolumn img{
	
	}

#centercolumn a{
	color: #0093D6;
	}
	
#rightcolumn	{	
	background:	#f79338;
	border:	1px	solid	#ccc;
	color:	#333;
	float:	left;
	min-height:	300px;
	margin:	0px	9px	5px	0px;
	padding: 5px 0px 7px 20px;
	width:	272px;
	}
	
#rightcolumn h3{
	color: #ffffff;
	font-size: 20px;
	padding: 5px 0px 7px 8px;;
	}


#hp-right-btns{
	float:right;
	}

#hp-right-btns #sub1{
	width: 300px;
	}

	
/*---left buttons--*/
#sub1 a, #sub2 a, #sub3 a, #sub4 a, #sub5 a{
	display: block;
	font-size: 22px;
	line-height: 2.2em;
	text-align: center;
	text-decoration: none;
	}

#sub1 a:hover, #sub2 a:hover, #sub3 a:hover, #sub4 a:hover, #sub5 a:hover{
	color: #eee;
	text-decoration: underline;
	}

#sub1{
	background: url(images/sub-1.jpg) repeat-x top left;
	height: 51px;
	width: 270px;
	}
	
#sub2{
	background: url(images/sub-2.jpg) repeat-x top left;
	height: 51px;
	width: 270px;
	}
	
#sub3{
	background: url(images/sub-3.jpg) repeat-x top left;
	height: 51px;
	width: 270px;
	}
	
#sub4{
	background: url(images/sub-4.jpg) repeat-x top left;
	height: 51px;
	width: 270px;
	}

#sub5{
	background: url(images/sub-5.jpg) repeat-x top left;
	height: 51px;
	width: 270px;
	}



/*---------- BOTTOM BUTTONS ----------*/

#bottombuttons	{	
	background:	#ec1792;
	border:	1px	solid	#ccc;
	clear:	both;
	color:	#333;
	height: 80px;
	margin:	0px	10px 10px 10px;
	padding: 40px 20px 10px 130px;
	width:	780px;
	}

#bottombuttons a{
	position: relative;
	z-index: 99;
	}

#bottombuttons img{	
	margin-top: -20px;
	padding: 0px;
	}
	
#bottombuttons img:hover{	
	margin-top: -33px;

	width: 177px;
	height: 108px;
	}


#dog-cat{
	background:url("images/dog-cat.png") no-repeat scroll center top transparent;
	height:229px;
	float: left;
	margin: -200px 0px 0px -70px;
	position: relative;
	width:1031px;
	}

/*---------- SUBPAGE STYLES ----------*/

#subpage-innerwrap{
	background: #fff;
	clear: left;
	float: left;
	margin-top: -7px;
	width: 950px;
	}
	
#subpage-innerwrap2{
	background: #2E3192;
	clear: left;
	float: left;
	margin: 10px 0px 10px 11px;
	padding: 0px 0px 20px 0px;
	width: 930px;
	}

#subpage-leftcolumn{
	float: left;
	margin: 10px 0px 10px 0px;
	min-height: 500px;
	padding: 10px 0px 0px 5px;
	width: 270px;
	}

#subpage-rightcolumn{
	background: #585AA8;
	border: ;
	color: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-bottom: 2px dashed #fff;
	border-left: 2px dashed #fff;
	border-right: 2px dashed #fff;
	float: right;
	min-height: 500px;
	margin: 10px 10px 0px 0px;
	padding: 10px 15px;
	width: 607px;
	}

#subpage-rightcolumn img{
	margin-left: 15px;
	margin-bottom: 10px;
	border: 3px solid #fff;
	}


#subpage-rightcolumn ul{
	font-weight: normal;
	margin-left: 20px;
	margin-bottom: 20px;
	}


h2.sub-darkblue{
	background: url(images/subpage-header.jpg) no-repeat top left;
	color: #fff;
	font-size: 28px;
	height: 60px;
	line-height: 2em;
	margin: -12px 0 0 -19px;
	padding: 0px 0px 0px 30px;
	width: 645px;
	}

h2.sub-green{
	background: url(images/subpage-header.jpg) no-repeat top left;
	color: #fff;
	font-size: 28px;
	height: 50px;
	margin: -12px 0 0 -19px;
	padding: 23px 0px 0px 30px;
	width: 645px;
	}

h2.sub-purple{
	background: url(images/subpage-header.jpg) no-repeat top left;
	color: #fff;
	font-size: 28px;
	height: 50px;
	margin: -12px 0 0 -19px;
	padding: 23px 0px 0px 30px;
	width: 645px;
	}

h2.sub-orange{
	background: url(images/subpage-header.jpg) no-repeat top left;
	color: #fff;
	font-size: 28px;
	height: 50px;
	margin: -12px 0 0 -19px;
	padding: 23px 0px 0px 30px;
	width: 645px;
	}

h2.sub-blue{
	background: url(images/subpage-header.jpg) no-repeat top left;
	color: #fff;
	font-size: 28px;
	height: 50px;
	margin: -12px 0 0 -19px;
	padding: 23px 0px 0px 30px;
	width: 645px;
	}

#hours-sub{
	background:url("images/bg-chalkboard.jpg") no-repeat scroll left top #434039;
	border:1px solid #777777;
	color:#FFFFFF;
	float:left;
	font-family:eraser;
	margin:10px 0 5px;
	min-height:300px;
	padding:7px;
	width:254px;	
	}

#hours-sub p{
	font-family: "trebuchet ms", arial;
	margin-left: 10px;
	}

#hours-sub ul{
	margin-top: 40px;
	}


#hours-sub ul li{
	background: url(images/check.png) no-repeat 0px 3px;
	border-bottom: 1px dashed #888;
	font-family: "trebuchet ms", arial;
	font-size: 12px;
	list-style-type: none;
	padding: 3px 0px 3px 24px;
	}
	
#hours-sub	p:first-child{
	margin-top: 35px;
	margin-left: 0px;
	}
	
#hours-sub	p:last-child{
	border: none;
	}

#chalk-tray-sub{
	background: url(images/chalk-tray.png) no-repeat bottom left;
	height: 20px;
	margin: 25px 0px 0 -20px;
	padding: 0;
	position: absolute;
	width: 291px;
	}

.large-text{
	 color: #ffec30;
    font-size: 20px;
	 line-height: 1.25em;
    padding: 20px 0 30px;
    text-align: center;
    text-transform: uppercase;
	}
	
	
	/*---------- CONTACT FORM ----------*/

#contact-form{margin-top: 20px;}

#book-form{margin-top: 20px;}

#book-form input{ width: 200px; }

#book-form #btn{width: 120px;}

#directions{
	background:none repeat scroll 0 0 #FFFFFF;
	border:3px solid #CCCCCC;
	padding-left: 20px;
	width: 400px;
	}


#map{
	background:none repeat scroll 0 0 #FFFFFF;
	border:3px solid #CCCCCC;
	width: 600px;
	}


	/*---------- ACCORDION --------*/
	
.accordion h4{
	background:none repeat scroll 0 0 #F98E30;
	font-size: 13px;
	}

.accordion a{
	color: #fff !important;
	}

.accordion{margin-top: 30px !important;}

.accordion div{
	background:none repeat scroll 0 0 #268CCA;
	border:1px solid #999999;
	color: #fff;
	font-size: 12px;
	padding:5px;
	margin-bottom: 15px;
	
	}
	
	
	/*---------- FOOTER ----------*/

#footer	{	
	clear:	both;
	color:	#fff;
	float: left;
	font-size: 11px;
	margin:	0 auto;
	margin-bottom: 10px;
	padding: 10px;
	width:	930px;
	}

#footer li{
	border-right: 1px solid #0E74BB;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	}

#footer li:first-child{
	padding-left: 0px;
	}

#footer li:last-child{
	border: none;
	}