@charset "UTF-8";
/* CSS Document */

body {
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background: #70C2D8 url(../images/essential-to-schools-back.jpg) top left repeat-x;
}

#wrapper {
width:958px;
margin:0 auto;
}

h1,h2 {
font-size:0.9em;
font-weight:normal;
margin:0;
padding:0 0 10px 0;
}
h5 {
padding:0 0 5px 0;
margin:0;
}
p {
font-size:0.7em;
font-weight:normal;
padding:0 0 4px 0;
margin:0;
}
p.smaller {
font-size:0.625em;
font-weight:normal;
padding:0 0 4px 0;
margin:0;
}

li {
font-size:0.7em;
padding:2px 0;
margin:0;
}
ul {
padding:5px 15px;
margin:0;
}
/*--------------------------------------------------------------- HEADER ------------------------------------------------------------------*/
#header {
float:left;
width:958px;
height:101px;
}

#header img{
border:none;
}

#ets-logo {
width:465px;
float:left;
}

#ets-telno {
width:395px;
float:left;
margin:0 0 0 98px;
}
/*--------------------------------------------------------------- NAV ------------------------------------------------------------------*/
#nav {
clear:both;
width:958px;
}

.navleft {
width:123px;
float:left;
}

.navleft img{
border:none;
}

#navmain {
width:684px;
height:28px;
float:left;
padding:15px 14px 0 14px;
background: url(../images/nav-back.gif) top left no-repeat;
}

.navright {
width:123px;
float:right;
}

#bluebar {
width:684px;
height:28px;
background:url(../images/nav-shine.gif) top left repeat-x;
}
/*----------------------------------------------*/

#homebutton {
width:57px;
float:left;
height:28px;
text-indent:-9999px;
display:block;
}
#homelink a {
float:left;
display:block;
width:57px;
height:28px;
text-decoration:none;
background: url(../images/home.gif) top left no-repeat;
}
#homelink a:hover {
background-position:-57px 0;
}

#homeon a {
float:left;
display:block;
width:57px;
height:28px;
text-decoration:none;
background: url(../images/home.gif) top left no-repeat;
background-position:-57px 0;
}
/*----------------------------------------------*/
#portfoliobutton {
width:71px;
float:left;
height:28px;
text-indent:-9999px;
display:block;
}
#portfoliolink a {
float:left;
display:block;
width:71px;
height:28px;
text-decoration:none;
background: url(../images/portfolio.gif) top left no-repeat;
}
#portfoliolink a:hover {
background-position:-71px 0;
}

#portfolioon a {
float:left;
display:block;
width:71px;
height:28px;
text-decoration:none;
background: url(../images/portfolio.gif) top left no-repeat;
background-position:-71px 0;
}
/*----------------------------------------------*/
#processbutton {
width:145px;
float:left;
height:28px;
text-indent:-9999px;
display:block;
}
#processlink a {
float:left;
display:block;
width:145px;
height:28px;
text-decoration:none;
background: url(../images/our-simple-process.gif) top left no-repeat;
}
#processlink a:hover {
background-position:-145px 0;
}

#processon a {
float:left;
display:block;
width:145px;
height:28px;
text-decoration:none;
background: url(../images/our-simple-process.gif) top left no-repeat;
background-position:-145px 0;
}
/*----------------------------------------------*/
#reportsbutton {
width:151px;
float:left;
height:28px;
text-indent:-9999px;
display:block;
}
#reportslink a {
float:left;
display:block;
width:151px;
height:28px;
text-decoration:none;
background: url(../images/our-school-reports.gif) top left no-repeat;
}
#reportslink a:hover {
background-position:-151px 0;
}

#reportson a {
float:left;
display:block;
width:151px;
height:28px;
text-decoration:none;
background: url(../images/our-school-reports.gif) top left no-repeat;
background-position:-151px 0;
}
/*----------------------------------------------*/
#contactbutton {
width:71px;
float:right;
height:28px;
text-indent:-9999px;
display:block;
}
#contactlink a {
float:left;
display:block;
width:71px;
height:28px;
text-decoration:none;
background: url(../images/contact.gif) top left no-repeat;
}
#contactlink a:hover {
background-position:-71px 0;
}

#contacton a {
float:left;
display:block;
width:71px;
height:28px;
text-decoration:none;
background: url(../images/contact.gif) top left no-repeat;
background-position:-71px 0;
}
/*--------------------------------------------------------------- CONTENT ------------------------------------------------------------------*/
#leftcol {
width:123px;
float:left;
}
#main {
float:left;
width:958px;
}
#rightcol {
width:123px;
float:left;
}

#content {
float:left;
width:662px;
padding:15px 25px 0;
background:url(../images/content-back.gif) top left repeat-y;
color:#373737;
}
#content img{
border:none;
}
.red {
color: #df3d4d;
}
#col1 {
width:375px;
float:left;
}
#col1 a{
color:#00a3f0;
text-decoration:none;
}
#col2 a{
color:#00a3f0;
text-decoration:none;
}
#col2 {
width:277px;
float:left;
margin:0 0 0 10px;
}
#col3 {
width:161px;
float:left;
margin:10px 0 20px 0;
}
.col4 {
width:161px;
float:left;
margin:10px 0 20px 6px;
}
#contentbot {
width:712px;
float:left;
}

.clearfix {
clear:both;
}
#base {
clear:both;
width:712px;
height:53px;
float:left;
padding:0 123px;
}

/*--------------------------------------------------------------- HOME PROMO BOX ------------------------------------------------------------------*/
#promo {
width:261px;
margin:0 8px 10px 8px;
background:url(../images/promo-back.gif) bottom left no-repeat;
}
#promoleft {
float:left;
width: 130px;
margin:4px 0;
border-right: #7fd2f9 solid 1px;
}
#promoright {
margin:4px 0;
float:left;
width:130px;
}
#promobot {
clear:both;
width:261px;
height: 9px;
}
#sides {
float:left;
width:712px;
background-color:#fff;
}
/*--------------------------------------------------------------- PORTFOLIO ------------------------------------------------------------------*/
#portnav {
clear:both;
width:100px;
height:42px;
margin:5px auto;
}
#redarrow {
width:50px;
float:left;
}
#redlink a {
float:left;
display:block;
width:50px;
height:42px;
text-decoration:none;
background: url(../images/red-arrow.gif) top left no-repeat;
}
#redlink a:hover {
background-position:-50px 0;
}
/*----------------------------------------------*/
#greenarrow {
width:50px;
float:left;
}
#greenlink a {
float:left;
display:block;
width:50px;
height:42px;
text-decoration:none;
background: url(../images/green-arrow.gif) top left no-repeat;
}
#greenlink a:hover {
background-position:-50px 0;
}
#more {
display:none;
}
#info {
clear:both;
float:left;
width:662px;
}
/*--------------------------------------------------------------- PROCESS ------------------------------------------------------------------*/

h3.one {
color:#deb114;
font-size:0.9em;
font-weight:normal;
margin:0;
padding:10px 0 2px 0;
}
a.one {
color:#deb114;
text-decoration:none;
}
h3.two {
color:#1988de;
font-size:0.9em;
font-weight:normal;
margin:0;
padding:10px 0 2px 0;
}
a.two {
color:#1988de;
text-decoration:none;
}
h3.three {
color:#2dda17;
font-size:0.9em;
font-weight:normal;
margin:0;
padding:10px 0 2px 0;
}
a.three {
color:#2dda17;
text-decoration:none;
}
h3.four {
color:#dd3b0a;
font-size:0.9em;
font-weight:normal;
margin:0;
padding:10px 0 2px 0;
}
a.four {
color:#dd3b0a;
text-decoration:none;
}
#more01, #more02, #more03, #more04 {
display:none;
}
/*--------------------------------------------------------------- SCHOOL REPORTS ------------------------------------------------------------------*/



/*--------------------------------------------------------------- FOOTER ------------------------------------------------------------------*/
#footer {
width:958px;
float:left;
padding:6px 0;
text-align:center;
color:#126084;
}
#footer a{
color:#126084;
font-weight:bold;
text-decoration:none;
}
#footer p{
padding:0 0 4px 0;
font-size:0.55em;
}
#footer img{
padding:10px 0 0 0;
border:none;
}
/*--------------------------------------------------------------- flipping brochure ------------------------------------------------------------------*/

.view {
	color: #CC0000;
	text-decoration: underline;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}
.view a {
	color: #FFFFFF;
	text-decoration: none;
}