/*******************
 *** Main Layout ***
 *******************/
 
/* Colors
 * Main text (Arial): Dark Grey 555555
 * Dark Grey 555555
 * Lt Grey Text: B2BFB9
 * Headings: LT Green 99CC00
 * LT Green: 99CC00
 * Links: DK Green 00661E (links - turn Lt Green mouse over (all text needs can be changed to any of these colours)
 * DK Green: 00661E
 */

Text guide to follow but ALL text is Arial / Arial Bold
HTML {
	overflow:			auto;
}
BODY{
	margin:			0px;
	background:			#FFFFFF;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-decoration:		none;
	color:			#555555;
	text-align:			center;
}


/**********************
 *** Page Container ***
 **********************/
#outerPageContainer3 {
	background:			#FFFFFF;
}

#outerPageContainer {
	background:			url(../images/bg/page/top.jpg) repeat-x;
}

#pageContainer {
	margin:			0px auto 0px auto;
	width:                  880px;
	background:			url(../images/bg/page/bottom.jpg) bottom no-repeat;
}

#headerContainer {
	background:			url(../images/bg/page/header.jpg) no-repeat;
	margin:			0px 0px 0px 0px;
	height:			290px;
}

#contentContainer {
	background:			url(../images/bg/page/content.jpg) top no-repeat;
	text-align:			left;
	margin:			0px 0px 0px 0px;
}

#pageBottomContainer {
	height:			197px;
}

/***********************
 *** Header elements ***
 ***********************/
#headerLeft {
	float:			left;
	width:			410px;
	overflow:			hidden;
}
#headerRight {
	float:			right;
	width:			460px;
	overflow:			hidden;
}

#logo {
	margin:			18px 0px 0px 20px;
	text-align:			left;
}

#headerText {
	margin:			80px 0px 0px 80px;
	text-align:			right;
	font-size:			12px;
	color:			#3B3B3B;
	line-height:		18px;
}

#headerTitle {
	font-size:			24px;
	margin:			0px 0px 9px 0px;
}

#headerImage {
	text-align:			left;
	margin:			33px 0px 0px 0px;
}

/***************************
 *** menuTop, menuBottom ***
 ***************************/
#menuTop, #menuBottom {
	padding:			17px 0px 0px 0px !important;
	margin:			0px 30px 0px 26px !important;
	font-size:			10px;
	text-align:			right;
}
#menuBottom {
	float:			right;
	padding:			0px !important;
	margin:			0px !important;
	width:			500px;
}

* html #menuTop {
	padding:			2px 0px 1px 0px !important;
}

#menuTop A, #menuBottom A {
	color:			#FFFFFF;
	text-decoration:		none;
}
#menuTop A.act, #menuBottom A.act {
	color:			#FFFFFF;
	font-weight:		bold;
}

#menuTop UL, #menuBottom UL {
	padding:			0px !important;
	margin:			0px !important;
	list-style-type:		none;
	float:			right;
}

#menuTop UL LI, #menuBottom UL LI {
	padding:			0px !important;
	margin:			0px;
	background:			none !important;
	display:			inline;
	float:			left;
}
#menuTop .seperator, #menuBottom .seperator {
	background:			url(../images/seperator/menu_top.gif) right 3px no-repeat !important;
	margin-right:		10px !important;
	padding-right:		10px !important;
}

/****************
 *** menuLeft ***
 ****************/
#menuLeft {
	margin:			26px 0px 0px 20px;
	padding-left:		10px;
	float:			left;
	width:			200px;
	overflow:			hidden;
	font-size:			11px;
	color:			#555555;
}
#menuLeft UL {
	padding:			0px;
	margin:			0px 0px 30px 0px;
	list-style-type:		none;
	border-bottom:		1px solid #B2BFB9;
	width:			190px;
}

#menuLeft UL LI {
	padding:			0px;
	margin:			0px;
	text-align:			right;
	border-top:			1px solid #B2BFB9;
}
#menuLeft UL LI A.no {
	background:			url(../images/bg/menu/1_no.gif) left 8px no-repeat;
}
#menuLeft UL LI A.act3 {
	color:			#555555;
	font-weight:		bold
}
#menuLeft UL LI A.act, UL LI A.act3 {
	background:			url(../images/bg/menu/1_act.gif) left 8px no-repeat;
}

#menuLeft UL LI A {
	margin:			0px;
	padding:			6px 0px 9px 0px;
	display:			block;
	color:			#555555;
}

#menuLeft UL LI A:HOVER {
	color:			#99CC00;
}

#menuLeft UL UL {
	border-bottom:		none;
	margin:			-1px 0px 0px 0px;
	padding-bottom:		1px;
}

#menuLeft UL UL LI {
	border-top:			none;
	background:			none;
}

#menuLeft UL UL LI A {
	padding:			2px 0px 8px 0px;
}
#menuLeft UL UL LI A.act2 {
	font-weight:		bold;
	color:			#99CC00;
}

/************************
 *** contentContainer ***
 ************************/
 
#contentTop {
	height:			38px;
}

#prefixBreadCrumb {
	float:			left;
	width:			68px;
	font-weight:		bold;
	color:			#B2BFB9;
}
#breadcrumb {
	float:			right;
	width:			560px;
	padding:			25px 40px 0px 0px;
	font-size:			10px;
}
#breadcrumb A {
	color:			#B2BFB9;
	text-decoration:		none;
	font-weight:		normal;
}
#breadcrumb A:HOVER {
	color:			#99CC00;
}

#breadcrumb A.act {
	color:			#99CC00;
	font-weight:		bold;
}
#breadcrumb UL {
	padding:			0px !important;
	margin:			0px !important;
	list-style-type:		none;
	float:			right;
}
#breadcrumb UL {
	float:			left;
}
#breadcrumb UL LI {
	padding:			0px !important;
	margin:			0px;
	background:			none !important;
	display:			inline;
	float:			left;
}
#breadcrumb .seperator {
	background:			url(../images/seperator/menu_bc.gif) right 3px no-repeat !important;
	margin-right:		10px !important;
	padding-right:		10px !important;
}

/***************
 *** Content ***
 ***************/
#content {
	float:			right;
	width:			550px;
	padding:			0px 50px 0px 0px;
	line-height:		18px;
}


/****************************
 *** Page bottom elements ***
 ***************************/
#pageFooter {
	margin:			0px 26px 0px 30px;
	padding-top:		162px;
	color:			#FFFFFF;
	font-size:			10px;
}

#copy {
	float:			left;
	width:			198px;
	text-align:			left;
}

/*************************
 *** Variouse elements ***
 *************************/
.clearer {
	clear:			both;
}