/* CSS Document */

/* ---------- all pages ---------------------------*/
body { font: 12px Arial, Helvetica, sans-serif; border-color:#33CC00; background-color:#0033CC; }
p { line-height: 16px; text-align: justify; }

div { margin: 0; padding: 10px 20px; }
#main { width: 768px; padding: 0; margin:0 auto; }
#header { padding: 0; margin:0; height: 160px; background: url(../images/jfkheader.jpg) no-repeat; }
#footer { text-align:right; padding: 5px 12px 0 0; margin: 5px 0; height: 62px; background: url(../images/footer.jpg) no-repeat; }
#footer img {border:none;padding:0; margin:0;}
#menu { height: 70px; width: 768px; margin: 5px 0; padding: 0; overflow:hidden; background: #79a5e2 url(../images/menu/bg.jpg) repeat-x; }
#menu img {border:none;padding:0; margin:0;}
#menu ul { padding: 0; margin: 0 ; }
#menu li { padding: 0; margin: 0; display: block; }

a:link {color: #330066; font-size:12px;}, a:visited { color:#3333CC; text-decoration:none; }
a:hover { color: #5577dd; text-decoration:none; }

h1 { font-size: 14px;  margin: 0; padding: 0}
h2 { font: 28px Arial, Helvetica, sans-serif, "Century Gothic"; font-weight: bold; padding: 10px 0; margin: 0;}
h3 { font: 22px Arial, Helvetica, sans-serif, "Century Gothic"; font-weight: bold; padding: 10px 0; margin: 0;}
h4 { font: 14px Arial, Helvetica, sans-serif, "Century Gothic"; font-weight: bold; padding: 6px 8px 6px 28px; margin: 0;}
h5 { font: 16px Arial, Helvetica, sans-serif, "Century Gothic"; font-weight: bold; padding: 6px 0; margin: 0;}
h6 { font: 14px Arial, Helvetica, sans-serif, "Century Gothic"; font-weight: bold; padding: 6px 0; margin: 0;}

ul { margin: 10px 5px 15px 20px; padding: 0 0 0 15px; font:#517dba }
li { padding: 2px; margin:0;}

.first, li.first h1    { color: #578c7a; background-color: #7db2a0; /* Home */}
.second, li.second h1  { color: #8e7065; background-color: #b6988d; /* About */}
.third, li.third h1    { color: #5c5753; background-color: #7c7773; /* Info #F5ECC5*/}
.fourth, li.fourth h1  { color: #ffffff; background-color: #837a53; /* parents; CEF2E4 */}
.fifth, li.fifth h1    { color: #ffffff; background-color: #667a95; /* blue; */ padding: 10px 0; }
.sixth, li.sixth h1    { color: #ffffff; background-color: #866a9d; /* Showcase; */ }
.seventh, li.seventh h1 {color: #517dba; background-color: #ffffff; /* Links; 7aa6e3 */}

#kwicks { position: relative; width:780px; }
#kwicks .kwick {
	float: left;
	display: block;
	width: 108px;
	height: 70px;
	overflow: hidden;
	border-right: 2px solid #ffffff;
	cursor: pointer;	
}


/* ---------- index ---------------------------*/
#news { padding: 10px 20px; width:730px; overflow: visible; background-color: #ffffff; }
#floater { float:right; width:220px; padding:10px 0 10px 10px; margin:0 0 10px 10px; border-left:5px solid #eeeeee; text-align:center; }
#floater ul {text-align:left; font-size:11px; padding:0; margin:0;}
#floater div { font-weight:bold; padding:5px 8px; text-align:center; width:180px; margin: 20px 0 30px 20px;}
#correspondance { padding: 10px 20px; width:728px; background-color: #578c7a; color: #fff; margin: 0; }
#correspondance a { color: #fff; }
#correspondance a:hover { color: #CEF2E4; }
#rollovers { padding: 10px 10px; width:748px; background-color: #7db2a0; }
#rollovers h2 { padding-left: 11px; color: #ffffff; }


dl { margin: 10px 0; padding: 0; }
dt {color: #555; position: relative; left: 0; top: 1.1em; width: 10em; font-weight: bold; }
dd { margin: 0 0 0 11em; padding: 0 0 .5em .5em; clear:left; text-align: justify;}
#news ol li { width: 500px; margin: 4px 0; }
#carering ul { list-style-type:none; background: #eeeeee; border:1px solid #a7a7a7; margin:12px 0; padding:4px	;}
#rollovers ul { height: 150px; width: 748px; margin: 0; padding: 0 0 15px 0; }
#rollovers ul li { list-style: none; margin: 4px; padding: 4px; float: left; background: #fff; }
#rollovers ul li img { border: none; width: 170px; }
#rollovers ul li a { display: block; text-align: center; }
#rollovers ul li a:hover { color: #fff; background-color: #6ea284; }

.small {font-size: 10px;}
.title { font-size:14px; font-weight: bold; }


/* ---------- about ---------------------------*/

#about {background-color:#FFFFFF} .timetable th { padding: 2px 10px; border: 1px solid #a4877b; text-align: left; color: #990000; background-color: #ffffff; }


/* ---------- sports ---------------------------*/

/*
.sports { float:left; margin: 0 0 0 40px; width: 180px; }
.sports ul { margin:0; padding:0; list-style-type:none; }
.sports ul li { padding: 1px 0; } 
*/
.third ul { margin: 5px 0 15px 40px; padding:0; list-style-type:none; }
.third ul li { padding: 1px 0; } 

.third h5 { font: 24px "Century Gothic",Arial,Helvetica,sans-serif; font-weight:bold; color: #000000; }

.third a, .third a:visited {color: #0000CC;}
.third a:hover {color: #990000;}


/* ---------- parents ---------------------------*/

.fourth a, .fourth a:visited {color: #000000;}
.fourth a:hover {color:#aba27b;    color:#dbd2ab}


/* ---------- events ---------------------------*/

.fifth div { padding: 10px; }
.fifth img { padding:0; margin:0; }

.fifth a img { padding:5px;  border:1px solid #ccc;  margin:10px 20px 14px 20px; }
.fifth a img:hover { border-color: #06c; }

.fifth #events, .fifth #fieldtrips, .fifth #trips, .fifth #past { margin:0 0 20px 0; padding:0; }
.fifth .event, .fifth .fieldtrip, .fifth .trip { background-color:#8fa3be; }
.fifth h4.event, .fifth h4.fieldtrip, .fifth h4.trip { 
	cursor: pointer; 
	color: #000099;
	background: #8fa3be;
 	border-top: 1px solid #667a95;
}
.fifth h3, .fifth ul { padding-left: 20px; }

.trips ul li { margin-left: 5px; padding-left: 0px;}

.smallerthumbs {clear:both; padding:0; margin:0;}
.smallerthumbs img { width: 72px; }
.fifth .smallerthumbs a img { margin:10px 16px 10px 16px; }


/* ---------- showcase ---------------------------*/

.sixth ul {list-style-type: none;}
.sixth ul li a { display: block; padding:4px; text-align: center; }
.sixth ul li a:hover { background-color: #ad91c4; }

object.mov {display: none;}


/*----------- center images -----------------------------*/
IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }