/*MAIN STYLE SHEET*/

/*HTML TAGS START*/
body {
  margin:0;
  padding:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  color:#346697;
  size:11pt;
 }

ul{
	list-style-type:none;
	padding:0;
	margin:0;
}

li{
	padding:0;
	margin:0;
}

br.clear{
	clear:both;
}

h1,h2,h3,h4{
	display:none;
	padding:0;
	margin:0;
}

img{
	border:0;
	padding:0;
	margin:0;
}

a, a:hover, a:visited{
	text-decoration:none;
}	


/*HTML TAGS END*/

/*MAIN BLOCKS START*/  

#mainbody{	
	margin: 10px auto 0 auto;
}

div#sections{
	width:768px;
	\width:770px;
	w\idth:768px;
	height:55px;
}
div#sectionsnew{
	width:768px;
	height:23px;
}
div#resources{
	width:768px;
	\width:770px;
	w\idth:768px;	
	height:167px; /* 204*/
	background-color:#FFF;

	position:relative;
}

div#resources_foundation{
	width:748px;
	\width:740px;
	w\idth:748px;	
	/*height:167px; // 204
	\height:148px; // 204
	h\eight:167px; // 204 */
	background-color:#FFF;
	border:0;
}

div#content{
	width:768px;
	\width:770px;
	w\idth:768px;
	margin:0;
	padding:0;
}

#content br{
	line-height:0.4em;
}

/*MAIN BLOCKS END*/

/* HEADER END */

/*CLOE logo home link*/
a.logo, a.logo:hover, a.logo:visited{
	width:310px;
	height:54px;
	background: url(../graphics/cleo_lg_bg.gif) 20px 0 no-repeat;
	text-indent: -9999999px;		
	float:left;	
	overflow: hidden;
	margin:0;
	padding:0;
	border:0;	
}
/*section tabs/navigation*/

div#sections ul{
	float:right;
	margin:33px 0 0 0;
	width:335px;
	height:21px;
}

.home_current{
	background: url(../graphics/sections_bg.gif) 0 0 no-repeat;
	border:0;
}
.home_currentnew{
	background: url(../graphics/subjects_newbg.gif) 0 0 no-repeat;
	border:0;
}


.subject_current{
	background: url(../graphics/subjects_bg.gif) 0 0 no-repeat;
	border:0;
}


.magic_current{
	background: url(../graphics/magic_bg.gif) 0 0 no-repeat;
	border:0;
}


.foundation_current{
	background: url(../graphics/foundation_bg.gif) 0 0 no-repeat;
	border:0;
}


div#sections ul li{
	display:inline;
}

div#sectionsnewc ul li{
	display:inline;
}


a.foundation, a.foundation:hover, a.foundation:visited {
	width:102px;
	height:21px;
	text-indent: -9999999px;		
	float:left;	
	overflow: hidden;
	margin:0;
	padding:0;	
} 
a.foundationnew, a.foundationnew:hover, a.foundationnew:visited {
	width:185px;
	height:21px;
	text-indent: -9999999px;		
	float:left;	
	overflow: hidden;
	margin:0;
	padding:0;
} 

a.subjects, a.subjects:hover, a.subjects:visited {
	width:121px;
	height:21px;
	text-indent: -9999999px;		
	float:left;	
	overflow: hidden;
	margin:0;
	padding:0;	
} 
#resourcesmovie {
}
#grid {
}
a.subjectsnew, a.subjectsnew:hover, a.subjectsnew:visited {
	width:167px;
	height:21px;
	text-indent: -9999999px;		
	float:left;	
	overflow: hidden;
	margin:0;
	padding:0;
} 

a.magicwall, a.magicwall:hover, a.magicwall:visited {
	width:112px;
	height:21px;
	text-indent: -9999999px;		
	float:left;	
	overflow:hidden;
	margin:0;
	padding:0;	
}
a.magicwallnew, a.magicwallnew:hover, a.magicwallnew:visited {
	width:171px;
	height:21px;
	text-indent: -9999999px;		
	float:left;	
	overflow:hidden;
	margin:0;
	padding:0;	
}
a.linkteaching, a.linkteaching, a.linkteaching {
	width:171px;
	height:21px;
	text-indent: -9999999px;		
	float:left;	
	overflow:hidden;
	margin:0;
	padding:0;	
}
a.archivenew, a.archivenew:hover, a.archivenew:visited {
	width:120px;
	height:21px;
	text-indent: -9999999px;		
	float:left;	
	overflow:hidden;
	margin:0;
	padding:0;	
}
a.sitemapnew, a.sitemapnew:hover, a.sitemapnew:visited {
	width:121px;
	height:21px;
	text-indent: -9999999px;		
	float:left;	
	overflow:hidden;
	margin:0;
	padding:0;
}


/*resources navigation*/
div#resources ul{
	padding:0 0 0 45px;

}

div#resources ul.top{
	padding:75px 0 0 45px;
}

div#resources li{
	padding:3px 9px 3px 5px ;
	display:inline;
	float:left;
}

ul#foundation_list{
	margin:17px 250px 0 0;
	float:right;
}

ul#foundation_list li{
	padding:2px 0 3px 0 ;
	clear:left;
}


div#resources a{
	text-decoration: none;	
	display: block;		
	width:25px;
	height:16px;
	text-indent: -9999999px;		
	overflow: hidden;
	text-align:left;
}

div#resources ul.magicwall_icon li a{
	background: transparent url(../graphics/magicwall_icon.gif) 50% 50% no-repeat;
}

div#resources ul.keystage_icon li a{
	background: transparent url(../graphics/arrow.gif) 50% 50% no-repeat;
	Xborder:1px solid #000000;
}
div#resources ul.keystage_icon li.disabledRes{
	background: transparent url(../graphics/arrow-faded.gif) 50% 50% no-repeat;
	display: block;		
	width:25px;
	height:16px;
	text-indent: -9999999px;
	overflow: hidden;
	padding:0;
	margin:3px 9px 3px 5px;
	Xborder:1px solid #000000;
}

div#resources ul.magicwall_icon li.disabledRes{
	background: transparent url(../graphics/magicwall_icon-faded.gif) 50% 50% no-repeat;
	display: block;		
	width:25px;
	height:16px;
	text-indent: -9999999px;
	overflow: hidden;
	padding:0;
	margin:3px 9px 3px 5px;
	Xborder:1px solid #000000;
}


div#resources_foundation{
	padding:19px 0 0 20px;
}

div#resources_foundation ul{
	padding:0;
	margin:0;
	list-style:none;
}

div#resources_foundation li{
	width:735px;
	height:21px;
	margin:0;
	padding:0;
}


div#resources_foundation a{
	height:21px;
	width:735px;
	display:block;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}

div#resources a#archive{
	float:right;
	display:block;
	position:absolute;	
	width:22px;
	height:87px;
	text-indent: 0px;	
	right:-1px;
	bottom:4px;	
	overflow: hidden;
}	

li.communication{
	background:transparent url(../graphics/communication_bt.gif) no-repeat 0 0;
}

li.mathematics{
	background:transparent url(../graphics/mathematical_bt.gif) no-repeat 0 0;
}

li.mathematics{
	background:transparent url(../graphics/mathematical_bt.gif) no-repeat 0 0;
}

li.development{
	background:transparent url(../graphics/development_bt.gif) no-repeat 0 0;
}

li.physical{
	background:transparent url(../graphics/physical_bt.gif) no-repeat 0 0;
}

li.creative{
	background:transparent url(../graphics/creative_bt.gif) no-repeat 0 0;
}

li.person{
	background:transparent url(../graphics/personal_bt.gif) no-repeat 0 0;
}



/*resources backgrounds*/

.keystage_bg, .magicwall_bg {
	background: transparent url(../graphics/subject_magic_bg.gif) 0 3px no-repeat;
	border:0;
} 

.foundation_bg {
	background: transparent url(../graphics/foundation_bg.gif) 0 0 no-repeat;
	border:0;
} 

/*content navigation*/
div#content{
	font-size:0.6em;
}

div#content ul.list_middle{
	float:left;
	padding:0;
	margin:0;
	width:768px;
}

div#content ul.list_top{
	float:left;
	padding:0;
	margin:0px 0 0 0;
	width:768px;
}

div#content ul.list_bottom{
	float:left;
	padding:0;
	margin:0 0 5px 0;
	width:768px;
}

div#content ul.list_bottom2{
	float:left;
	padding:0;
	margin:0 0 5px 0;
	width:768px;
}

div#content ul li{
	display:block;
	float:left;
	margin:0 15px 0 0;
	padding:0 0 5px 0;
	width:227px;
}

div#content ul li.left{
	margin:0 12px 0 15px;
}

div#content li a{
	text-decoration: none;
	margin:0;
	padding:0;
	color:#346697;
}

a.sitemap, a.sitemap:hover, a.sitemap:visited {
	width:153px;
	height:21px;
	background: url(../graphics/sitemap.gif) 0 0px no-repeat;
	text-indent: -9999999px;		
	float:right;	
	overflow: hidden;
	margin:0;
	padding:0;	
	border:0;
} 

a.tp_left, a.tp_left:hover, a.tp_left:visited{
	height:15px;
	width:227px;
	background: url(../graphics/newsevents.jpg) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.md_left, a.md_left:hover, a.md_left:visited{
	height:15px;
	width:227px;
	background: url(../graphics/spring_bg.gif) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.bt_left, a.bt_left:hover, a.bt_left:visited{
	height:15px;
	width:227px;
	background: url(../graphics/casestudies_bg.gif) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.tp_middle, a.tp_middle:hover, a.tp_middle:visited{
	height:15px;
	width:227px;
	background: url(../graphics/artisancam.jpg) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.md_middle, a.md_middle:hover, a.md_middle:visited{
	height:15px;
	width:227px;
	background: url(../graphics/videoconf_bg.gif) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.bt_middle, a.bt_middle:hover, a.bt_middle:visited{
	height:15px;
	width:227px;
	background: url(../graphics/rbcresources_bg.gif) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}


a.bt2_nen, a.bt2_nen:hover, a.bt2_nen:visited{
	height:15px;
	width:227px;
	background: url(../graphics/videoconf_bg.gif) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}


a.tp_right, a.tp_right:hover, a.tp_right:visited{
	height:15px;
	width:227px;
	background: url(../graphics/broadband_bg.gif) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.md_right, a.md_right:hover, a.md_right:visited{
	height:15px;
	width:227px;
	background: url(../graphics/learningplatforms_bg.gif) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.bt_right, a.bt_right:hover, a.bt_right:visited{
	height:15px;
	width:227px;
	background: url(../graphics/contentclub.gif) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.md_mahara, a.md_mahara:hover, a.md_mahara:visited{
	height:15px;
	width:227px;
	background: url(../graphics/mahara_bg.gif) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.tp_midas, a.tp_midas:hover, a.tp_midas:visited{
	height:15px;
	width:227px;
	background: url(../graphics/midas_bg.gif) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.bt2_expresso, a.bt2_expresso:hover, a.bt2_expresso:visited{
	height:15px;
	width:227px;
	background: url(../graphics/broadband_bg.gif) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}

a.bt2_digital, a.bt2_digital:hover, a.bt2_digital:visited{
	height:15px;
	width:227px;
	background: url(../graphics/digital_bg.gif) 0 0 no-repeat;
	text-indent: -9999999px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}





/*NAVIGATION END*/

/*ACCESSIBILTY*/

/*access keys list*/ 

.hide {display:none;}
.keys {display:none;}
.keys a{position:absolute; top:-1000px;}

/*ACCESSIBILTY END*/