/* CSS Document */

body {
	font: 62.5% "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #079DD6;
}
#container {
	width: 950px;
	text-align: left;
	background: #2bbff7 url(images/blend-bg.jpg) bottom left no-repeat;
	/*min-height: 910px;*/
	margin:0px auto;
}

#mainContent {
	padding: 5px 0 150px 0;
	background: url(images/illustration.png) bottom left no-repeat;
	/*min-height: 910px;*/
	width: 950px;
	
}
#innerContent {
	padding:0; 
	/* margin:0 auto; */
	width: 890px;
	position:relative;
	top:0px; left:30px;
}
#container #mainContent #innerContent #topright #loginform {
	background: url(images/formback.gif) right top no-repeat;
	height:50px;
	padding:13px 10px 0 0;
}
/************* Home page flags ******************/

#home-flags {
	padding:0; 
	/* margin:0 auto; */
	width: 880px;
	height:600px;
	/*position:absolute;
	top:200px; left:30px; */
}

#english {
	width:390px;
	/*height:200px;*/
	margin:0 0 30px 0;
	text-align:center;
font-weight:bold;
Font-size:150%;
}
#english p a, #english p a:link {
	color:#000000; text-decoration:none;
} 
#english p a:hover, #english p a:visited {
	color: Navy;
} 

#welsh {
position:relative;
top:-462px;
left:470px;
	width:390px;
	/*height:200px;*/
	text-align:center;
	font-weight:bold;
Font-size:150%;
}

#welsh p a, #welsh p a:link {
	color:#000000; text-decoration:none;
} 
#welsh p a:hover, #welsh p a:visited {
	color: Navy;
} 
/************* Home page 3 boxes ****************/

#container #mainContent #innerContent #boxes {
	margin: 0px;
	padding: 0px;
	text-align:left;
	height: 214px;
	
}
#container #mainContent #innerContent #boxes #box1{
	margin: 0px;
	padding: 0px;
	width: 212px;
	height: 214px;
	background: url(images/boxes_01.png) top left no-repeat;
	float:left;
	
}
#container #mainContent #innerContent #boxes #box2{
	margin: 0px;
	padding: 0px;
	width: 239px;
	height: 214px;
	background: url(images/boxes_02.png) top left no-repeat;
	float:left;
}
#container #mainContent #innerContent #boxes #box3{
	margin: 0px;
	padding: 0px;
	width: 238px;
	height: 214px;
	background: url(images/boxes_03.png) top left no-repeat;
	float:left;
}
#container #mainContent #innerContent #boxes #box4{
	margin: 0px;
	padding: 0px;
	width: 68px;
	height: 214px;
	background: url(images/boxes_04.png) top left no-repeat;
	float:left;
}

.boxcontent
{/*margin:0 30px 5px 40px;*/
padding:5px 30px 5px 15px;
margin-top:-7px;
font-size:90%;}

.boxcontent2
{/*margin:0 30px 5px 40px;*/
padding:5px 30px 5px 40px;
margin-top:-7px;
font-size:90%;}



/*************  End home page boxes ***************/

#container #mainContent #innerContent h1 {
	width:510px;
	min-height:75px; 
	/*background-image: url(images/mainTitle.png);*/
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:25px;
	color:#fff;
	
}

#container #mainContent #innerContent h1 span.bigger {font-size:200%; color:#fff; /*display:none;*/}

#container #mainContent #innerContent h1.notitle {
	font-size:5em;
	background:none;
	background-image: url(images/blank.png);
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFF;
	margin-bottom:-15px;
	margin-left:20px;
	text-transform:uppercase;
} 

#container #mainContent #innerContent h1.notitle-admin {
	font-size:5em;
	background:none;
	background-image: url(images/blank.png);
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFF;
	margin-bottom:5px;
	text-transform:uppercase;
}

#container #mainContent #innerContent h1.notitlehome {
	font-size:8em;
	background:none;
	background-image: url(images/blank.png);
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFF;
	margin-bottom:-30px;
	margin-left:20px;
	text-transform:uppercase;
}

/*Typography */
h1 {font-size:5em; line-height:90%;}
h2 {font-size:3.5em;}
h3 {font-size:2em;}
h4 {font-size:1.8em;}
h5 {font-size:1.2em;}
h6 {font-size:1.0em;}
h6.email {font-size:1em; color:#fff; font-weight:100; margin:10px 0; padding:0;}
p {font-size:1.4em;}

a, a:link {color:blue; text-decoration:underline;}
a:visited {color:#303;}
a:hover { color:#C00;}
a:active { color: red;}

div.boxcontent h2, div.boxcontent2 h2 {
	font-size:2.3em;
	line-height:90%;
	color:navy;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: -5px;
	margin-left: 3px;
}

div.boxcontent p, div.boxcontent2 p { margin:10px 0 0 35px; height:100px;} 
 
div.boxcontent h2 a, div.boxcontent2 h2 a,
div.boxcontent p a, div.boxcontent2 p a { text-decoration:none; font-size: 95%;}  
 
div.button1 {bottom:0px;text-align:right; width:160px; margin-top:100px;}

#container #mainContent #innerContent #topright {
	text-align: right;
	float: right;
	height: 50px;
	width: 250px;
	margin-right: 30px;
}
.openingPara {
	font-size: 2.5em;
	margin: 10px 300px 20px 20px;
}
div.pagePara, p.pagePara {
	font-size: 1.5em;
	margin: 0px 300px 20px 20px;
}


#container #mainContent #innerContent #singlepagebox {
	background: url(images/bigbox.png) left top no-repeat;
	padding: 20px;
	height: 360px;
	width: 845px;
	overflow: hidden;
}

 #singlepagebox2 {
	/*background: url(images/bigbox.png) left top no-repeat;
	overflow: hidden;
	height: 360px; 
	padding: 20px;*/
	width: 845px;
	margin:0; padding:0;
}

#singlepagebox2 #boxhead {
width:724px;
height:26px;
padding:0; Margin:0;
}

#singlepagebox2 #boxcentre{
width:724px;
background: url(images/main-box_02.gif) left top repeat-y;
margin:0; padding:0;
}

#singlepagebox2 #boxbottom{
position:relative;
top:-10px;
width:724px;
height:128px;
background: url(images/main-box_04.gif) left top no-repeat;
}

#singlepagebox2 #NOboxbottom{
/*position:relative;
top:-10px; */
width:724px;
height:48px;
background: url(images/main-box-bottom.png) left top no-repeat;
}


#singlepagebox2 #singleBoxContent {
	width: 625px;
	/*overflow: auto; height: 300px; */
	margin:0;
	padding:0 0 30px 20px;
}


div.subbox {
	width:80px;
	height:80px;
	padding:0 5px 0 5px;
	margin:18px 0 0 22px;
	float:left;
	text-align:right;
}

div.subboxOne {
	width:88px;
	height:80px;
	padding:0;
	margin:18px 6px 0 21px;
	float:left;
	text-align:right;
}

div.subboxOne h6 a, div.subboxOne h6 a:link, div.subbox h6 a, div.subbox h6 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:red;
	text-transform: none;
	text-decoration:none;
}
div.subboxOne h6 a:hover, div.subbox h6 a:hover{
	text-decoration:underline;
}

#container #mainContent #innerContent #singlepageNObox {
	padding: 20px;
	width: 680px;
}

#tables {
	width:825px;
	/* min-height:400px; */
	clear:both;
}
#tables table {
	margin:0 0 20px 25px;
	float:left;
}

.nextSection {
	background: url(images/next-section.png) left top no-repeat;
	height: 92px;
	width: 88px;
	padding: 10px 60px 10px 10px;
	position:relative;
	top:-145px;
	margin-left:735px;
}

div.nextSection a:hover{
	text-decoration:underline;
}

#container #mainContent #innerContent #singlepagebox #singleBoxContent {
	height: 300px;
	width: 625px;
	overflow: auto;
	margin:0;
	padding:0;
}


#singleBoxContent h2, h3, h6 {margin:0; padding:0; text-transform:uppercase;}

#container #mainContent #innerContent #singlepagebox #singlePageLinks {
	height: 20px;
	width: 600px;
	border-top: 1px solid navy;
	padding:5px 0;
	margin:0;
}

#nextlevel {width:625px; padding:5px 0; border-top:1px dotted #000; font-size:110%;}

#container #mainContent #innerContent #footerLinks {
	margin-left: 20px; width:600px;
}

#container #mainContent #innerContent h1.primaryTitle {
	width:510px;
	height:115px;
	background-image: url(images/primarySchool.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:-25px;
}

#container #mainContent #innerContent h1.primaryTitle span {display:none;}

#container #mainContent #innerContent h1.secondaryTitle {
	width:510px;
	height:115px;
	background-image: url(images/secondarySchool.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:-25px;
}

#container #mainContent #innerContent h1.secondaryTitle span {display:none;}



#container #mainContent #innerContent h1.furtherEdTitle {
	width:510px;
	height:115px;
	background-image: url(images/furtherEd.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:-25px;
}

#container #mainContent #innerContent h1.furtherEdTitle span {display:none;}

.nextSection h5, .nextSection h5 a, .nextSection h5 a:link{
	text-transform: uppercase;
	color: navy;
	text-decoration:none;
}

.nextSection h5 a:visited {color:#303;}

.nextSection h5 a:hover {color:#C00;}

.nextSection h5 a:hover {color:red;}#container #mainContent #credits {

	height: 40px;
	/*width: 300px;
	*/
	margin-left: 620px;
	margin-bottom: 15px;
	position: fixed;
	margin-top: 105px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:right;
}

#credits a, #credits a:link {color:#fff;}
#credits a:hover {color:red;}
td.admintable {border-bottom:1px solid #fff; padding-left:5px;}

h2.warning {color:red; font-size:140%;}

div.subboxOne h6 a, div.subbox h6 a,
div.subboxOne h6 a:link, div.subbox h6 a:link, 
div.subboxOne h6 a:visited, div.subbox h6 a:visited {font-size:1.2em; line-height:140%; color:#000;  font-stretch: condensed; }

div.subboxOne h6 a:hover, div.subbox h6 a:hover {font-size:1.2em; line-height:140%; color:blue; font-stretch: condensed; }
.spacer {clear:both;}

#container #mainContent #credits a, #container #mainContent #credits a:link {
	color: #0000FF;
}
#container #mainContent #innerContent #home-flags #english h1 {
	font-size: 5em;
	width:390px;
}
#container #mainContent #innerContent #home-flags #welsh h1 {
	font-size: 5em;
	width:390px;
}
#container #mainContent #innerContent #topright #loginform form input.button {
	width: 85px;
}
.filelist {
	background-color: #9FF;
	float: left;
	width: 350px;
	margin-left: 15px;
	padding: 10px;
}
div.filelist p a {
	font-size: 12px;
	line-height: 70%;
}


#logos {float:right; margin-right:30px;}
