/* CSS Document */

body {
font: 0.8em/2em "trebuchet MS", Verdana, Arial, sans-serif;
margin:30px;
padding:0;
background: #000 url(../assets/generic/sts-background.jpg) top center fixed;
color:#fff;
}

#container {
margin:0;
padding:0;
float:left;
border: 1px solid #F60;
width:100%;
min-width: 780px;
background:url(../assets/generic/home-transbg.png) repeat;
}

#header {
height: 140px;
padding: 0 10px;
margin:0;
}

/* header styles */

#header h1{
float: left;
width: 165px;
height: 110px;
background: url(../assets/generic/sts-logo.gif) no-repeat;
text-indent: -9999px;
margin:10px 0 0 0;
padding:0;
}

#header h2{
float: right;
width: 367px;
height: 33px;
background: url(../assets/generic/sts-logo-tag.png);
text-indent: -9999px;
margin:45px 0 0 0;
padding:0;
}

/* homepage styles */

#wrapper{
float:left;
width:100%;
}

#content{
margin-right: 550px;
padding:0.8em;
}

#content b {
color:#f60;
}

#content h3 {
margin:0;
padding:0;
width:297px;
height:15px;
text-indent:-9999px;
background: url(../assets/home/welcome.png) no-repeat;
}

#content h4 {
margin:0;
padding:0;
text-indent:-9999px;
}

#content h4 a:link, #content h4 a:visited {
display:block;
width:259px;
height:37px;
background: url(../assets/home/enter.png) no-repeat;
}

#content h4 a:hover, #content h4 a:active {background: url(../assets/home/enterr.png) no-repeat;}

#news {
background:#000;
border: 1px solid #f60;
float:left;
width:168px;
min-height: 413px;
margin: 0.4em 10px 10px -180px;
padding:0;
}

#news h4 {
background: #f60;
margin:0;
padding:0;
text-indent:-9999px;
background: #f60 url(../assets/home/latest-news.gif) no-repeat;
}

#news p {
padding: 0.4em;
font-size:0.9em;
line-height: 1.6em;
text-align:justify;
}

#news p b {
color: #f60;
font-size: 1em;
}

#news a:link, #news a:visited {color: #f60; text-decoration:none;}
#news a:hover, #news a:active {color: #fff;}

#news a.white:link, #news a.white:visited {color: #fff; text-decoration:underline}
#news a.white:hover, #news a.white:active {color: #f60; text-decoration:none;}

/* homepage ADVERT styles */

#ads {
float:left;
width:350px;
margin-left:-540px;
margin-bottom:1em;
padding:0;
}

#ads h3 {
text-indent:-9999px;
margin:0;
padding:0;
}

#ads p {
font-size: 0.9em;
font-weight:bold;
line-height: 1.1em;
width: 120px;
margin:0;
padding:0;
}

#ads a:link, #ads a:visited {text-decoration:none;color: #fff;}
#ads a:hover, #ads a:active {text-decoration:none;color: #F60;}

#ads a.black:link, #ads a.black:visited {text-decoration:none;color: #000;}
#ads a.black:hover, #ads a.black:active {text-decoration:none;color: #F60;}

#ads #chefing, #ads #it, #ads #hairdressing, #ads #hospitality, #ads #retail, #ads #security {
float:left;
width: 162px;
height: 129px;
display:block;
border:1px solid #f60;
margin:0.4em;
padding:0;
}

#ads #chefing {background:url(../assets/home/chefing.jpg) no-repeat;}
#ads #it {background:url(../assets/home/it.jpg) no-repeat;}
#ads #hairdressing {background:url(../assets/home/hairdressing.jpg) no-repeat;}
#ads #hospitality {background:url(../assets/home/hospitality.jpg) no-repeat;}
#ads #security {background:url(../assets/home/security.jpg) no-repeat;}
#ads #retail {background:url(../assets/home/retail.jpg) no-repeat;}

#ads #chefing p {text-align: left; color: #fff; padding: 4.5em 0 0 0.5em;}
#ads #it p {text-align: left; color: #000; padding: 1em 0 0 1.5em;}
#ads #hairdressing p, #ads #security p {text-align: right; float:right; color: #fff; padding: 4.8em 0.5em 0 0;}
#ads #hospitality p {text-align: left; color: #fff; padding: 4.8em 0 0 0.5em;}
#ads #retail p {text-align: left; color: #000; padding: 6.5em 0 0 0.4em;}




/* footer styles */

#footer {
margin-top: 10px;
border: 1px solid #F60;
width:100%;
height:55px;
min-width: 780px;
background:#000;
float:left;
}

#footer ul, #footer ul li {
margin:3px 0 0 5px;
padding:0;
display:inline;
float:left;
}

#footer li {
display:block;
height:47px;
text-indent:-9999px;
}

#footer li#city {background: url(../assets/generic/city-and-guilds.gif) no-repeat; width: 52px;}
#footer li#learn {background: url(../assets/generic/learn-direct.gif) no-repeat; width: 70px;}
#footer li#sqa {background: url(../assets/generic/sqa-logo.gif) no-repeat; width: 48px;}
#footer li#ila {background: url(../assets/generic/ila.gif) no-repeat; width: 45px;}
#footer li#biiab {background: url(../assets/generic/biiab-logo.gif) no-repeat; width: 75px;}
#footer li#ecdl {background: url(../assets/generic/ecdl-logo.gif) no-repeat; width: 70px;}
#footer li#edexcel {background: url(../assets/generic/edexcel-logo.gif) no-repeat; width: 125px;}
#footer li#lsc {background: url(../assets/generic/lsc-logo.gif) no-repeat; width: 56px;}
#footer li#elcas {background: url(../assets/generic/elcas-logo.gif) no-repeat; width: 64px;}

#footer p {
margin:0.7em 5px 0 0;
float:right;
text-align:right;
font-size:0.8em;
line-height: 1.8em;
}

#footer a:link, #footer a:visited {
color: #fff;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color: #f60;
text-decoration:underline;
}