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

body {
	font-family:Helvetica, Arial, sans-serif;
	background:#34c2f6 url(images/bkgrdbtm.png) no-repeat center bottom}
	  
#wrapper {
	background:#34c2f6;
    width:900px;
    margin:0 auto;}
		 
#header {
	height:175px;
	background-color:#f6f2f2;
	margin-bottom:-10px;
	border-left:3px solid #c00;
	border-right:3px solid #c00;
	border-top:3px solid #c00}
	
#header img {
	padding-top:0px;
	padding-left:55px;}
			
#header p {
	float:right;
	width:220px;
	height:100px;
	margin-top:10px;;
	margin-right:15px;
	font-size:.90em;
	line-height:1.1;
	text-align:right}
	
#header .tweet {
	float:right;
	clear:right;
	margin-top:15px;
	color:#fff;
	margin-right:5px}
	
#header .tweet img {
	padding:0 0 5px 5px}
	
.tweet a {
	color:#fff}
	
#header p a {
	text-decoration:none;
	font-weight:normal;
	color:#c00;
	font-size:16px;
	margin-bottom:5px;
	font-family:Helvetica, Arial, sans-serif;}
			
#container {
	margin-top:10px}
			
#nav {
    width:893px;
	list-style-type:none;
	background:#000 url(images/jjnavbg.png) repeat-x left top;
	margin:0px;
	margin-top:10px;
	margin-bottom:0px;
	padding-top:23px;
	padding-left:7px;
	height:38px}
	
#nav ul {
	width:700px}
	
#nav li {
	display:inline}
	
#nav a {
	display:block;
	float:left;
	padding:6px 15px 16px 15px;
	color:#f6f2f2;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;}
	
#nav li a:hover {
	background:#f6f2f2;
    color:#c00;
	padding-bottom:15px}
	
#nav .home a:hover {
	background:url(images/navhover2.png) no-repeat top;}
#nav .about a:hover {
	background:url(images/navhover1.png) no-repeat top}
#nav .calendar a:hover {
	background:url(images/navhover3.png) no-repeat top}
#nav .info a:hover {
	background:url(images/navhover.png) no-repeat top}
#nav .map a:hover {
	background:url(images/navhover5.png) no-repeat top}
#nav .contact a:hover {
	background:url(images/navhover4.png) no-repeat top}

#home #nav .home a {
	background:url(images/navhover2.png) no-repeat top;
    color:#c00}
#about #nav .about a {
	background:url(images/navhover1.png) no-repeat top;
    color:#c00}
#calendar #nav .calendar a {
	background:url(images/navhover3.png) no-repeat top;
    color:#c00}
#info #nav .info a {
	background:url(images/navhover.png) no-repeat top;
    color:#c00}
#map #nav .map a {
	background:url(images/navhover5.png) no-repeat top;
    color:#c00}
#contact #nav .contact a {
	background:url(images/navhover4.png) no-repeat top;
    color:#c00}


#nav p {
	float:right;
	width:85px;
	height:50px;
	font-family:"Comic Sans MS", cursive;
	font-size:.85em;
	color:#f6f2f2;
	margin-top:-5px;
	z-index:99}
	
#content {
	width:600px;
    float:left;
	margin:5px 0px 0 5px;
	background-color:#F6F2F2;
	border:#c00 solid 3px;
	padding:12px}
		  
#content h2 {
	color:#c00;
    font-size:26px;
	font-weight:bold;
	margin-bottom:20px;
    border-bottom:#000 solid 2px;
	margin-top:5px;
	text-align:center}
			 
#content h3 {
	color:#c00;
    font-size:24px;
	font-weight:bold;
	margin-bottom:20px;
    border-bottom:#000 solid 2px;
	margin-top:5px;
	text-align:center}
	
#content h4 {
	color:#c00;
    font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
    margin-top:5px}
	
	
#content p {
	margin-bottom:15px;
	line-height:1.2em;
	padding-left:5px;
	padding-right:5px;
	margin-left:10px}
	
#content .director {
	color:#c00;
	text-align:center;
	text-decoration:underline}
	
#content .music {
	font-weight:bold}

#content ul {
	line-height:1.4em;
	list-style:disc;
	margin-top:-.5em;
	padding-left:25px;
	margin-bottom:20px}
	
.curriculum {
	margin-left:55px} 
	
.mission {
	text-align:center;}
	
.mission li {
	list-style-type:none}
	
.centered {
	text-align:center}
	
.days {
	margin-left:5px}
	
.potty {
	font-weight:bold}
	
.program {
	font-weight:bold}

#content img {
	margin:15px 0 10px 20px;
	background-color:#c00;
	padding:5px}
	
.slideshow {
	margin-bottom:20px}
	
#content a {
	color:#c00}
		  
#news {width:240px;
       float:right;
	   margin-top:5px;
	   margin-right:5px;
	   background-color:#F6F2F2;
	   border:#c00 solid 3px}
	   
#news .pic {
	margin-bottom:15px}
	   
#news h3 {
	margin:20px 5px 0 5px;
    font-size:20px;
	color:#c00;
    border-bottom:#000 solid 2px;
	text-align:center}
		  
#news h4 {
	border-bottom:#c00 solid 2px;}
	
#news dl {
	padding-top:5px;
	padding-left:5px}
	
#news dd {
	margin-top:3px}
/*light blue #34c2f6*/

#my_twitter_status_time {
	color:#09c;
	font-size:.85em;}
#my_twitter_status_time1 {
	color:#09c;
	font-size:.85em}
#my_twitter_status_time2 {
	color:#09c;
	font-size:.85em}
	
#news .pic {
	text-align:center;
	border-top:#c00 1px solid;
	padding-top:5px;
	margin-top:10px}
	
#news a {
	color:#c00}
	
#news .newsletter {
	line-height:1.4;
	text-align:center}
	
#news .newsletter a {
	color:#09c}
	
#news .newsletter .current {
	font-weight:bold}
	
#news .newsletter a:hover {
	color:#c00}
	   
.stuff {
	padding:15px}

h1, h2, h3, h4 {
	font-family:"Comic Sans MS", cursive}

a {
	font-family:"Comic Sans MS", cursive}

.logo img {
	margin-right:600px}
	
#footer {
	/*background:#c00 url(images/jubileefooter.png) repeat-x left top;*/
    width:900px;
	float:left;
	margin-top:10px;
	padding-top:20px;
	padding-bottom:15px;
	color:#fff;
	text-align:center;
	clear:both}
	
#footer .web {
	font-size:12px;
	margin-top:5px}
		 
#footer li {
	display:inline}

#footer a {
	color:#09c;
    padding:2px}
	
#footer a:hover {
	color:#fff}
	
.clr {
	clear:both}