@charset "utf-8";
/* Basildon */

body { padding: 0; margin: 0; background: url(IMAGES/bodyBg.jpg) repeat-x #656565; font-size:small; color: #4d4d4d; font-family: Trebuchet MS, sans-serif;
}

.clearer {clear: both;}
a:active {outline: none; }
a:focus { -moz-outline-style: none; }
a{outline: none;}
img {border:none;}
h1,h2,h3,h4,h5 {padding: 0; margin: 0;}
a {color: #4b4b49; text-decoration: none;}
a:hover {color: #000;}

#shell {width: 950px; margin: 30px auto 0px auto; border: 2px solid #000;}
#logo {background: url(IMAGES/logo.jpg) top left no-repeat;width: 461px; height: 103px; }
#mainContainerTop { background: url(IMAGES/topContainer.gif) top center no-repeat; height: 28px;}
#mainContainer {background: #fff; padding: 0px 20px; }
#blueContainer {border: 28px solid #342a66; padding: 2px; }
#mainContainerBottom {background:url(IMAGES/bottomContainer.gif)top center no-repeat; height: 28px;}
#leftColumn {width: 336px; float: left; background: url(IMAGES/leftColumnImage.jpg) bottom left #cfbd8d no-repeat; height: 900px; }
#leftColumnAcademy {width: 336px; float: left; background: url(IMAGES/students.jpg) bottom center #d7bf91 no-repeat; height: 900px; }
#rightColumn {width: 484px; float: left; padding: 15px; }

h1 {font-size: 4em; color: #a39162; }
h2 {font-size:1.5em; color: #a39162; margin: 20px 0px;  }
h3 {font-size: 1.3em; color: #a39162;padding: 20px 0px; }

#nav {margin:px 0px; }
#nav ul, #nav li {list-style:none; margin: 0; padding: 0;}
#nav li {float: left;}
#nav a {background: url(IMAGES/navBg.gif) no-repeat 0 0; width: 134px; height: 25px; display: block; margin-right: 5px; padding: 20px 15px 0px 15px; color: #fff; font-weight:bolder;}

#nav a:hover {background-position:  -164px 0; color: #000;}
#nav a.selected {background-position: -164px 0; color: #000; }

#footer { margin: auto;  width: 940px; padding: 30px 0 10px 10px;  color: #d2e3f4;  background: #000; border: 2px solid #000; }
#footer a {color: #a4cffb;}
#footer a:hover {color: #fff;}
#footer img {float: left; margin: -7px 10px 10px 10px; }

.contactEmail {display: block; padding: 10px; background: #f7e3bc; width: 180px;}
.contactEmail:hover {background: #f8eedb;}

.contactDetails {background:#fbeed6; padding: 10px; width: 300px; }

/****job details*****/

a.apply{ display: -moz-inline-box; display: inline-block; clear: none; margin: 1em 1em 1em 0; font-size: 1.2em; width: 143px; padding: 8px 20px; background:  #ccbf9d; text-align: center; text-decoration: none; color: #fff; font-weight:bold; }
a.apply:hover, a.apply:focus { background: #ccc2a7;  }


/***applyform***/
#applyform {margin-top: 0px; margin-bottom: 20px; color: #01b1ed;  background: #f1f8ff;text-align: left;  border: 4px solid #66a0db; padding: 10px; width: 460px; text-transform: uppercase; line-spacing: 1em; }
#applyform form { margin: 0; padding: 0;}

#applyform fieldset { border: 0; padding: 0; margin: 0; }

#applyform label { vertical-align: top; line-height: 1.6em; }

#applyform ol { list-style: none; margin: 0; padding: 0; }

#applyform li { list-style: none; margin: 0; padding: 10px 0 10px 0; border-bottom: #8fa2ae solid 1px; border-top: #c7d9e4 solid 1px; }

#applyform input { width: 300px; padding: 2px; font-size: small; font-family: Arial, Helvetica, sans-serif; }

#applyform select { width:300px; padding: 2px; font-size: small; font-family: Arial, Helvetica, sans-serif; }

#applyform input.radio { width: auto; margin-right: 2em; }

#applyform input.Submit { width: 10em;  font-weight: bold;  }

#applyform textarea { width: 300px; padding: 2px; font-size: small; font-family: Arial, Helvetica, sans-serif; background: #FFFFFF; }

#applyform .border { border: #8fa2ae solid 1px;}

#applyform file { width: 400px; padding: 2px; font-size: small; font-family: Arial, Helvetica, sans-serif; border: #999999 solid 1px; background: #FFFFFF;}

#applyform li.startinput { border-top: none; padding-top: 0; }

#applyform li.endinput { border-bottom: none; padding-bottom: 0;}

#applyform p { margin: 0; }

#applyform.attach {color: #FF0000;}