body
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
}

.body
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: justify;
}

.bold
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

.tableBody
{
	font-family: Arial, Helvetica, Verdana;
	padding: 10px 10px 10px 10px; 
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #999999;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	background: #F2F2F2
	
}


H1
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
}

H2
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
}

H3
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}

H4
{
	height: 22px;
	width: 110px;
	text-decoration: none;
	color: #999999;
	border: solid 1px #999999;
	background-color: White;
	padding-left: 5px;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


A
{
text-decoration:underline;
color: #999999;
}

A:hover
{
text-decoration:underline;
color: #666666;
}


#background
{
	height: 140px;
	width: 98%;
	position: absolute;
	top: 95px;
	left: 25px;
	background-image: url(images/background_stripes.gif);
}	

#mainContainer
{
	height: 750px;
	width: 770px;	
	position: absolute;
	top: 20px;
	left: 25px;
}

#topBarContainer
{
	height: 60px;
	width: 720px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#topBarLogoHungerford
{	
	height: 42px;
	width: 221px;
	position: absolute;
	top: 10px;
	left: -5px;
	background-image: url(images/logo_hungerford.gif);
}

#topBarContact
{	
	height: 44px;
	width: 100px;
	position: absolute;
	top: 0px;
	left: 260px;
}

#topBarReports
{	
	height: 44px;
	width: 100px;
	position: absolute;
	top: 0px;
	left: 380px;
}

#topBarCourses
{	
	height: 44px;
	width: 100px;
	position: absolute;
	top: 0px;
	left: 500px;
}

#topBarLogoTurning
{	
	height: 65px;
	width: 100px;
	position: absolute;
	top: 5px;
	left: 620px;
	background-image: url(images/logo_turning.gif);
}

#mainNavContainer
{	
	height: 120px;
	width: 720px;
	position: absolute;
	top: 75px;
	left: 0px;
}

#mainNavHome
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(images/mainNav_home_off.gif);
	display: block;
}

#mainNavProjects
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 20px;
	left: 0px;
	background-image: url(images/mainNav_projects_off.gif);
	display: block;
}

#mainNavNeedle
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 40px;
	left: 0px;
	background-image: url(images/mainNav_needle_off.gif);
	display: block;
}

#mainNavComms
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 60px;
	left: 0px;
	background-image: url(images/mainNav_comms_off.gif);
	display: block;
}

#mainNavIslington
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 80px;
	left: 0px;
	background-image: url(images/mainNav_islington_off.gif);
	display: block;
}

#mainNavAntidote
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 100px;
	left: 0px;
	background-image: url(images/mainNav_antidote_off.gif);
	display: block;
}

#mainNavTraining
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 120px;
	left: 0px;
	background-image: url(images/mainNav_training_off.gif);
	display: block;
}

#mainNavHomeOn
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(images/mainNav_home_on.gif);
	display: block;
}

#mainNavProjectsOn
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 20px;
	left: 0px;
	background-image: url(images/mainNav_projects_on.gif);
	display: block;
}

#mainNavNeedleOn
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 40px;
	left: 0px;
	background-image: url(images/mainNav_needle_on.gif);
	display: block;
}

#mainNavCommsOn
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 60px;
	left: 0px;
	background-image: url(images/mainNav_comms_on.gif);
	display: block;
}

#mainNavIslingtonOn
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 80px;
	left: 0px;
	background-image: url(images/mainNav_islington_on.gif);
	display: block;
}

#mainNavAntidoteOn
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 100px;
	left: 0px;
	background-image: url(images/mainNav_antidote_on.gif);
	display: block;
}

#mainNavTrainingOn
{	
	height: 20px;
	width: 260px;
	position: absolute;
	top: 120px;
	left: 0px;
	background-image: url(images/mainNav_training_on.gif);
	display: block;
}

#mainNavHomeImage
{	
	height: 140px;
	width: 460px;
	position: absolute;
	top: 0px;
	left: 260px;
	background-image: url(images/mainNav_home_image_on.jpg);
	display: block;
}

#mainNavProjectsImage
{	
	height: 140px;
	width: 460px;
	position: absolute;
	top: 0px;
	left: 260px;
	background-image: url(images/mainNav_projects_image_on.jpg);
	display: block;
}

#mainNavNeedleImage
{	
	height: 140px;
	width: 460px;
	position: absolute;
	top: 0px;
	left: 260px;
	background-image: url(images/mainNav_needle_image_on.jpg);
	display: block;
}

#mainNavCommsImage
{	
	height: 140px;
	width: 460px;
	position: absolute;
	top: 0px;
	left: 260px;
	background-image: url(images/mainNav_comms_image_on.jpg);
	display: block;
}

#mainNavIslingtonImage
{	
	height: 140px;
	width: 460px;
	position: absolute;
	top: 0px;
	left: 260px;
	background-image: url(images/mainNav_islington_image_on.jpg);
	display: block;
}

#mainNavAntidoteImage
{	
	height: 140px;
	width: 460px;
	position: absolute;
	top: 0px;
	left: 260px;
	background-image: url(images/mainNav_antidote_image_on.jpg);
	display: block;
}

#mainNavTrainingImage
{	
	height: 140px;
	width: 460px;
	position: absolute;
	top: 0px;
	left: 260px;
	background-image: url(images/mainNav_training_image_on.jpg);
	display: block;
}

#mainNavCoursesImage
{	
	height: 140px;
	width: 460px;
	position: absolute;
	top: 0px;
	left: 260px;
	background-image: url(images/mainNav_courses_image_on.jpg);
	display: block;
}

#mainNavReportsImage
{	
	height: 140px;
	width: 460px;
	position: absolute;
	top: 0px;
	left: 260px;
	background-image: url(images/mainNav_reports_image_on.jpg);
	display: block;
}

#bodyContainer
{	
	height: 550px;
	width: 720px;
	position: absolute;
	top: 230px;
	left: 0px;
}

#bodyContainerLeft
{	
	height: 600px;
	width: 240px;
	padding-left: 1px;
	position: absolute;
	top: 0px;
	left: 10px;
}

#bodyContainerRight
{	
	height: 500px;
	width: 440px;
	padding-left: 1px;
	position: absolute;
	top: 10px;
	left: 270px;
}

#addressContainer
{	
	height: 20px;
	width: 720px;
	left: 0px; 
	float:left; 
	position: absolute; 
	color: #666666;
	font-size: 9px;
	text-align: center;
	line-height: 25px;
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: 1px;
	CLEAR:RIGHT;
	
}

.buttonItem
{
	font-weight: bold;
	height: 22px;
	cursor: hand;
	color: White;
	border: solid 1px #666666;
	background-color: #999999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	margin-bottom: 2px;
}

.buttonItemOver
{
	height: 22px;
	cursor: hand;
	color: #333333;
	border: solid 1px #333333;
	background-color: White;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	text-decoration: none;
	margin-bottom: 2px;
}