BODY
{
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
TD
{
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.textsplash
{
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
P
{
    MARGIN: 8px 8px 8px 0px
}
.subtext
{
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.linkWhite
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.linkWhite:link
{
    TEXT-DECORATION: underline
}
A.linkWhite:visited
{
    COLOR: #ffffff
}
A
{
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A:link
{
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: #003366
}
A:hover
{
    TEXT-DECORATION: none
}
.crumb
{
    COLOR: #666699;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none
}
.crumblink
{
    COLOR: #666699;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: underline
}
.crumblink:link
{
    COLOR: #666699;
    TEXT-DECORATION: underline
}
.crumblink:visited
{
    COLOR: #666699;
    TEXT-DECORATION: underline
}
.crumblink:hover
{
    TEXT-DECORATION: none
}
.footer
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: underline
}
.footer:link
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
.footer:visited
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
.footer:hover
{
    TEXT-DECORATION: none
}
.grey
{
    COLOR: #aaaaaa;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.textSm
{
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none
}
.white
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.date
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 7pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.navy
{
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.sub
{
    COLOR: #3333ff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
INPUT.text1sm
{
    BACKGROUND: #eeeeee;
    BORDER-BOTTOM: #505560 1px solid;
    BORDER-LEFT: #505560 1px solid;
    BORDER-RIGHT: #505560 1px solid;
    BORDER-TOP: #505560 1px solid;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 10px;
    HEIGHT: 16px;
    WIDTH: 112px
}
INPUT.sign_on
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    HEIGHT: 16px;
    WIDTH: 50px
}
.textsub
{
    COLOR: #333366;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.textheader
{
    COLOR: #333366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
TD.examtd
{
    BACKGROUND: #9c9cce;
    COLOR: #9c9cce;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 8pt
}
TD.examtd_on
{
    BACKGROUND: #ffcc00;
    COLOR: #9c9cce;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 8pt
}
A.whitelink
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.whitelink:link
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.whitelink:active
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.whitelink:visited
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.whitelink:hover
{
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.commonlink
{
    COLOR: #333366;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.commonlink:link
{
    COLOR: #333366;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.commonlink:active
{
    COLOR: #333366;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.commonlink:visited
{
    COLOR: #333366;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.commonlink:hover
{
    COLOR: #111111;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.details
{
    COLOR: #666699;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.details:link
{
    COLOR: #666699;
    TEXT-DECORATION: none
}
A.details:visited
{
    COLOR: #666699;
    TEXT-DECORATION: none
}
A.details:hover
{
    COLOR: #ff0000;
    TEXT-DECORATION: none
}
INPUT.vote
{
    BACKGROUND: #eeeeee;
    BORDER-BOTTOM: #505560 1px solid;
    BORDER-LEFT: #505560 1px solid;
    BORDER-RIGHT: #505560 1px solid;
    BORDER-TOP: #505560 1px solid;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 9px;
    FONT-WEIGHT: bold;
    HEIGHT: 14px;
    WIDTH: 40px
}
INPUT.go
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    HEIGHT: 26px;
    WIDTH: 56px
}
.WHITEnobold
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.navysmall
{
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal
}
INPUT
{
    BACKGROUND: #ffffff;
    BORDER-BOTTOM: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    COLOR: #344056;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 9px;
    HEIGHT: 16px
}
SELECT
{
    BACKGROUND: #ffffff;
    BORDER-BOTTOM: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    COLOR: #344056;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 9px;
    HEIGHT: 16px
}
OPTION
{
    BACKGROUND: #ffffff;
    BORDER-BOTTOM: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    COLOR: #344056;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 9px;
    HEIGHT: 16px
}
INPUT.search
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    HEIGHT: 30px;
    WIDTH: 117px
}
INPUT.searchbox
{
    BACKGROUND: #ffffff;
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    COLOR: #344056;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 9px;
    HEIGHT: 16px;
    WIDTH: 108px
}
INPUT.poll_submit
{
    BORDER: 0;
}

INPUT.poll_click
{
    BORDER: 0;
    BACKGROUND: Transparent;
}
.ks4_box {
	border: 3px double #BFC4DD;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: left;
	padding: 5px;
}


/*new styles for new homepage and left side panel */

ul.teachers_parents_links {
	 margin-left:8px;
	 padding:4px;
	 list-style-type:none;
	 }
ul.teachers_parents_links li {
	padding:3px;
	}

ul.teachers_parents_links a {
	font-weight:bold;
	}
	 
ul.teachers_parents_links a {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
/*new styles for the maths room*/

div#maths_room div.numberline_section {
	
	}


/*new styles for the homepage*/

#slideshow {
	width:620px;
	height:250px;
	background:transparent url(../images/new_homepage/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:540px;
  height:250px;
  overflow:auto; /* allow scrollbar */
  /*position:relative; most recent change Fiona */
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:250px;
  
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:250px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/new_homepage/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/new_homepage/control_right.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 
* {
  margin:0;
  padding:0;
  font:normal 11px Verdana, Geneva, sans-serif;
  color:#ccc;
}
a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}*/

#pageContainer {
  margin:0 auto;
  width:960px;
}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 22px Verdana, "Times New Roman", Times, serif;
  color:#00FFFF;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}



ul.slideshow {
	list-style:none;
	width:110px;
	height:200px;
	overflow:hidden;
	position:relative;
	margin:5px;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

/*ul img {
	border:none;	
}*/


#slideshow-caption {
	width:110px;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:12px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

.slideInner {
	width:620px!important;
	margin-left:20px;
	}

ul.teachers_parents_links {
	 margin-left:8px;
	 padding:2px;
	 list-style-type:none;
	 }
	 
ul.teachers_parents_links li {
	padding:5px 0 5px 0px;
	}
	 
ul.teachers_parents_links li a {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
img.skooolcom_logo {
	margin:5px;
	}
	
a.maths_room_link {
	color:#FFFFFF;
	}
	
a:visited.maths_room_link {
	color:#FFFF00;
	font-size:9pt;
	}
	
a.primary_link {
	color:#FFFFFF;
	font-size:9pt;
	}
	
a:visited.primary_link {
	color:#FFFF00;
	font-size:9pt;
	}
	
a.bloodhound_link {
	color:#FFFFFF;
	font-size:9pt;
	}
	
/* TRIGGER */
*, * focus {outline: none;}
.trigger {s;width: 330px; cursor:pointer;background-color:#9c9ace;}
.trigger a {color: #fff;text-decoration: none;display: block;}
.trigger a:hover { color: #ccc; }
.active {background-position: left -154px;}
.toggle_container {padding: 0;background: #fff;
overflow: hidden;clear: both;margin:0;}
.toggle_container p{margin:0;padding:10px;}
.panel .trigger{float:left;}

/* PANEL */
.panel{position:relative;margin-top:10px;width: 330px;}
.panel_content{background-color:#ffffff;margin:0;}
.panel h4{background-color:#ccccff; color:#FFFFFF; padding:7px;margin:0; font-size:12px;width:195px; float:left; background:none;}
.panel_content ul {list-style-type:decimal;!important}