/* -------------------- */
/* Project:	Jack n Jill */
/* Date:		Feb 2009 	*/
/* Coded:	wicht			*/
/* -------------------- */

* {
	margin: 0;
	padding: 0;
}
body {
	background: #420002;
	color: #585858;
	font-family: Trebuchet MS;
	font-size: 12px;
}
#page-top-holder {
	background: #0c2501 url(../images/shared/header_bg.jpg) top center no-repeat;
	height: 200px;
}
#page-top {
	background: url(../images/shared/top_bg.gif) no-repeat;
	height: 200px;
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	width: 930px;
}
#logo {
	left: -13px;
	position: absolute;
	top: 45px;
}
#rss {
	bottom: 9px;
	position: absolute;
	right: 12px;
	z-index: 55;
}
/* home top ----------------------------------------------------------------------------- */

#content-outer {
	background: #001f45 url(../images/shared/content_bg.jpg) top repeat-x;
}
#content-home {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0 auto 0 auto;
	padding: 0px 0 00px 0;
	width: 930px;
}
#content {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0 auto 0 auto;
	padding: 0px 0 00px 0;
	width: 900px;
}
#content-outer-drop {
	background: #001f45 url(../images/shared/inner_bg.jpg) top center no-repeat;
	padding: 57px 0 0px 0;
}
#content-drop {
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0 auto 0 auto;
	padding: 60px 0 0px 0;
	width: 930px;
}
 


/* HOME --------------------------------------- */
#home-top-left {
	float: left;
	line-height: 14px;
	padding: 22px 0px 0 0px;
	width: 660px;
}
#home-top-left .image {
	float: left;
	width: 295px;
}
#home-top-left .text {
	float: left;
	font-size: 12px;
	padding: 10px 0 0 0;
	width: 330px;
}
#home-top-left .text p {
	line-height: 16px;
	padding: 10px 0 10px 0;
}
#home-top-right {
	background: url(../images/home/home_right.jpg) no-repeat;
	float: right;
	height: 250px;
	padding: 0px 10px 0 20px;
	width: 225px;
}
#calendar-holder-home {
	color: #000;
	margin: 53px 0 0 30px;
}
#calendar-holder {
	color: #000;
	margin: 10px 0 0 20px;
}
#calendar-holder-events {
	color: #000;
	margin: 44px 0 0 20px;
	padding-bottom: 30px;
}
#title {
	color: #0e4fa1;
	text-align: center;
	width: 150px;
}
#home-left {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding: 22px 15px 0 0px;
	width: 620px;
}
#home-left p {
	padding: 0px 15px 25px 0px;
	width: 240px;
}
#home-left .home-shadow {
	background: url(../images/shared/home_shadow.jpg) no-repeat 280px -40px;
}
#home-left table a {
	color: #fded82;
	display: block;
	float: left;
	font-weight: bold;
}
#home-left table span {
	color: #15519b;
	display: block;
	float: left;
	text-align: center;
	width: 20px;
}
#home-right {
	float: left;
	padding: 22px 0 0 20px;
	width: 230px;
}
#home-right p {
	background: url(../images/home/quote_open.gif) no-repeat 0 0;
	font-family: Georgia;
	font-size: 18px;
	font-style: italic;
	line-height: 20px;
	margin-top: 15px;
	padding: 5px 0 0 20px;
}
#home-right strong {
	float: right;
	font-weight: normal;
	margin-top: 5px;
}

/* END HOME --------------------------------------- */

/* SchOOL --------------------------------------------*/
#school-left {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 15px 0 0px;
	width: 465px;
}
#school-left img {
	float: left;
	margin-right: 15px;
}
#school-left p {
	padding: 5px 0px 10px 0px;
}
#school-right {
	float: right;
	padding: 40px 0 0 0px;
	position: relative;
	width: 400px;
}
#school-right-shadow {
	background: url(../images/shared/carousel_shadow.jpg) no-repeat -5px 330px;
	float: right;
	padding: 40px 0 0 0px;
	position: relative;
	width: 400px;
}
#school-left-wide {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 15px 0 0px;
	width: 540px;
}
#school-left-wide p {
	padding: 5px 0px 15px 0px;
}
#school-right-wide {
	float: right;
	padding: 40px 0 0 0px;
	width: 340px;
}
#staff-heading {
	margin: 25px 0px 15px 80px;
}
/*  events left ............................................... */

.events-left img {
	border: 6px solid #fff;
}
.events-left {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	width: 200px;
}
.events-right {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding: 13px 0 0 0;
	width: 680px;
}
.events-right p {
	font-size: 12px;
	line-height: 16px;
	padding: 0px 0 10px 0px;
}
.events-right a {
	color: #fded82;
	font-size: 16px;
	line-height: 16px;
}
.events-right h3 a {
	color: #fded82;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
}
#eventsdetails-left {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	width: 480px;
}
#eventsdetails-left p {
	font-size: 12px;
	line-height: 16px;
	padding: 10px 10px 10px 0px;
}
#eventsdetails-right {
	float: right;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	width: 410px;
}
#eventsdetails-left h3 {
	color: #fded82;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	padding: 0;
}
#events-upcoming-left {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	width: 633px;
}
.events-upcoming {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
}
.events-upcoming p {
	font-size: 12px;
	line-height: 16px;
	padding: 0px 0 0px 0px;
}
.events-upcoming a {
	color: #fded82;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}
#events-upcoming-right {
	background: url(../images/events/calendar_bg.jpg) no-repeat;
	float: right;
	height: 240px;
	margin-left: 10px;
	padding: 0px 0 0 20px;
	width: 225px;
	margin-top: 15px;
}
 
 /*  holiday clubs --------------------------------------------------- */
 
.club-left {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	width: 240px;
}
.club-right {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding:30px 0 0 0px;
	width: 645px;
}

.club-right strong{

	font-size: 14px;
	line-height: 16px;
	padding: 0px;
	display: block;

}

#club-right-img {
	margin:10px 0 0 70px;
}

/* CONTACT --------------------------------------------*/
#content-contact {
	 
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0 auto 0 auto;
	padding: 0px 0 00px 0;
	width: 903px;
	
}

#contact-top {
	padding: 15px 0 30px 0;
}
#contact-left {

	float: left;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 15px 0 10px;
	width: 435px;
	
}
#contact-right {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 0 0 0px;
	width: 442px;
	
}
#contact-left img,
#contact-right img {
	float: left;
	margin-right: 5px;
}
#contact-left table,
#contact-right table {
	border-collapse: collapse;
	float: left;
	line-height: 18px;
	margin: 15px 0 0 0px;
}
#contact-left th,
#contact-right th {
	border-bottom: 1px dotted #0f4281;
	padding: 5px 0 5px 0;
	text-align: left;
	width:80px;
}
#contact-left td,
#contact-right td {
	border-bottom: 1px dotted #0f4281;
	padding: 5px 0 5px 0;
	text-align: left;
	width:172px;
	
}
#contact-left td.none,
#contact-right td.none {
	border-bottom: none;
	padding: 0 0 10px 0;
	text-align: left;
}
#contact-left a,
#contact-right a {
	color: #fded82;
	font-weight: bold;
}
/* LINKS--------------------------------------------------------------  */ 


 
a.button {
	background: url(../images/events/btn_repeat.gif) repeat-x;
	color: #fded82;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 27px;
	line-height: 24px;
	text-align: center;
}
span.rl {
	background: url(../images/events/btn_left.gif) no-repeat;
	display: block;
	float: left;
	height: 27px;
	width: 12px;
}
span.rr {
	background: url(../images/events/btn_right.gif) no-repeat;
	display: block;
	float: left;
	height: 27px;
	width: 12px;
}
a.download {
background: url(../images/school/arrow_down.gif) no-repeat 0 4px;
	 
	color: #fded82;
	padding: 0px 0 0 15px;
	 margin-top:15px;
	 
	font-size: 12px;
	font-weight: bold;
	 
	line-height: 24px;
	text-align: left;
}
/*  NAVIGATION ----------------------------------------------- */
#nav-holder {
	bottom: 0;
	height: 32px;
	left: -3px;
	position: absolute;
	width: 930px;
	 
}
#nav-holder a {
	color: #fff;
	display: block;
	float: left;
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin-right: 2px;
}
#nav-holder a:hover,
#nav-holder a.selected {
	background-position: 0 -32px;
	color: #fff;
	text-decoration: none;
}
#nav-1 a {
	background: url(../images/shared/nav/nav_1.gif) no-repeat 0 0px;
	width: 90px;
}
#nav-2 a {
	background: url(../images/shared/nav/nav_2.gif) no-repeat 0 0px;
	width: 93px;
}
#nav-3 a {
	background: url(../images/shared/nav/nav_3.gif) no-repeat 0 0px;
	width: 157px;
}
#nav-4 a {
	background: url(../images/shared/nav/nav_4.gif) no-repeat 0 0px;
	width: 129px;
}
#nav-5 a {
	background: url(../images/shared/nav/nav_5.gif) no-repeat 0 0px;
	width: 78px;
}
#nav-6 a {
	background: url(../images/shared/nav/nav_6.gif) no-repeat 0 0px;
	width: 86px;
}
#nav-content1 span,
#nav-content2 span {
	background: url(../images/shared/nav/dot.gif) no-repeat 14px 19px;
	display: block;
	float: left;
	height: 30px;
	width: 30px;
}
#nav-content1 a,
#nav-content2 a {
	color: #fff;
	display: block;
	float: left;
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 36px;
	padding: 2px 0 2px 0px;
	text-align: left;
	text-decoration: none;
}
#nav-content1 a:hover,
#nav-content2 a:hover,
#nav-content1 a.selected,
#nav-content2 a.selected {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
#nav-content1 {
	display: none;
	left: 25px;
	position: absolute;
	top: 200px;
}
#nav-content2 {
	display: none;
	left: 405px;
	position: absolute;
	top: 200px;
}

/* FOOTER -------------------------------------------------------------- */
#footer-outer {
	background: url(../images/shared/footer_bg.jpg) top repeat-x;
}
#footer {
	height: 200px;
	margin: 0px auto 50px auto;
	text-align: left;
	width: 930px;
	padding-top: 40px;
}
#footer-left {
	color: #fff;
	float: left;
	font-family: Arial;
	font-size: 11px;
	padding-top: 26px;
	padding-left:15px;
	width: 350px;
}
#footer-right {
	background: url(../images/shared/idlogo.gif) top right no-repeat;
	color: #fff;
	float: right;
	font-family: Arial;
	font-size: 11px;
	height: 37px;
	padding: 15px 40px 0 25px;
	line-height: 26px;
}
#footer-right a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}
#footer-right a:hover {
	text-decoration: underline;
}
 
/* GENERAL --------------------------------------------------------*/ 
a {
	 
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
	font-size: 0px;
	height: 0;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
}
p {
	margin: 0px;
	padding: 0px;
}
form {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.line {
	border-top:1px dotted #0f4281;
	font-size: 0px;
	height: 1px;
	line-height: 0px;
	margin: 20px 0;
	padding: 0;
}
.thankyou {
	color: #c7a54d;
}
 h5 {
 font-family: georgia;
	 font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	margin: 0px 0 5px 0;
	 
}
/* h5 {
 font-family: georgia;
	 font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	margin: 0px 0 5px 0;
	 
}*/