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

body { background-color: #d9d8f9; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #002d56;  }
* { margin: 0; padding: 0; border: none; text-decoration: none;}
.clear { clear: both; }
.floatright { float: right; }
p a { font-weight: bold;  color: #002d56;}
p a:hover { text-decoration: underline; }

#container { margin: 0 auto; width: 977px; background-color: #fff; }
#header { background: url(images/header.jpg) no-repeat; height: 96px; }
#ssplogo { float: left; margin: 20px 0 0 40px; }

h1 { font-size: 32px; font-weight: normal; text-align: right; padding: 10px 10px 0 0;}
h2 { font-size: 24px; font-weight: normal; padding: 5px 0 12px; }
h3 { width: 254px; height: 29px; padding: 7px 0 0 20px; margin: 20px 0 0 0;color: #fff; font-weight: normal; font-size: 16px; }
h3#orangesection { background: url(images/left-orange.gif) no-repeat; }
h3#greensection { background: url(images/left-green.gif) no-repeat; }
h3#bluesection { background: url(images/left-blue.gif) no-repeat; }
h4#mainmaroon { background: url(images/bar-maroon.gif) no-repeat; padding: 7px 0 0 20px; margin: 20px 0 0 0;color: #fff; font-weight: normal; font-size: 16px; width: 623px; height: 29px; }
#newsdetail h4 { margin: 0 0 10px 0; font-size: 16px;  }
h3 a { color: #fff; display: block; }
h5 { font-size: 14px; }
#newsdetail h5 { font-size: 12px; padding-top: 5px; color: #096db5; }

h4#nxtprev { font-size: 20px; font-weight: normal; }

/*ul#nav { list-style: none; margin: 13px 0 0 220px; height: 33px;}
ul#nav li { display: inline; float: left; height: 33px; color: #fff; font-size: 16px; background: url(images/nav-dividers.gif) no-repeat right center; text-align: center; }
ul#nav li span#last { background: none; }
ul#nav li span#active { background-color: #002d56; height: 27px; padding-top: 6px; margin-right: 3px; display: block;}
ul#nav li a { display: block; color: #fff; padding:6px 25px 0 25px; margin-right: 3px;}
ul#nav li a:hover,ul#nav li a.active { background-color: #002d56; padding-bottom: 7px;}*/

#newstickerroot { background: url(images/newsticker.gif) no-repeat; height: 39px; clear: both; margin: 5px 0;}
#newstickerroot p { color: #fff; font-size: 16px; padding: 8px 0 0 20px; }
#newstickerroot td{vertical-align:middle;}

#maincontent { float: left; width: 640px; margin: 15px 20px 10px 15px; }
#twocollayout { width: 940px; margin: 15px 20px 10px 15px; }
#rightcolumn { float: left; width: 275px; }

#maincontent p { line-height: 18px; padding-bottom: 10px; }
#rightcolumn p { margin: 20px 0 0 5px; line-height: 16px; max-width: 260px;vertical-align:top; }
#newsdetail { float: left; width: 470px; }

/*---------------Gallery---------------------*/

#onecol { float: left; width: 370px; margin: 0 0 0 141px; }
#twocol { float: left; width: 370px; }
#onecol p, #twocol p { width: 295px; padding-top:4px; line-height: 16px; }
#onecol img, #twocol img { padding-bottom: 5px;}
#onecol h2, #twocol h2 { font-size: 16px; font-weight: bold; }
#onecol h2 a, #twocol h2 a { color: #002d56; }
#onecol h2 a:hover, #twocol h2 a:hover { text-decoration: underline; }

.gallerydiv { width: 295px; border-bottom: 1px solid #c0c4c7; padding-bottom: 20px; margin-bottom: 10px; }

/* ---------------Events -----------------*/

#events { width: 940px; margin: 15px 5px 10px 0; }
#months { float: left; width: 170px; }
#months ul { list-style: none; }
#months ul li { font-weight: bold; background: url(images/month_bullet.gif) no-repeat top left; height: 18px; margin: 5px; padding: 2px 0 0 30px;}
#months ul li a { color: #002d56; }
#months ul li a:hover { text-decoration: underline; }
#months p { padding-right: 10px; }
#months span { font-weight: bold; }
#CurEvent a {color: #002D56;}
#CurEvent a:hover {text-decoration:underline;}

#nxtprev { text-align: right; margin: 0 10px 10px 0;}
.events_day { float: left; width: 128px; height: 33px; margin: 0 5px 5px 0; }

.events_content { float: left; width: 122px; height: 128px; border: 3px solid #d9d8f9; margin: 0 5px 5px 0;}
.events_content_blank { background-color: #d9d8f9; float: left; width: 122px; height: 128px; margin: 0 5px 5px 0; border: 3px solid #d9d8f9;}
.events_content p.date { width: 110px; font-size: 16px; text-align: right; padding: 3px;}
.eventtype { width: 118px; height: 103px; overflow-y: auto; font-size: 11px; padding-left: 4px; }
#events { margin: 20px 0 0 20px; }
#calendar { float: left; }
#eventslist { float: left; margin: 0 0 0 40px; width:350px;}
#eventslist ul { list-style: none; }
#eventslist ul li { padding: 20px 0 0; }
#eventslist p { padding: 20px 0 0; }

/*-------------Event colour coding --------------*/

.holiday, .holiday a { color: #999;  font-weight: normal; }
.training, .training a { color: #39F; font-weight: normal; }
.courses, .courses a { color: #4e7926; font-weight: normal; }
.localevent, .localevent a { color: #b52524; font-weight: normal; }
.family, .family a { color: #801d4f; font-weight: normal; }
.ssp, .ssp a { color: #f74cc9; font-weight: normal; }

/*--------------Event colour key-----------------*/

#key { float: right; padding-right: 20px; }
#keycode { float: left; }
#keycode img { margin: 2px 5px 0 5px; }
#keycode p { margin-right: 10px; }

#holidayblock { background-color: #999; float: left; }
#trainingblock { background-color: #39F; }
#coursesblock { background-color: #4e7926; }
#localblock { background-color: #b52524; }
#familyblock { background-color: #801d4f; }
#sspblock { background-color: #f74cc9; }

/*----------------------------------------------*/

.smlimg { background: url(images/img-insert-sml.gif) no-repeat; width: 116px; height: 81px; padding: 10px 0 10px 10px; float: right; margin: 20px 5px 0 5px;}

#footer { background: #096db5 url(images/footercolours.gif) no-repeat top left;  color: #fff;  }
#footer p { padding-bottom: 5px; }
#footer a { color: #fff; }
#footer a:hover { text-decoration: underline; }
#footer address { font-style: normal; line-height: 18px; }
#site { float: left; margin-top: 20px; margin-left: 50px; margin-right: 50px;}
#site ul { list-style: none; margin-bottom: 10px; }
#site ul li { padding: 0 0 8px 0; display: inline; }
#logos { float: right; margin: 20px 50px 0 0; }
#logos img { vertical-align: middle; padding: 0 25px; }

#copyright{ border-top: 1px solid #d9d8f9; clear: both; padding: 10px 0 10px 50px; margin-top: 0;  }
#copyright p a { font-weight: normal; }

/*----------------------------- IE 5/6 only styles -------------------*/

#rightcolumn { _width/**/: 275px; /* IE 6.0 */ }
.smlimg { _margin/**/: 20px 3px 0 5px; /* IE 6.0 */ }

div#flashbanner
{
	height:284px;
	width:959px;
	margin:0 auto;	
	
}

/* event key indicator*/
table.colorcode td
{
	font-size:10px;
	height:12px;
}
td.school-holiday
{
	
	width:12px;
	border:solid 1px red;
}

td.event-day
{
	width:12px;
	background:#0862AF;
}

td.event-on-holiday
{
	width:12px;
	border:solid 1px red;
	background:#0862AF;
}

/*big calendar*/
#eventkey td
{
	width:120px;
	font-size:10px;
	padding-right:5px;	
}
#eventkey td.key-red
{
	height:15px;
	width:15px;
	background-color:Red;
}
#eventkey td.key-purple
{
	height:15px;
	width:15px;
	background-color:Purple;
}
#eventkey td.key-black
{
	height:15px;
	width:15px;
	background-color:Black;
}
#eventkey td.key-green
{
	height:15px;
	width:15px;
	background-color:green;
}
#eventkey td.key-blue
{
	height:15px;
	width:15px;
	background-color:Blue;
}

#eventkey td.key-gray
{
	height:15px;
	width:15px;
	background-color:Gray;
}

#eventkey td.key-maroon
{
	height:15px;
	width:15px;
	background-color:Maroon;
}

#eventkey td.key-yellow
{
	height:15px;
	width:15px;
	background-color:Yellow;
}

#eventkey td.key-fuchsia
{
	height:15px;
	width:15px;
	background-color:Fuchsia;
}