/* CSS Document */
body {
	background-image:  url(../images/bg01.gif);
	font-size:0.74em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-position: center top;
	width: 100%;
	text-align: center;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	color: #0065A3;
 }
 
a:link {
	color: #642284;
	text-decoration: none;
}
a:visited {
	color: #642284;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a:hover #light{
	color: #ffffff;
	text-decoration: underline;
}

a:active {
	color: #642284;
	text-decoration: none;
}

img{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#imgright{
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
}

.providerdocuments{
	margin-top: 5px;
	border: 1px solid;
	background-color: #F7FAEF;
	border-color: #0065A3;
	width: 310px;
	padding: 10px;
}



.providerbuttons{
	float: left;
}

.providerbuttons img{
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
	width: 101px;
}

#thumbbank{
	width: 330px;
	
}

#thumbright{
	border: 1px solid;
	border-color: #0065A3;
	padding: 0px;
	margin: 1px;
}

#imgleft{}
 
.pagecontainer{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	width: 760px;
	margin-bottom: 0px;
	z-index: 1;
}

.page{
	width: 760px;
	margin: 0px;
	padding: 0px;
	padding-left: 6px;
	background-image: url(../images/leftdrop.png);
	background-position: 0px 73px;
	background-repeat: no-repeat;
}

.pagecontent{
	text-align: left;
	width: 760px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-image: url(../images/pagecolourgreen.gif);
	background-position: bottom;
}

.pagecontentindex {
	text-align: left;
	width: 760px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color: #EAF2D5;
}

.pageleft{
	width: 120px;
	text-align: left;
	background-color: #D7E7AE;
	margin: 0px;
	padding: 0px;
	float: left;
}

.pageright{
	text-align: left;
	float: left;
	width: 640px;
	margin: 0px;
	padding: 0px;
}
.content{
	margin: 20px;
	text-align: left;
	margin-top: 30px;
	word-wrap: break-word;
}

.page .content{
	height: auto!important;
	min-height: 640px;
	}

.header{
	height: 202px;
	width: 774px;
	background-image: url(../images/header.gif);
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.indexjump a{
	margin: 0;
	padding: 0;
	width: 774px;
	height: 130px;
	display: block;
}

.headerindex{
	height: 202px;
	width: 774px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/headerindex.gif);
}

.bodytext {
	font-size: 1em;
}
 .bodytextheader {
	font-size: 1em;
	font-weight:bold;
}
 .areaheaders {
	font-size: 2.4em;
	font-weight:normal;
	margin-bottom: 10px;
}
 .diplomas {
	background-image: url(../images/diplomaTR.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 151px;
	height: 81px;
	display: inline;
}
 .areaheadersfaded {
	font-size: 2.4em;
	font-weight:bold;
}
 .providerheaders {
	font-size: 2em;
	font-weight:bold;
}
 .courseheaders {
	font-size: 1.8em;
	font-weight:bold;
}
 .newsscroller {
	font-size: 1.6em;
	font-weight:bold;
	background-color: #D7E7AE;
}
 .intropara {
	font-size: 1.2em;
	font-weight:bold;
}

#nowrap{
	white-space: nowrap;
	display: inline;
}

 .subintroparayellow {
	font-size: 1.2em;
	font-weight:bold;
}
 .subintroparagreen {
	font-size: 1.2em;
	font-weight:bold;
}
 .subintroparared {
	font-size: 1.2em;
	font-weight:bold;
}
.navbar{
	position: absolute;
	top: 140px;
	text-decoration: none;
	z-index:200;
}
#nav ul {
	padding:0px;
	margin:0px;
	list-style:none;
	border:0px solid #000;
	position:relative;
	background-color: #BBBDC0;
}
#nav li ul {
}
#nav {
	height:30px;
	padding:0px;
	padding-left: 20px;
	margin: 0px;
}

#nav li {
	float:left;
	list-style:none;
}
#nav li li {float:none;}
* html #nav li li {float:left;}

#nav li a {
	display:block;
	float:left;
	margin:0 15px 0 5px;
	height:30px;
	line-height:30px;
	white-space:nowrap;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}
#nav li li a {
	height:30px;
	line-height:30px;
	float:none;
	padding: 0px;
}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:30px;}
* html #nav li:hover ul {left:0px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:1px;}

#nav li:hover li:hover > ul {left:0px; margin-left:100%; top:-1px;}
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
#nav li:hover > a {}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:0px; margin-left:100%; top:-1px;}

#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{}

#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{}

table.thetables {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #163C8F;
	border-collapse: collapse;
	background-color: ;
}
table.thetables th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #163C8F;
	background-color: ;
	-moz-border-radius: ;
}
table.thetables td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #163C8F;
	background-color: ;
	-moz-border-radius: ;
}

table.insidegraphics {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #ffffff;
	border-collapse: collapse;
	background-color: ;
}
table.insidegraphics td {
	border-width: 0px;
	padding: 5px;
	border-style: solid;
	border-color: #163C8F;
	background-color: ;
	-moz-border-radius: ;
}

.green {color: #BD4E9D}
.blue {color: #A3CB3C}
.red {color: #E4B451}

.redbox
{
	background-color: #98CEDA;
}

.bluebox
{
background-color: #DEA5CE;
}

.greenbox
{
background-color: #ADDEC2;
}

.yellowbox
{
background-color: #E3DB92;
}

.redboxHOVER
{
cursor: pointer;
background-color: #E4B451;
color: white
}

.blueboxHOVER
{
cursor: pointer;
background-color: #A3CB3C;
color: white
}

.greenboxHOVER
{
cursor: pointer;
background-color: #BD4E9D;
color: white
}

.yellowboxHOVER
{
cursor: pointer;
background-color: #DCD000;
color: white
}

#level1{
	border: 4px solid;
	border-color: #BD4E9D;
}
#level2{
	border: 4px solid;
	border-color: #A3CB3C;
}
#level3{
	border: 4px solid;
	border-color: #E4B451;
}
.Listheaders {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #163C8F;
	font-weight:bold;
}
.error {
	font-weight: 600;
}
.message {
	font-weight: 600;
}
.logged-in-as{
	text-align: right;
	margin-right: 20px;
	margin-top: 10px;
}

.sidenav ul{
	padding:0px;
	margin:0px;
	list-style:none;
	z-index:199;
	margin-top: 30px;
}
.sidenav li{
}
.sidenav li a{
	display:block;
	margin:0;
	height:30px;
	line-height:30px;
	white-space:nowrap;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: right;
	padding-right: 10px;
}

#green {background-color: #5EBD85;}
#blue {background-color: #319BB3;}
#pink {background-color: #E899C2;}
#purple {background-color: #BD4E9D;}
#lime {background-color: #A3CB3C;}
#orange {background-color: #E4B451;}

.sidenav #green:hover{background-color: #86cda3;}
.sidenav #blue:hover{background-color: #64b4c6;}
.sidenav #pink:hover{background-color: #eeb2d1;}
.sidenav #purple:hover{background-color: #cd7ab5;}
.sidenav #lime:hover {background-color: #bad86c;}
.sidenav #orange:hover {background-color: #ebc77c;}

.pagefootdrop{
	height: 6px;
	background-image: url(../images/footdrop.png);
	width: 766px;
	clear: both;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 1px;
	margin-bottom: 20px;
	position: relative;
	background-repeat: no-repeat;
}
.box {
	width: 200px;
	height: 200px;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 5;
}
.box a{
	height: 200px;
	display: block;
	width: 200px;
}

.box a:hover{
	text-decoration: underline;

}

.box h1{
	margin: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2em;
}
.box h2{
	margin: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
}
.box p{
	text-align: center;
	font-weight: normal;
	vertical-align: bottom;
	display: block;
	bottom: 0px;
	position: absolute;
	width: 180px;
	left: 10px;
	margin-bottom: 10px;
}

.box h3{
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	vertical-align: bottom;
	display: block;
	bottom: 0px;
	position: absolute;
	width: 180px;
	left: 10px;
	margin-bottom: 10px;
}

.box2 {
	width: 400px;
	height: 200px;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 5;
}
.box2 a{
	height: 200px;
	display: block;
	width: 200px;
}
.box2 h1{
	margin: 10px;
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 2.2em;
}
.box2 h2{
	margin: 10px;
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 1.5em;
}
.box2 p{
	text-align: center;
	font-weight: normal;
	vertical-align: bottom;
	display: block;
	bottom: 0px;
	position: absolute;
	width: 180px;
	left: 10px;
	margin-bottom: 10px;
}

.boxright {
	width: 200px;
	height: 200px;
	float: right;
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
	clear: both;
	background-color: #5EBD85;
	text-align: center;
	line-height: 200px;
}
#colour{
	filter:alpha(opacity=35);
	opacity: 0.35;
	-moz-opacity:0.35;
}

#light{	color: #FFFFFF;}

.copyright{
	font-size: 60%;
	text-align: right;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 20px;
	clear: both;
	bottom: 0px;
}
#home1{
	background-image: url(../images/home2007a.jpg);
}
#home2{
	background-image: url(../images/youngparentshome.jpg);
}
#home3{
	background-image: url(../images/home2007c.jpg);
}
#home4{
	background-image: url(../images/learningentitlement.jpg);
}
#home5{
	background-image: url(../images/latestnewshome.jpg);
}
#home6{
	background-image: url(../images/home2007map.jpg);
}

#home7{
	background-image: url(../images/card.jpg);
}
#home8{
	background-image: url(../images/year9.jpg);
}
#home9{
	background-image: url(../images/latestnewshome.jpg);
}
#home10{
	background-image: url(../images/findacoursehome.jpg);
}
#home11{
	background-image: url(../images/links.jpg);
}
#home12{
	background-image: url(../images/multimedia.jpg);
}
#home13{
	background-image: url(../images/home2007tick.jpg);
}
#home14{
	background-image: url(../images/diplomashome.jpg);
}
#home15{
	background-image: url(../images/apprenticeships.jpg);
}
#home16{
	background-image: url(../images/diplomaphoto.jpg);
}
#home17{
	background-image: url(../images/jobs.jpg);
}
#youngparents1{
	background-image: url(../images/meetyoungparents.jpg);
}
#youngparents2{
	background-image: url(../images/mashd.jpg);
}
#youngparents3{
	background-image: url(../images/base.jpg);
}
#youngparents4{
	background-image: url(../images/usefulcontacts.jpg);
}
#youngparents5{
background-image: url(../images/supportforyou.jpg);
	
}
#youngparents6{
	background-image: url(../images/homeless.jpg);
	
}
#career1{
	background-image: url(../images/career1.jpg);
}
#career2{
	background-image: url(../images/careerlist.jpg);
}
#career3{
	background-image: url(../images/unsure.jpg);
}
#career4{
	background-image: url(../images/fasttomato.jpg);
}
#career5{
	background-image: url(../images/HZX9R2060b.jpg);
}
#career6{
	background-image: url(../images/test3.jpg);
}
#card1{
	background-image: url(../images/card.jpg);
}
#card2{
	background-image: url(../images/card2.jpg);
}
#card3{
	background-image: url(../images/test3.jpg);
}
#card4{
	background-image: url(../images/card3.jpg);
}
#card5{
	background-image: url(../images/test1.jpg);
}
#card6{
	background-image: url(../images/card4.jpg);
}
#tdrightborder{
	border-right:1px solid;
	border-color: #0065A3;
}
.provider-logo{
	margin: 10px;
}

hr{
	color: #0065A3;
	height: 1px;
	border: 0px solid;
	background-color: #0065A3;
}
.provider-web{
	word-wrap: break-word;
	width: 240px;
	overflow: hidden;
}

.provider-contact-list{
	clear: left;
}
.providerbreakout{
	float: right;
	width: 332px;
	padding: 0;
	margin-left: 10px;
	margin-bottom: 10px;
}
.leftlink{}
.leftlink p{
	margin: 10px;
	text-align: center;
}