/* CSS Document */

body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #000066;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #9CBFE5;
}

h1 {
	color: #000066;
	font-size: 20px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-shadow: #666666 1px 1px 1px;
}

h3 {
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}

h3 a, h3 a:visited, h3 a:active {
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

h3 a:hover {
	padding: 0px;
	margin: 0px;
	color: #C3D8EF;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.red {
	color: #FF0000;
}

.green {
	color: #009900;
}

form {
	padding: 0px;
	margin: 0px;
}

input, submit, textarea, select, option {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #000066;
}

.submit-button {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #000066;
	background-color: #FFFFFF;
	border: 1px solid #000066;
	cursor: pointer;
}

a, a:visited, a:active {
	font-size: 12px;
	color: #000066;
}

a:hover {
	color: 000066;
	text-decoration: none;
}
<!--#9CBFE5-->

.bg-ltblue {	
	background-color: #C3D8EF;
}

.bg-ltblue-image {	
	background-color: #C3D8EF;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

.header-col {
	background-image: url(images/bg-header.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#col2 {
	width: 730px;
	text-align: left;
	vertical-align: top;
}

#col1 {
	width: 267px;
	text-align: left;
	vertical-align: top;
}

#logo-kids {
	background-image: url(images/logo-bottom.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 267px;
	height: 315px;
}

#strip-dblue {
	height: 26px;
}


/***************************************************************
	Gallery Images
***************************************************************/

#gallery-images {
	background-image: url(images/bg-images.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 23px 20px 0px 0px;
}

#gallery-slideshow {
	border: 1px solid #2A2B73;
	width: 460px;
	height: 264px;
	text-align: left;
	vertical-align: top;
}

.gallery-thumbnails {
	border: 1px solid #2A2B73;
	width: 108px;
	height: 82px;
}

.gallery-thumbanils-spacerw {	
	width: 12px;
}


/***************************************************************
	Navigation Area
***************************************************************/

#navcontainer {
	background: #EBF2FA;
	margin: 0px;
	padding: 16px 0px 24px 22px;
	text-align: left;
	vertical-align: top;
}


#navlist {
	text-align: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#navlist li {
	display: block;
	margin: 0px;
	padding: 8px 5px 16px 36px;
	background-image: url(images/bg-nav.jpg);
	background-repeat: no-repeat;
}


#navlist li a {
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	color: #000066;
}

#navlist li a:hover {
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	color: #9CBFE5;
}

/***************************************************************
	Content Area
***************************************************************/

#content {
	background-color: #EBF2FA;
	padding: 16px 16px 24px 0px;
	text-align: left;
	vertical-align: top;
	width: 714px;
}


/***************************************************************
	Footer
***************************************************************/

#footer {
	padding: 15px 0px 15px 0px;
	color: #292A74;
	text-align: left;
	vertical-align: top;
}

#swc {
	float: right;
	text-align: right;
	vertical-align: top;
	width: 290px;
	font-size: 11px;
}

#swc a {	
	font-size: 11px;
	color: #292A74;
	text-decoration: none;
}

#swc a:hover {	
	font-size: 11px;
	color: #C3D8EF;
	text-decoration: none;
}


/*******************************************************************************
	Home
********************************************************************************/

#home-left-column {
	width: 464px;
	padding: 0px 16px 0px 0px;
	vertical-align: top;
	text-align: left;
}

.call-boxes-content {
	background-color: #C3D8EF;
	color: #292A74;
	width: 124px;
	text-align: left;
	vertical-align: top;
	padding: 10px 13px 10px 13px;
}

.call-boxes-spacer {
	width: 7px;
}


/**********************************************************************************
	Boxes
**********************************************************************************/

#box-column {
	width: 234px;
	text-align: left;
	vertical-align: top;
}

.box-header {
	background-image: url(images/box-header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
	padding: 7px 16px 6px 16px;
}

.box-content {
	background-color: #FFFFFF;
	padding: 16px 23px 0px 16px;
	background-image: url(images/box-content.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}

.box-footer {
	background-image: url(images/box-footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
}


/****************************************************************
	News & Diary Dates
*****************************************************************/

a.news-diary-header {
	font-weight: bold;
	color: #292A74;
	text-decoration: none;
}

a.news-diary-header:hover {
	font-weight: bold;
	color: #9CBFE5;
	text-decoration: none;
}


.news-diary-summary {
	color: #666666;
}



/****************************************************************************
	Diary Calender
****************************************************************************/

.calendar-holder {
	width: 48%;
	vertical-align: top;
	text-align: center;
}

table.diaryouter {
	border: 1px solid #292A74;
}

table.diaryouter th.month {
	background-image: url(images/box-header-noshadow.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 16px 6px 16px;
	border:1px solid #FFFFFF;
}

table.diary {
	border-collapse: separate;
	border-color: #FFFFFF;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	margin: 0px;
	font-size: 12px;
}

table.diary th {
	width: 31px;
	text-align: center;
	vertical-align: middle;
	background-color: #F5F4D3;
	color: #000066;
	border-color: #FFFFFF;
    border-width: 1px 1px 0 0;
    border-style: solid;
}

table.diary td {
	width: 31px;
	height: 31px;
	text-align: center;
	vertical-align: middle;
	color: #444;
	background-color: #E0E0E0;
	border-color: #FFFFFF;
    border-width: 1px 1px 0 0;
    border-style: solid;
}

table.diary th {
	height: 30px;
	font-weight: bold;
	font-size: 11px;
}


table.diary td.date_has_event {
	background-color: #9CBFE5;
	cursor: pointer;
}


table.diary td.padding {
	background-color: #EEEEEE;
}

table.diary td.weekend {
	background-color: #D0D0D0;
}

table.diary td.today {
	color: #000066;
	border: 1px solid #000066;
	background-color: #EBF2FA;
}

table.diary td.today_has_event {
	color: #000066;
	border: 1px solid #000066;
	background-color: #EBF2FA;
	cursor: pointer;
}


.events {
	position: relative;
	top: 5px;
}

.events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 0px 2px 0px 2px;
	background-color: #FFFFFF;
	border: 1px solid #292A74;
	color: white;
	font-size: 12px;
	width: 259px;
	list-style: none;
	color: #444444;
}

.events li {
	padding: 2px 0px 12px 0px;
}

.events li span {
	display: block;
	font-size: 12px;
	text-align: left;
	color: #666666;
	padding: 0px 5px 0px 5px
}

.events li span.date {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9CBFE5;
	padding: 5px;
}

.events li span.title {
	font-weight: bold;
	color: #292A74;
	background-color: #C3D8EF;
	padding: 5px;
}


#diary-previous {
	text-align: left;
	vertical-align: top;
	padding: 12px 0px 0px 0px;
}

#diary-previous a {
	text-decoration: none;
	color: #000066;
}

#diary-next {
	text-align: right;
	vertical-align: top;
	padding: 12px 0px 0px 0px;
}

#diary-next a {
	text-decoration: none;
	color: #000066;
}


table.diaryfortnight-container {
	border: 1px solid #000066;
}

table.diaryfortnight {
	border-color: #FFFFFF;
	border-width: 0px 0px 2px 2px;
	border-style: solid;
}

table.diaryfortnight td {
	border-color: #FFFFFF;
    border-width: 2px 2px 0 0;
    border-style: solid;
	padding: 7px;
}

table.diaryfortnight td.date {
	text-align: left;
	vertical-align: middle;
	background-color: #C3D8EF;
	width: 170px;
}

table.diaryfortnight td.spacer {
	width: 3px;
	background-color: #F5F4D3;
}

table.diaryfortnight td.content {
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
}



/*************************************************************************************
	Contact 
*********************************/


table.contact-container {
	border: 1px solid #000066;
}

table.contact {
	border-color: #FFFFFF;
	border-width: 0px 0px 2px 2px;
	border-style: solid;
}

table.contact td {
	border-color: #FFFFFF;
    border-width: 2px 2px 0 0;
    border-style: solid;
	padding: 7px;
}

table.contact td.label {
	text-align: left;
	vertical-align: top;
	background-color: #C3D8EF;
	width: 130px;
}

table.contact td.spacer {
	width: 3px;
	background-color: #F5F4D3;
}

table.contact td.field {
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
}

td.submit {
	text-align: center;
	vertical-align: top;
	padding: 8px;
	background-color: #9CBFE5;
}