/* CSS Document */

.skiplink {
	display:none
	}
	
body, html {
	height: 100%;
	font-size:100%;

}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	margin-top: 12px;
	color:#666666;
	background-color: #FFFFFF;
}


#wrapper {
	width: 886px;	
	background-color:#FFFFFF;
	margin-right: auto;
	margin-left: auto;
	display:table;
	height:auto !important;
	background-image:url(graphics/bg.gif);
}

.image  {
margin-left: 7px;

}


h1 {
color: #006600;
font-size: 1.6em;
font-weight:normal;
padding-top: 10px;
}

h2 {
color: #00CC00;
font-size: 1em;
font-weight:bold;
padding-top: 10px;
}

h3 {
color: #000000;
font-size: 1.3em;
margin-top: 4px;
}

a:link {color:#006600; text-decoration: none}
a:active {color:#006600; text-decoration: none}
a:visited {color:#003333; text-decoration: none}
a:hover {color:#000000; text-decoration: underline}





#header {
     height: 98px;
	width: 866px;	
}


#leftpanel {
	float:left;
	width: 235px;
	height: 446px;
	margin-right: 8px;
	background-image:url(graphics/leftpanel.gif);
}


#servicespanel {

	float:left;
	width: 200px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-top: 10px;
	font-size: 1.2em;
	line-height: 1.3em;
	
	color: #006600;
	
	
}

#servicespanel A:hover, #navcontainer A:active {

	text-decoration: none;
	color:#999999;
}

#servicespanel A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #b3cdd8;
font-weight: bold;
text-decoration: none;
color: #006600;
}



#contactpanel {
background:url(graphics/contact.gif) no-repeat bottom;
	float:left;
	width: 127px;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-top:40px;
}


#contactustext {

	width: 198px;
	margin: 12px 5px 12px 12px;
	padding-top:7px;

	
}



#mainpanel {
margin-top: 0px;
margin-left: 12px;
float:right;
width:620px;
}






#centerimage {
width:606px;
height: 218px;
background-image:url(graphics/bgcentre.jpg);


}


#centerimagetext {
width:340px;
padding-top: 75px;
padding-left: 17px;
}

#centerimagelower {
width:606px;
background-image:url(graphics/bg2.jpg);
margin-bottom: 12px;
}

#centerimagebottom {
width:606px;
height: 40px;

}


#lowerimagetext {
width:560px;
padding-top: 12px;
padding-left: 17px;
}

#corpevents {
float:left;
width:295px;
height: 206px;
background-image:url(graphics/corpeventsbg.jpg);
}

#corpeventstext {
width:158px;
padding-top: 80px;
padding-left: 120px;
text-align: right;


}


#teachertraining {
float:right;
width:295px;
height: 206px;
background-image: url(graphics/techertraningbg.jpg);

}

#teachertrainingtext {
width:158px;
padding-top: 80px;
padding-left: 120px;
text-align: right;


}



.imageright {
padding-left: 6px;
}


.whitetext{
font-weight:bold;
font-size: 13px;
color:#ffffff; 
font-style: italic;

}



a.whitetext:link {color:#ffffff; }
a.whitetext:active {color:#ffffff; }
a.whitetext:visited {color:#ffffff; }
a.whitetext:hover {color:#fefefe;  }





#content {
}







#imagecontainer LI
{
display: block;
margin: 2;
padding: 2;
float: left;
width: auto;
}


#imagecontainer UL
{
list-style: none;
margin: 2;
padding: 2;
border: none;
}

#navcontainer
{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 788px;
	background-image:url(graphics/barbg.gif);
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
	color: #666666;
	font-size: 11px;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0px;
	padding: 2px 13px;
	border-left: 0px solid #8d9da4;
	border-top: 0px solid #fff;
	border-right: 1px solid #8d9da4;
	border-bottom: 1px solid #8d9da4;
	background-image:url(graphics/barbg.gif);
}

#navcontainer A:hover, #navcontainer A:active {
		background-image:url(graphics/barbgrollover.gif);
}

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #b3cdd8;
font-weight: bold;
}



#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}



#skipnav {
	display: none;
}





	br {
	clear: left;
}



#footer {
	background-image: url(graphics/bottombg.jpg);
	height: 27px;
	width: 864px;
	text-align:center;
	color: #666666;
	vertical-align: bottom;
	padding-top: 2px;
	padding-left: 12px;
	float: right;
}