/* CSS Document */

/********************************************************/
/******* Copyright Leicester City and County Council ****/
/********************************************************/

div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, em, font, img, strong, dl, dt, dd{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

html, body {
	margin: 0;
	padding: 0;
	background-color: #4C4C4C;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	padding: 0px 4px 10px 4px;
}

.psmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	padding-left:45px;
}

.pwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	padding: 6px;
}

.pblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	padding: 6px;
}

.pfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	margin: 0;
}

.phome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	padding-left: 24px;
}

.imagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style:italic;
	text-align: right;
	color: #666666;
	margin: 0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FFFFFF;
	margin: 0px;
	padding-left: 5px;
	margin-bottom: 15px;
}

.h1home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FFFFFF;
	background-image:url(../images/homeheaderpla.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	padding-left: 24px;
	margin-bottom: 15px;
}

.h1white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FFFFFF;
	background-image: none;
	margin: 6px 5px 35px 10px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FFFFFF;
	margin: 0px;
	padding: 4px 6px 4px 6px;
}

.h2black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	margin: 0px;
	padding-left:45px;
	padding-bottom: 10px;
}

.h2brown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #6b5600;
	margin: 0px;
	padding: 4px 6px 4px 6px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FFFFFF;
	margin: 0px;
	padding: 3px;
}

.quote {
	font-size: 1.2em;
	font-weight: bold;
	color: #999999;
	letter-spacing: 0.05em;
}

.quote cite {
	font-size: 0.8em;
}

img {
  border: 0px;
}

/********************************************************
SITE STRUCTURE
********************************************************/

#gradient {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/gradstrip.jpg);
	background-repeat:repeat-y;
	margin-top: 0px;
}

#wrapper {
	width: 950px;
	height: auto;
	background-color:#FFFFFF;
	overflow:auto;
	margin-left: auto;
	margin-right: auto;
}

#header {
	position: relative;
	width: 950px;
	height: 105px;
	background-image: url(../images/greenstrip.jpg);
	background-repeat:repeat-x;
	background-color: #7FB335;
}

#nav {
	position: absolute;
	width: 627px;
	height: 28px;
	top: 41px;
	left: 310px;
}

#skipnav {
	position: absolute;
	left: -9999px;
}

#accessibilitynav {
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	float: left;
	top: 4%;
	left: 81%;
	overflow: hidden;
}

#bannerwrapperhome {
	position: relative;
	width: 950px;
	height: 230px;
	background-image: url(../images/corner1.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color: #7FB335;
}

#banner {
	position: absolute;
	left: 20px;
	top: 0px;
	width: 910px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#contentwrapperhome {
	overflow: auto;
	height: 100%;
	padding: 7px 20px 10px 20px;
	background-image: url(../images/corner2.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
}

#subnavigation {
	float: left;
	width: 191px;
	background-image: url(../images/subnavgrad.jpg);
	background-repeat:repeat-x;
	background-color: #00579E;
	border:5px solid #005C99;
}

#footer {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	background-color: #7FB335;
}

#footerimage {
	clear: both;
	width: 970px;
	height: 21px;
	background-image: url(../images/corner4.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#footergreenblock {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 10px;
	width: 900px;
	overflow: auto;
	background-color: #8DC643;
}

#footernavigation {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	float: left;
	left: 10px;
	top: 35px;
	width: 500px;
	overflow: hidden;
}

#footericons {
	position: absolute;
	right: 7px;
	top: 15px;
	height: 40px;
}

#arrowbus {
	position: absolute;
	right: 13%;
	top: 1%;
}

#arrowsafe {
	position: absolute;
	right: 30%;
	top: 1%;
}

#arrowprepare {
	position: absolute;
	right: 47%;
	top: 1%;

}


/********************************************************
ALT DIV FOR CONTENT PAGES
********************************************************/


#bannerwrapper {
	position: relative;
	width: 950px;
	height: 230px;
	background-image: url(../images/corner3.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color: #7FB335;
}

#contentwrapper {
	height: 100%;
	overflow: auto;
	padding: 10px 20px;
	background-image: url(../images/corner3.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color: #7FB335;
}

#contentgreenarrow {
	float: right;
	width: 679px;
	height: auto;
	margin-bottom: 15px;
	background-image: url(../images/arrowheadgreenshad.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	border:5px solid #5F892A;
}

#contentbluearrow {
	float: right;
	width: 679px;
	height: auto;
	margin-bottom: 15px;
	background-image: url(../images/arrowheadblueshad.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	border:5px solid #5F892A;
}

#contentorangearrow {
	float: right;
	width: 679px;
	height: auto;
	margin-bottom: 15px;
	background-image: url(../images/arrowheadorangeshad.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	border:5px solid #5F892A;
}

#contentredarrow {
	float: right;
	width: 679px;
	height: auto;
	margin-bottom: 15px;
	background-image: url(../images/arrowheadredshad.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	border:5px solid #5F892A;
}

#contenttranscript {
	width: 450px;
	height: auto;
	margin-bottom: 15px;
	background-image: url(../images/arrowheadgreensmall.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	border:5px solid #5F892A;
}

#contenttranscript p {
	margin-top:0px;
	padding-left: 30px;
	padding-right: 20px;
}

#contenttranscript h1 {
	margin-top:0px;
	text-indent: 2px;
}

#contentleft {
	float: left;
	width: 395px;
	height: auto;
	margin: 0px;
	margin-bottom: 20px;
}

#contentleft p {
	padding-left:45px;
}

#contentleft span {
	font-size: 1.2em;
	font-weight:bold;
	text-indent: 0.1em;
}

#contentimage {
	float: left;
	width: 240px;
	height: auto;
	margin-left: 20px;
	margin-bottom: 20px;
}


/*****ALT DIV FOR INTERVIEW PAGES*****/


#contentinterview p{
	padding-left:45px;
}

#contentinterview {
	float: left;
	width: 320px;
	height: auto;
	margin: 0px;
	margin-bottom: 20px;
}

#contentvideo {
	float: left;
	width: 320px;
	margin-left: 20px;
	margin-bottom: 20px;
}


/*****ALT DIV FOR FOOTER NAV PAGES DISCLAIMER ETC.*****/


#contentleftbig {
	float: left;
	width: 650px;
	height: auto;
	margin: 0px;
	margin-bottom: 20px;
}

#contentleftbig p {
	padding-left:45px;
}

#contentleftbig img {
	padding-left:45px;
}

/*****ALT DIV FOR CHARACTER PAGE*****/

#contentfriends {
	float: left;
	width: 650px;
	height: auto;
	margin: 0px;
	margin-bottom: 20px;
}


/********************************************************
MAIN NAVIGATION
********************************************************/


ul#navigation li {
	display:block;
	float:left;
}

ul#navigation li a {
	display:block;
	outline:none;
	width:205px;
	height:28px;
	color: #000000;
	background:transparent url(../images/navigation.jpg) no-repeat 0 0;
	text-indent:-9009px;
}

ul#navigation li a:hover {
	background-position:0 -30px;
}

ul li#teacherstrainers a {
   width:205px;
   background-position: 0 0;
}

ul li#teacherstrainers a:hover {
   background-position:0 -30px;
}

ul li#teacherstrainers a:active {
   background-position:0 -30px;
}

ul li#students a {
   width:86px;
   background-position: -205px 0;
}

ul li#students a:hover {
   background-position: -205px -30px;
}

ul li#students a:active {
   background-position: -205px -30px;
}

ul li#parentscarers a {
   width:139px;
   background-position: -291px 0;
}

ul li#parentscarers a:hover {
   background-position: -291px -30px;
}

ul li#parentscarers a:active {
   background-position: -291px -30px;
}

ul li#links a {
   width:57px;
   background-position: -430px 0;
}
ul li#links a:hover {
   background-position: -430px -30px;
}

ul li#links a:active {
   background-position: -430px -30px;
}

ul li#contactus a {
   width:95px;
   background-position: -487px 0;
}

ul li#contactus a:hover {
   background-position: -487px -30px;
}

ul li#contactus a:active {
   background-position: -487px -30px;
}


/********************************************************
ACCESSIBILITY NAVIGATION CONTAINED WITHIN HEADER
********************************************************/


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

#headernav li {
	border-right: 1px solid #000;
	float: left;
	line-height: 1.1em;
	padding: 0 5px 0 5px;
	
}

#headernav li a{
	color: #000;
	text-decoration: none;
}

#headernav li a:hover{
	color: #FF0000;
	text-decoration: none;
}


/********************************************************
SUB NAVIGATION ON CONTENT PAGES
********************************************************/


ul#subnav  {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0px;
 	padding: 4px;
	list-style:none;
	outline:none;
	line-height: 1.5em;
}

#subnav li {
	color: #FFFFFF;
}

#subnav  li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

#subnav  li a:hover {
	color: #FFFFFF;
	display: block;
	background: url(../images/subnavhigh.jpg) repeat-x;
	background-position: center;
}

.doubleindent {
	text-indent: 6px;
}

#subnav li.double a:hover {
	color: #FFFFFF;
	display: block;
	background: url(../images/subnavhighdouble.jpg) repeat-x;
	background-position: center;
}

/****Alternative Double navigation block with no indent****/

.double {
	text-indent: 0px;
}

#subnav li.double a:hover {
	color: #FFFFFF;
	display: block;
	background: url(../images/subnavhighdouble.jpg) repeat-x;
	background-position: center;
}

/************************************************************/

.subindent {
	text-indent: 0px;
}

.lastborder {
	border-bottom:1px dashed #99CAEB;
}

/**ie Workround for behavior action on links that open-up**/

.lastborderclear {
	border-bottom:1px solid #007ACD;
}


/********************************************************
HOMEPAGE TABLE ITEMS
********************************************************/

#topheaders {
	margin: 0px;
	margin-bottom: 5px;
	border: 0px;
}

#toprow td {
	background-color:#0374B3;
	border:5px solid #C6DEF2;
	margin: 20px;
	width: 33%;
	vertical-align: top;
}

#topheaders #toprow img  {
	margin-left: 7px;
	border: 0px;
}


#bottomheaders {
	margin: 0px;
	margin-bottom: 15px;
	border: 0px;
}

#bottomrow td {
	background-color: #FFDC4C;
	border: 5px solid #FFF0B3;
	margin: 20px;
	width: 33%;
	vertical-align: top;
}


#bottomheaders #bottomrow img  {
	margin-left: 7px;
	border: 0px;
}


.gobutton  {
	position: relative;
	width: 100%;
	height: 38px;
}


.goimage {
	position: absolute;
	right: 0px;
	bottom:0px;
}


/********************************************************
MEET OUR FRIENDS LIST ITEMS
********************************************************/


ul#friends  {
	list-style-type: none;
	display:block;
	margin: 0px;
	padding-left:45px;
}

ul#friends img  {
	margin-left: 0px;
	border: 0px;
}

#friends li  {
	position: relative;
	float: left;
	margin: 0px 25px 25px 0px;
	height: 100%;
}

#friends li a {
	display:block;
	list-style-type: none;
	text-decoration:none;
}

li#carl {
	width: 175px;
	height: auto;
	border-bottom: 2px solid #FFA914;
}
	
li#saul {
	width: 175px;
	height: auto;
	border-bottom: 2px solid #D6000C;
}
	
li#kayleigh {
	width: 175px;
	height: auto;
	border-bottom: 2px solid #0173CB;
}
	
li#becky {
	width: 175px;
	height: auto;
	border-bottom: 2px solid #FFA914;
}
	
li#jazz {
	width: 175px;
	height: auto;
	border-bottom: 2px solid #D6000C;
}
	
li#jack {
	width: 175px;
	height: auto;
	border-bottom: 2px solid #0173CB;
}
	

/********************************************************
ACTIVITY LIST ITEM ORANGE - RED - BLUE
********************************************************/


ul#orange  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	list-style-type: none;
	display:block;
	margin: 0px;
	padding: 0px;
	padding-left:40px;
}

#orange  li  {
	position: relative;
	margin: 5px;
	background-image: url(../images/gradstriporange.jpg);
	background-repeat: repeat-x;
	margin-bottom: 25px;
	padding-left: 10px;
}

#orange  li a {
	display:block;
	list-style-type: none;
	text-decoration:none;
}


/*********************************************************/


ul#red  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	list-style-type: none;
	display:block;
	margin: 0px;
	padding: 0px;
	padding-left:40px;
}

#red  li  {
	position: relative;
	margin: 5px;
	background-image: url(../images/gradstripred.jpg);
	background-repeat: repeat-x;
	margin-bottom: 25px;
	padding-left: 10px;
}

#red  li a {
	display:block;
	list-style-type: none;
	text-decoration:none;
}


/*********************************************************/


ul#blue  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	list-style-type: none;
	display:block;
	margin: 0px;
	padding: 0px;
	padding-left:40px;
}

#blue  li  {
	position: relative;
	margin: 5px;
	background-image: url(../images/gradstripblue.jpg);
	background-repeat: repeat-x;
	margin-bottom: 25px;
	padding-left: 10px;
}

#blue  li a {
	display:block;
	list-style-type: none;
	text-decoration:none;
}

.goactivity {
	position: absolute;
	top: -10px;
	left: 280px;
}


/********************************************************
FOOTER NAV STYLE
********************************************************/


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

#footernav li {
	border-right: 1px solid #FFF;
	float: left;
	line-height: 1.1em;
	padding: 0 5px 0 5px;
	
}

#footernav li a{
	color: #FFFFFF;
	text-decoration: none;
}

#footernav li a:hover{
	color: #000099;
	text-decoration: none;
}