body{background-color:#41556f;background-image:url(../images/bgdiag-white30.png);min-width:960px;}
.container_16 {margin-left: auto;margin-right: auto;width: 960px;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {display:inline;float: left;position: relative;margin-left: 10px;margin-right: 10px;}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, 
.push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16 {position:relative;}
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
.container_16 .grid_1 {width:40px;}
.container_16 .grid_2 {width:100px;}
.container_16 .grid_3 {width:160px;}
.container_16 .grid_4 {width:220px;}
.container_16 .grid_5 {width:280px;}
.container_16 .grid_6 {width:340px;}
.container_16 .grid_7 {width:400px;}
.container_16 .grid_8 {width:460px;}
.container_16 .grid_9 {width:520px;}
.container_16 .grid_10 {width:580px;}
.container_16 .grid_11 {width:640px;}
.container_16 .grid_12 {width:700px;}
.container_16 .grid_13 {width:760px;}
.container_16 .grid_14 {width:820px;}
.container_16 .grid_15 {width:880px;}
.container_16 .grid_16 {width:940px;}
.container_16 .prefix_1 {padding-left:60px;}
.container_16 .prefix_2 {padding-left:120px;}
.container_16 .prefix_3 {padding-left:180px;}
.container_16 .prefix_4 {padding-left:240px;}
.container_16 .prefix_5 {padding-left:300px;}
.container_16 .prefix_6 {padding-left:360px;}
.container_16 .prefix_7 {padding-left:420px;}
.container_16 .prefix_8 {padding-left:480px;}
.container_16 .prefix_9 {padding-left:540px;}
.container_16 .prefix_10 {padding-left:600px;}
.container_16 .prefix_11 {padding-left:660px;}
.container_16 .prefix_12 {padding-left:720px;}
.container_16 .prefix_13 {padding-left:780px;}
.container_16 .prefix_14 {padding-left:840px;}
.container_16 .prefix_15 {padding-left:900px;}
.container_16 .suffix_1 {padding-right:60px;}
.container_16 .suffix_2 {padding-right:120px;}
.container_16 .suffix_3 {padding-right:180px;}
.container_16 .suffix_4 {padding-right:240px;}
.container_16 .suffix_5 {padding-right:300px;}
.container_16 .suffix_6 {padding-right:360px;}
.container_16 .suffix_7 {padding-right:420px;}
.container_16 .suffix_8 {padding-right:480px;}
.container_16 .suffix_9 {padding-right:540px;}
.container_16 .suffix_10 {padding-right:600px;}
.container_16 .suffix_11 {padding-right:660px;}
.container_16 .suffix_12 {padding-right:720px;}
.container_16 .suffix_13 {padding-right:780px;}
.container_16 .suffix_14 {padding-right:840px;}
.container_16 .suffix_15 {padding-right:900px;}
.container_16 .push_1 {left:60px;}
.container_16 .push_2 {left:120px;}
.container_16 .push_3 {left:180px;}
.container_16 .push_4 {left:240px;}
.container_16 .push_5 {left:300px;}
.container_16 .push_6 {left:360px;}
.container_16 .push_7 {left:420px;}
.container_16 .push_8 {left:480px;}
.container_16 .push_9 {left:540px;}
.container_16 .push_10 {left:600px;}
.container_16 .push_11 {left:660px;}
.container_16 .push_12 {left:720px;}
.container_16 .push_13 {left:780px;}
.container_16 .push_14 {left:840px;}
.container_16 .push_15 {left:900px;}
.container_16 .pull_1 {left:-60px;}
.container_16 .pull_2 {left:-120px;}
.container_16 .pull_3 {left:-180px;}
.container_16 .pull_4 {left:-240px;}
.container_16 .pull_5 {left:-300px;}
.container_16 .pull_6 {left:-360px;}
.container_16 .pull_7 {left:-420px;}
.container_16 .pull_8 {left:-480px;}
.container_16 .pull_9 {left:-540px;}
.container_16 .pull_10 {left:-600px;}
.container_16 .pull_11 {left:-660px;}
.container_16 .pull_12 {left:-720px;}
.container_16 .pull_13 {left:-780px;}
.container_16 .pull_14 {left:-840px;}
.container_16 .pull_15 {left:-900px;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.container { 
	background-color:#fff; 
	font:13px "Trebuchet MS","Lucida Sans","Myriad Web",Arial;
	color:#404040;
	letter-spacing: 0.03em;
	border:solid 1px #99cdff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	 padding: 5px 
}
#main a, #breadcrumbs a {
    -moz-transition: color .35s ease-in;
    -o-transition: color .35s ease-in;
    -webkit-transition: color .35s ease-in;
    color: #243ABC;
    text-decoration: none;
    transition: color .35s ease-in;
    padding: 2px;
    font-weight: bold
}
#main p a:hover, #main .resources-copy a:hover, #main h2 a:hover, #breadcrumbs a:hover {
    -moz-transition: background-color .35s ease-in;
    -o-transition: background-color .35s ease-in;
    -webkit-transition: background-color .35s ease-in;
	background-color: #99cdff;
    transition: background-color .35s ease-in;

}
#header {
	height:70px;
	background:url(../images/logo.jpg) bottom left no-repeat;
	margin-top: 15px; 
}
#header h1 {
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow: 1px 1px 0 rgba(20, 120, 220, .5);
	font: 38px "Trebuchet MS",Tahoma,Verdana,sans-serif; 
	line-height: 69px;
}
#header h1 span {
	padding-left:20px;
	font-size:50px; 
	font-family:"Trebuchet MS",Tahoma,Verdana,sans-serif; 
	font-weight: bold; 
	line-height: 69px;
}
#footer { 
	background-color: #99cdff;
	color:#006;
	letter-spacing: 0.0em; 
	text-align: center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border:1px solid #dadfe7;
}
#leaderboard {
	height: 90px;
}
#banner {
	margin-left: 106px;
}
#breadcrumbs {
	padding:10px 0 25px 0;
	float:left;
}
#search {
	padding:10px 0 25px 0;
	float:right; 
	text-align: right;
}
#search img {
	vertical-align: middle;
}
#breadcrumbs span.plus {
	float: left;
	margin-left: 20px;
	position: relative;
}
.B_crumbBox {
	float:left;
	background-color:#e5e5e5;
	border:1px solid #e1e1e1;
	padding:2px 4px; 
	line-height: 20px; 
	font-size: 1.0em; 
	letter-spacing: 1px; 
}
#side-left .sky-text {
	border:1px solid #ee5000; 
	padding:5px;
	height:588px;
	width:148px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	background-color: #ee5;

}
#side-left .sky-text a:hover {
	background-color: #99cdff;
}    
.intro, .ditto_summaryPost {
	border:1px solid #D9E6DA;
	padding:15px 15px;
	margin: 0 0 7px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.intro { 
	background-color: #eafbff; 
}
.ditto_summaryPost p,.ditto_summaryPost h1 {
	padding:5px 5px;
}

.resources, .news-item {
	float:left;
	position: relative;
	width:100%;
	margin:7px 0;
	border:1px solid #dadfe7;
	background: url(../images/bg-tint.png) repeat-x 0 bottom;
	padding:5px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.resources img {
	float:left;
	margin:5px 15px 15px 15px;
	clear:both;
}

.links_everyschool img, .links_best_games img {
	float:left;
	margin: 15px 15px 15px 15px;
	clear:both;
}
#main a img, #main a:hover, #main a:hover img, #side-left a img, #side-left a:hover, #side-left a:hover img, #side-right a img, #side-right a:hover, #side-right a:hover img {
	text-decoration:none;
	border:none;
	background-color:transparent;
}

.resources h2, .resources h1 {
	margin: 0px 0 0 210px;
	width: 360px;
	clear: right;
}
.resources-copy {
	color: #676767;
	float: right;
	margin: 0 5px 0 0;
	font-size: 10px;
}
.resources p {
	padding: 5px 0 15px 0;
	margin-left:210px;
	width: 350px;
}
a.doc-link {
    position:absolute;
    left:210px;
    bottom: 10px;
    font-size: 11px;
}
a.doc-link-next {
    position:absolute;
    left:210px;
    bottom: 30px;
    font-size: 11px;
}
.news-item p, .news-item h1 {
	padding:0 5px;
	margin: 10px 0 0 20px;
}
.news-item .rss {
	float:right;
	clear:none;
	margin: 5px;
}
.news-item .ditto_info {
	color: #676767;
	float: right;
	margin: 5px 5px 0 0;
	font-size: 12px;
}
#main .rss a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	-khtml-opacity:.8;
	opacity:.8;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:lighter;
	margin:0;
	color:#222;
	letter-spacing: 0.0em;
	line-height:28px;
}
h1 {
	font-size:16px;
	color:#006;
	font-weight: bold
}
h2 {
	font-size:16px;
	color:#af3d0a;
	line-height:28px;
}
h3 {
	padding-left: 5px; 
	padding-bottom: 5px; 
	padding-right: 5px; 
	padding-top: 10px; 
	font-size:14px;
	color:#006;
	background-color:#d9e6da;
}
h4 {
	font-size:18px;
	color:#006;
}
h5 {
	font-size:16px;
	color:#af3d0a;
	line-height:34px;
}
h6 {
	font-size:14px;
	color: #7c9ea2;
	letter-spacing: 0.05em;
	margin-bottom: 5px;
}
.padded {
	padding: 5px 0 0 20px;
}
p {
	line-height:20px;
	margin:5px 0 15px 0;
}
ul#sitemap li {
	line-height:20px;
	margin:5px 0 5px 0;
}
#footer p {
	margin:5px 0; 
	font-size: 14px;
}
#copy {
	width:580px;
	float: left
}
#scroll, #contact {
	width:180px;
	font-size: 1.1em;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: .1em;
	text-transform: lowercase;
	line-height: 50px;
	float: left;
}
#scroll a, #contact a  {
	text-decoration: none;
	background-color: #96bccd;
	padding: 10px 14px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border:1px solid #dadfe7;
	color: #3d3d3d;
	overflow: hidden;
}
#scroll a:hover, #contact a:hover  {
	color: #e3e8ec;
	background-color: #657b8f;
}
h3 span.date {
	float: right; 
	text-align: right; 
	margin-right: 20px;
	padding: 0;	
}
.links_everyschool, .links_best_games {
	color: #648dbb; 
	float:left;
	width:100%;
	margin:7px 0;
	border:1px solid #dadfe7;
	background-color: #D9E6DA;
	padding:10px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	cursor: pointer;
}
.links_everyschool h4, .links_best_games h4 {
	color: #13407f; 
	font-size: 1.0em; 
	background-color:transparent; 
	clear: none; 
	line-height: 1.6em; 
	padding:0 15px 5px 0;
}
.links_best_games h2 {
	color: #13407f; 
	font-size: 1.8em; 
	background-color:transparent; 
	clear: none; 
	line-height: 2.2em; 
	padding:0 15px 5px 0;
}
.links_best_games h4 {
	color: #13407f; 
	font-size: 1.1em; 
	background-color:transparent; 
	clear: none; 
	line-height: 1.5em; 
	padding:0 15px 5px 0;
}
.links_everyschool h4 span {
	color: red; 
	font-weight: bold; 
}
.links_everyschool:hover, .links_best_games:hover {

	background: url(../images/bg-tint.png) repeat-x 0 bottom;
}
.sponsor {
	float:left;
	width:100%;
	margin:7px 0;
	border:1px solid #dadfe7;
	background-color: #f8ebfd;
	padding:10px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.sponsor h3 {
	color: #fff; 
	font-size: 1.2em; 
	background-color: #a28fae;
	letter-spacing:0.05em; 
	padding: 4px 12px; 
	float: left; 
	text-align: left; 
	margin-left: 10px;
}
.sponsor p {clear: both; padding:0 10px ; float: left; margin:10px 0 0 0; line-height: 1.5em}

#bookmarks {width:580px;margin: 10px auto;}

#bookmarks a.cookie { 
	margin: 2px 10px 0 0;
	float: left;
	padding: 3px 5px;
	color:#fff;
	background-color: #657B8F;
	text-decoration: none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	font-weight:normal;
	border: 1px solid #96BCCD;
	font-size: 12px;
}
#bookmarks a.cookie:hover {
	background-color: #99cdff;
}
/* ---- KS2 Numeracy Mini Nav ----- */


#num-nav {
	float: left;
	margin: 10px 0;
	padding:1em 0;
	width: 580px;
	clear: both;
}
#num-nav ul {
	position: relative;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	display: inline;
	font-family:"Trebuchet MS";

}
#num-nav li {
	display: inline;
	font-size: 13px;
	text-align: center;
	margin: 0 10px; 
	line-height: 40px;
}
#num-nav li a {
	padding: 8px 16px;
	color:#fff;
	background-color: #006;
	text-decoration: none;
	letter-spacing: 1px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	font-weight:normal
}
#num-nav li a:hover {
	background-color: #99cdff;
}
#num-nav li a.here {
	background-color: #99cdff;
}

/* ---- Colorbox Elements ----- */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#41556f;}
#cboxTopLeft{width:21px; height:21px; background:url(../images/1controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(../images/1controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/1controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/1controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../images/1controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/1controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/1border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/1border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/1controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/1controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/ajax-loader.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/1controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/* ---- Menu Elements ----- */

#menu {
	width:940px; 
	padding: 10px 0;
	height:40px;
	font-size:1.1em; 
	letter-spacing: 1px; 
	position:relative;
	z-index:100;
	font-family:"Trebuchet MS";
}
#jsddm {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
#jsddm li {	
	float: left;
	list-style: none;
}
#jsddm li a {	
	display: block;
	background: #006;
	padding: 0px;
	text-decoration: none;
	border-right: 1px solid white;
	width: 103px;
	color:#fff;
	white-space: nowrap;
	text-align:center;
	line-height:39px;
}
#jsddm li.last a {
	border-right:none;
	width:105px;
}
#jsddm li.first a {
	width:106px;
}
#jsddm li a:hover, #jsddm li.first a:hover, #jsddm li.last a:hover {	
	background: #99cdff;
}		
#jsddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
}
#jsddm li ul li {
	float: none;
	display: inline;
	margin: 0;
}			
#jsddm li ul li a, #jsddm li ul li.first a, #jsddm li ul li.last a {
	width: auto;
	background: #607799;
	color: #fff;
	padding: 0px 10px;
	border-right: none;
	border-bottom: 1px dotted white;
	min-width: auto;
}
#jsddm li ul li.last a {
	border-bottom: none;
}