/* ********************************* 0 - Module - Gallery (Carousel) ************************************ */
#carouselHoldingBox {
	width: 710px;
	height: 350px;
	/* background-color: #111; */
	padding-top:40px;

	}


	
#carousel {
	width: 630px;
	height: 300px;
	/* background-color: #111; */
	position: relative;
	left: 35px;
	top: -10px;
	}

#carousel img { border:1px solid #fff;}

		
#carousel a {
	position: absolute;
	width: 110px;
	}


.closeBox {margin: 10px; }

#ImageBoxOverlay
{
	background-color: #000;
	z-index: 1000;
}

#ImageBoxOuterContainer{
	z-index: 1000;
	float: left;
	width: 800px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-top: -25px;
	margin-left: 200px;
}


#ImageBoxOuterContainer img { border:1px solid #fff;}

#ImageBoxContainer
{
	width: 400px;
	float: left;
	background-color: #F4F4EC;
	min-height: 470px;
	padding-right: 20px;
}


#ImageBoxCaption
{
	background-color: #F4F4EC;
	min-height: 537px;
	padding: 20px;
	float: left;
}

#ImageBoxCaption h1 {
	margin: 0px;
	padding-top: 10px;
	color: #003366;
}







#ImageBoxCaptionText {
	margin-top:30px;
	font-weight: normal;
	padding-bottom: 5px;
	font-size: 13px;
	color: #666;
	background-color: #F4F4EC;
margin-left: -20px;
width: 430px;
}

#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}
/* ****************************** 0 - Module - Gallery (Carousel)  - END ******************************** */


/* ********************************* 00 - Members Module - Module SIgnup ************************************ */
.signUpListBox {
border: 1px solid #f00;
padding-left: 10px;
padding-bottom: 10px;
background-color: #F4F4F4;
border: 1px solid #ccc;
}

.signUpListBox h2 {
font-size: 150%;
font-weight: normal;
margin-top: 10px;
color: #ED3394;
}

.signupModuleIcon {
float: right;
margin: 10px;
margin-left: 20px;
display: inline;
}
/* ****************************** 00 - Members Module - Module SIgnup  - END ******************************** */


/* ********************************* 00 - Module - Members Module ************************************ */
#membersOverviewBox {

}

.membersLoggedInAs {
color: #ffffff;
font-size: 90%;
position: absolute;
top: 10px;
left: 300px;
}

.membersPageMessage {
color: #ED3394;
font-size: 140%;
font-weight: bold;
margin-left: 20px;
margin-bottom: 20px;
}


#membersLoginLink, #membersActivate, #membersForgotPW, #membersRegisterLink, #membersRegister {
	margin: 5px;
	padding: 15px;
	float: left;
	width: 540px;
	border: 1px solid #ccc;
	min-height: 140px;
	display: inline;
	position: relative;
	margin-bottom: 20px;
	margin-left: 70px;
	background-color: #FFF;
}

#membersLoginLink h3, #membersActivate h3, #membersForgotPW h3, #membersRegisterLink h3, #membersRegister h3 {
margin: 0px;
clear: both;
float: none;
margin-bottom: 10px;
font-size: 160%;
font-weight: normal;
color: #ED3394;
}

#membersLoginLink hr, #membersActivate hr, #membersForgotPW hr, #membersRegisterLink hr, #membersRegister hr {
 color: none;
border: 1px solid #ccc;
}

#membersRegister a.backButton {
	width: 50px;
	height: 15px;
	background-color:#fff;
	color: #900;
	border: #F00;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 5px;
	text-align: center;
	line-height: 15px;
	text-decoration: none;
}

#membersRegister a.backButton:hover {
	background-color:#fcc;
}




#memberModules {
	float: left;
	margin-top:0px;
	width: 650px;
	padding: 10px;
	display: inline;
	min-height: 300px;
	position: relative;
color: #fff;
margin-left: 20px;
padding-left: 0px;
}

#memberModules a, #memberModules a:hover, #memberModules a:visited {
color: #ED3394;
}

#memberModules h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 130%;
margin-left: 0px;
color: #ED3394;
}

#memberModules h3 {
font-size: 150%;
margin-top: 10px;
margin-bottom: 10px;
color: #ED3394;
margin-left: 0px;
}

#memberModules h2 {
font-size: 160%;
margin-top: 10px;
margin-bottom: 10px;
color: #ED3394;
margin-left: 0px;
}

#memberModules .formButton {
background-color: #62BBE8;
color: #fff;
border: 1px solid #2694E8;
padding: 5px;
clear: both;
float: right;
}

#memberModulesNav {
	position: absolute;
	top: 200px;
	left: 10px;
	padding-left: 10px;
	width: 200px;
	min-height: 120px;
	border: 1px solid #ED3394;
}

#memberModulesNav h3 {
margin-top:5px;
margin-bottom:10px;
margin-left: 0px;
padding: 0px;
font-size: 160%;
color: #ED3394;
}





/* MEMBERS SIGN UP - END ************************************************* */










/* ****************************** 00 - Module - Members Module  - END ******************************** */


/* ********************************* 00 - Page Element - Form Elements ************************************ */
form {
margin-bottom: 0px;
}

.formZero {
	line-height: 85%;
	margin: 0px;
	padding: 0px;
}

.formMini {
	margin: 0px;
	padding: 0px;
	float:left;
}

.formGap {
margin: 20px 0px 0px;
}


	
	
.formLabel, .formLabelSmall, .formLabelLong {
	font-size: small;
	display: inline;
	padding: 3px;
	text-align: right;
	width: 110px;
	height: 17px;
	line-height: 17px;
	clear:both;
	float: left;
	color: #ED3394;
}

.formLabelSmall {
	width: 70px;
}
.formLabelLong {
	width: 160px;
}


.formbox {
	float: left;
}

#formsModule .formbox  {
 float: none;
clear: both;
}


.formField, .calendar {
	font-size: x-small;
	padding: 5px;
	background-color: #fff;
	color: #666;
	border: 1px solid #ccc;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 3px;
}

.formFieldCompulsory {
color: #990000;
}


.submitButton {
float: right;
margin-right: 100px;
background-color: #ED3394;
border: 1px solid #ED3394;
padding: 5px;
color: #fff;
}

.formButton {
background-color: #62BBE8;
color: #fff;
border: 1px solid #2694E8;
padding: 5px;
clear: both;
float: right;
margin-bottom: 10px;
}



#Questions
{
width: 691px;
padding-top: 20px;
padding-bottom: 50px;
padding-left: 50px;
}

#Questions hr
{
width: 80%;
margin-left: -30px;
background-color: #ed3394;
color:#ed3394;
border: 1px solid #ed3394;
margin-top: 5px;
margin-bottom: 5px;
}
/* ****************************** 00 - Page Element - Form Elements  - END ******************************** */


/* ********************************* 3D Captcha ************************************ */
#threeDCaptcha {
	border: 6px solid #000000;
	background-color:#990000;
	width: 256px;
	height: 144px;
margin-left: 130px;
}
/* ****************************** 3D Captcha  - END ******************************** */


/* ********************************* Branding ************************************ */
/* BRANDING */
#branding {
	height: 112px;
	width: 1000px;
	margin: 0px;
	clear: both;
	float: none;
	background-image: url(../images/mPlusLogo.jpg);
	background-repeat: no-repeat;
}
/* ****************************** END OF BRANDING ********************************** */
/* ****************************** Branding  - END ******************************** */


/* ********************************* Clear Horizontal Rule ************************************ */
.clearHorizontalRule {
	color:#FFFFFF;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* ****************************** Clear Horizontal Rule  - END ******************************** */


/* ********************************* Curved Box Model ************************************ */
/* ************************************************************************* */

/* This is the Outer Box holding the CurveBox */
.curvedBox {
	width: 530px;
	margin: 20px;
	/* border: 1px dashed #660033;	 */
}

/* This is the Inner Box containing the content to be displayed */
.curveBoxContent {
	padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
}

.curvedBoxTop {
	float:left;
	background-image: url(../images/boxmodel-top.gif);
	background-repeat: repeat-x;
	width:95.8%;
}

.curvedBoxBot {
	float:left;
	background-image: url(../images/boxmodel-bot.gif);
	background-repeat: repeat-x;
	width:95.8%;
}

/* BOX MODEL - CORNERS */

.curvedBoxTopLeft, .curvedBoxBotLeft {
	width:2%;
	height:9px;
	background-repeat: no-repeat;
	float:left;
}

.curvedBoxTopRight, .curvedBoxBotRight {
	width:2%;
	height:9px;
	background-repeat: no-repeat;
	float:right;
}


.curvedBoxTopLeft {
	background-image: url(../images/boxmodel-top-left.gif);
}
.curvedBoxTopRight {
	background-image: url(../images/boxmodel-top-right.gif);
	background-position: right;
}
.curvedBoxBotLeft {
	background-image: url(../images/boxmodel-bot-left.gif);
}
.curvedBoxBotRight {
	background-image: url(../images/boxmodel-bot-right.gif);
	background-position: right;
}

/* ************************************************************************* */
/* ****************************** Curved Box Model  - END ******************************** */


/* ********************************* Header Tags ************************************ */
h1,h2,h3,h4,h5,h6 {
margin: 0px;
padding: 0px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 5px;
margin-left: 15px;
}

h1 {
	font-size: 280%;
font-weight: bold;
color: #ed3394;
width: 250px;
margin-top: 10px;
margin-left: 10px;
}

h2 {
	font-size: 140%;
	color: #666666;
	}
h3 {
	font-size: 110%;
	color: #003366;
	}
h4 {
	font-size: 100%;
	color: #000000;
	}
h5 {
	font-size: 90%;
	color: #000000;
	font-weight: bold;
	}
	
h6 {
	font-size: 70%;
	color: #000000;
	font-weight: bold;
	}
/* ****************************** Header Tags  - END ******************************** */


/* ********************************* HintBox ************************************ */
#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: lightyellow;
	padding: 10px;
	border: 1px solid #ccc;
	font:normal 11px Verdana;
	line-height:20px;
	z-index:100;
	visibility: hidden;
}
/* ****************************** HintBox  - END ******************************** */


/* ********************************* Login Box ************************************ */
#loginBox {
	position: relative;
	width: 50%;
	padding: 5px;
	padding-top: 10px;
	padding-left: 40px;
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #000000;
	line-height: normal;
	margin-left: 22%;
	margin-top: 10%;
	}

#loginBox h3 {
margin-top: 0px;
}

.formBox {

}

.formField{
}

.formLabel{
	text-align:left;
}



/* *************************************************************************** */

/* LOG IN BOX - SMALL */
#loginBoxSmall {
	position: absolute;
	top: 25px;
	left: 450px;
	width: 160px;
	padding: 0px;
	line-height: 10px;
	}

#loginBoxSmall h3 {
visibility: hidden;
display: none;
}

#loginBoxSmall .formBox {

}

#loginBoxSmall .formField{
background-color: #fff;
border: none;
width: 150px;
margin-top: 6px;
}

/* ****************************** Login Box  - END ******************************** */


/* ********************************* MAIN CONTENT ************************************ */
#mainPageContent {
	float: left;
	width: 1000px;
	text-align: left;
	margin: 34px 0px 0px 0px;
	padding: 0px;
	min-height: 418px;
	position: relative;
}

/* ****************************** MAIN CONTENT  - END ******************************** */


/* ********************************* Mini Module - News Scroller ************************************ */
#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: #E1E1FF;
overflow: hidden;
padding: 2px;
padding-left: 4px;
margin-bottom: 3px;
}

.newsScrollerList .newsScrollerImage {
width: 50px;
display: inline;
float: left;
margin: 0px;
padding: 0px;
}



.newsScrollerList a, .newsScrollerList a:hover, .newsScrollerList a:visited {
font-weight: normal;
font-size: 8pt;
display: block;
width: 130px;
float: left;
margin-left: 5px;
color: #444;
}




.newsScrollLineOne, .newsScrollLineTwo {
display: block;
float: none;
padding: 5px;
clear: both;
border-top: 1px solid #999;
margin: 0px;
}


.newsScrollLineOne {
background-color: #FAFAFA;
}

.newsScrollLineTwo {
background-color: #E1E1FF;
}








/* ****************************** Mini Module - News Scroller  - END ******************************** */


/* ********************************* Module - Bespoke Content Include ************************************ */
/* BESPOKE CONTENT INCLUDE *********************************************** */
#bespokeContentInclude {
	background-color: #FFCCFF;
	left: 400px;
	top: 400px;
	position: absolute;
	height: 400px;
	width: 300px;
}


/* BESPOKE CONTENT INCLUDE - END ***************************************** */
/* ****************************** Module - Bespoke Content Include  - END ******************************** */


/* ********************************* Module - Client Partners ************************************ */
/* CLIENTS/PARTNERS ****************************************************************** */
.clientsBox {
	height: auto;
	float: left;
	display: inline;
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 25px;
	width: 40%;

}

.clientsImageBox {
	height: auto;
	float: left;
	display: inline;
	width: 40%;
	margin: 0px 10px 10px 0px;
}
	
.clientsTextBox {
	height: auto;
	float: left;
	display: inline;
	margin: 10px;
	width: 40%;
	}
/* END OF CLIENTS/PARTNERS ************************************************************ */
/* ****************************** Module - Client Partners  - END ******************************** */


/* ********************************* Module - Content Slide ************************************ */
/* CONTENT SLIDE ****************************************************************** */

.contentSlideHeader {
	margin-top: 20px;
	}


.contentSlideHeader a, .contentSlideHeader a:hover, .contentSlideHeader a:visited  {
	font-size: 120%;
	color:#000033;
	text-decoration: none;
	}

.contentSlideText {
	display:none;
}

/* END OF CONTENT SLIDE ************************************************************ */
/* ****************************** Module - Content Slide  - END ******************************** */


/* ********************************* Module - Documents ************************************ */
.docInfoHoldingBox {
width: 45%;
float: left;
}

.docIconBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
}
	
.docOverviewBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	width:245px;	
	float: left;
	display: inline;	
	font-size:90%;
	}

/* ****************************** Module - Documents  - END ******************************** */


/* ********************************* Module - Forum ************************************ */
/* FORUM ****************************************************************** */
.forumFrame {
	margin: 0px;
	padding: 0px;
	float: none;
	height: 850px;
	width: 100%;
	border: 0px none #000000;
}
/* END OF FORUM ************************************************************ */
/* ****************************** Module - Forum  - END ******************************** */


/* ********************************* Module - Gallery (Sequential) ************************************ */
/* IMAGE GALLERY  - SEQUENTIAL ****************************************************************** */

#sequentialGallery {
margin-top: 10px;
text-align: center;
}

/* IMAGE GALLERY - This is the Icon in the overview when the categories are listed **************** */
.sequential_GalleryIconBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	}

/* IMAGE GALLERY - This is the Text in the overview when the categories are listed **************** */
.sequential_GalleryOverviewBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: left;
	width: 400px;
	}

/* IMAGE GALLERY - This is the CSS for the THUMBNAILS */
/*  This is the box that holds all the thumbnails */
.sequential_thumbPicBox {
	text-align: left;
	margin: auto;
	margin-bottom: 5px;
	padding: 5px;
	width: 588px;
	border: 1px solid #CCCCCC;
}

/* This is the individual thumb images
.sequential_galleryBox {
	padding: 0px;
	float: left;
	display: inline;
	width: 50px;
	border: 1px solid #EEEEEE;
	text-align: left;
}



/* IMAGE GALLERY - This is the CSS for the a tags if you are using numbers rather than thumbnails */
/*  This is the box that holds all the thumbnails */
.sequential_numbBox {
	text-align: left;
	margin: auto;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	width: 588px;
}


.sequential_numbBox a, .sequential_numbBox a:visited, .sequential_numbBox a:hover {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-top: 10px;
	background-color: #DDDDDD;
}


.sequential_numbBox a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-top: 10px;
	background-color: #003366;
}




/*  This is the BIG PIC on the page where the big pic AND the Caption Text are displayed.sequential_ */
.sequential_mainPicBox {
	padding: 0px;
	width: 600px;
	margin: auto;
	text-align: center;
}




/*  This is the class for the form box which has the ALT text in that is controlled by the JavaScript */
.sequential_pictureALT {
	border: 1px solid #DDDDDD;
	width: 592px;
	background-color: #EEEEEE;
	margin: 0px;
	margin-top: 2px;
	padding: 3px;
	height: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	overflow: hidden;
}
#form_pictureALT {
margin: 0px;
padding: 0px;
}
/* END OF SEQUENTIAL IMAGE GALLERY ************************************************************ */
/* ****************************** Module - Gallery (Sequential)  - END ******************************** */


/* ********************************* Module - Gallery (Standard) ************************************ */
/* IMAGE GALLERIES****************************************************************** */
/* STANDARD IMAGE GALLERY

/* IMAGE GALLERY - This is the Icon in the overview when the categories are listed **************** */
.standard_GalleryIconBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	}

/* IMAGE GALLERY - This is the Text in the overview when the categories are listed **************** */
.standard_GalleryOverviewBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: right;
	width: 400px;
	}

/* IMAGE GALLERY - This is the Box that holds the individual thumbnail */
.standard_galleryBox {
	margin: 8px;
	padding: 0px;
	float: left;
	display: inline;
	width: 50px;
	border: 1px solid #EEEEEE;
	text-align: left;
}

/*  This is the box that holds all the thumbnails */
.standard_thumbPicBox {
	margin: 5px;
	padding: 5px;
	width: 350px;
	border: 1px solid #CCCCCC;
	float:left;
}

/*  This is the BIG PIC on the page where the icons and the ibig pic are displayed.standard_ */
.standard_mainPicBox {
	margin: 5px;
	padding: 0px;
	float: right;
	display: inline;
	width: 300px;
	text-align: left;
	border: 1px solid #DDDDDD;
	background-color: #EEEEEE;
}




/*  This is the class for the form box which has the ALT text in that is controlled by the JavaScript */
.standard_pictureALT {
	border: 1px solid #EEEEEE;
	width: 290px;
	background-color: #EEEEEE;
	margin: 0px;
	padding: 3px;
	height: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	overflow: hidden;
}
/* END OF STANDARD IMAGE GALLERY ************************************************************ */
/* ****************************** Module - Gallery (Standard)  - END ******************************** */


/* ********************************* Module - Help ************************************ */
/* HELP ****************************************************************** */

#helpBoxMenu {
	margin: 1%;
	padding: 1%;
	height: auto;
	float: left;
	background-color: #DDDDDD;
	width: 28%;
	text-align: left;
	overflow: auto;
	min-height:300px;
}
#helpBoxMenu ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#helpBoxMenu a, #helpBoxMenu a:visited, #helpBoxMenu a:hover {
font-size: 75%;
}

#helpBoxContent {
	width: 63%;
	margin: 1%;
	padding: 1%;
	height: auto;
	float: right;
	border: 1px dotted #CCCCCC;
	background-color: #F5F5F5;
	min-height:300px;
	line-height: 140%;
	font-size: 85%;	
}
/* HELP ****************************************************************** */
/* ****************************** Module - Help  - END ******************************** */


/* ********************************* Module - Links ************************************ */
/* LINKS ****************************************************************** */

.linksBox {
	height: auto;
	float: left;
	display: inline;
	margin-top: 25px;
	margin-right: 1%;
	margin-bottom: 25px;
	margin-left: 1%;
	width: 56%;
	border: 1px solid #666666;
	background-image: url(../images/BoxBG.jpg);
	background-repeat: repeat-x;
		}
	
.linksIconBox {
	float: left;
	width: 50px;
	margin: 5px 0px 0px 5px;
	border:1px solid red;
}


.linksHeaderBox {
	margin: 15px 4px 0px 10px;
	float: left;
width: 40%;
	font-size: 120%;
}
/* END OF LINKS ************************************************************ */
/* ****************************** Module - Links  - END ******************************** */


/* ********************************* Module - News ************************************ */
/* ***************************************************************************************************************** */
/* 		NEWS FILTER
/* ***************************************************************************************************************** */

#NewsFilter {
	position: absolute;
	top: 270px;
	right: 10px;
	padding: 5px;
	padding-top: 10px;
	border: 1px solid #ccc;
	background-image: url(../images/FeaturedArticleBG.jpg);
	background-repeat: repeat-x;
	width: 195px;
	background-color: #fff;
}


#NewsFilter h3 {
	font-size: 140%;
	margin-top: 20px;
	margin-bottom: 40px
}


#newsFilterForm {
	margin: 0px;
	padding: 0px;
	float: none;
	clear: both;
}


#NewsFilter .formLabelSmall, #NewsFilter select {
	width: 35px;
	font-size: 9px;
	margin: 0px;
	padding: 1px;
}

#NewsFilter select {
	width: 140px;
	height: 20px;
	margin-left: 3px;
	margin-bottom: 2px;
}

#filterFormSubmit {
	clear: both;
	float: left;
	width: 90px;
	padding: 1px;
	margin: 1px;
	display: inline;
	height: 25px;
}

#clearFilterForm {
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
}

#filterFormClearSubmit {
height: 25px;
margin-top: 1px;
}




/* ***************************************************************************************************************** */
/* 		LEAD FEATURED STORY
/* ***************************************************************************************************************** */

/* This is the box containing the headline in the actual news story */
.leadStory {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	background-image: url(../images/FeaturedArticleBG.jpg);
	background-repeat: repeat-x;
	clear: both;
	float: none;
	margin-top: 0px;
	position: relative;
	min-height: 330px;
	}
	
/* hack for IE5.5 & 6 */
* html .leadStory  {
	width: 94%;
}



.leadStory .newsStoryHeadline {
	font-size: 170%;
	color: #666666;
	line-height: 140%;
	font-weight: bold;
margin-bottom: 30px;
}


.leadStory .newsStoryDate {
	position: absolute;
	top: 25px;
	right: 10px;
	font-size: x-small;
}



/* This is the box containing the Actual News Articles Author details */
.leadStory .newsStoryAuthor {
	visibility: hidden;
	display: none;
	}








	


/* This is the box containing the Actual News Text in the news story */
.leadStory .newsStoryText {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	}
	
/* This is the class for the H3 tag that says "News Images" */
.leadStory .newsH3 {
	visibility: hidden;
	height: 0px;
	margin: 0px;
}



/* ************************************************************************************************ */
/* This is the Holding box containing ALL the resized images in the actual news story */
.leadStory .newsStoryHPicBox {
	float: right;
	display: block;
	padding: 0px;
	width: 202px;
	margin: 20px;
	margin-top: 40px;
	}

	
/* This is the box containing the resized image in the actual news story */
.leadStory .newsStoryPicBox {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 200px;
	border: solid 1px #CCCCCC;
	}




/* This is the style for the caption text in the actual news story */
.leadStory .newsStoryCaption {
	font-size: 80%;
	color:#666666;
	font-style: italic;
	margin-bottom: 16px;
	text-align:center;
	width: 200px;
	}









/* This is the box containing the links to the documents in the actual news story */
.leadStory .newsStoryDocBox {
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 96%;
	border: 1px solid #DDDDDD;
	margin-top: 25px;
	margin-right: 2%;
	margin-bottom: 5px;
	margin-left: 2%;
	}

/* hack for IE5.5 & 6 */
* html .leadStory .newsStoryDocBox {
width: 94%;
}




















/* ***************************************************************************************************************** */
/* 		SUB FEATURED STORY
/* ***************************************************************************************************************** */
/* This is the box containing the headline in the actual news story */
.subStory {
	position: relative;
	margin: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	background-image: url(../images/FeaturedArticleBG.jpg);
	background-repeat: repeat-x;
	float: left;
	margin-top: 0px;
	width: 320px;
	min-height: 390px;
	}
	
/* hack for IE5.5 & 6 */
* html .subStory  {
	width: 94%;
}



.subStory .newsStoryHeadline {
	font-size: 170%;
	color: #666666;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 30px;
}


.subStory .newsStoryDate {
	position: absolute;
	top: 35px;
	right: 10px;
	font-size: x-small;
}



/* This is the box containing the Actual News Articles Author details */
.subStory .newsStoryAuthor {
	visibility: hidden;
	display: none;
	}








	


/* This is the box containing the Actual News Text in the news story */
.subStory .newsStoryText {
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	}
	
/* This is the class for the H3 tag that says "News Images" */
.subStory .newsH3 {
	visibility: hidden;
	height: 0px;
	margin: 0px;
}



/* ************************************************************************************************ */
/* This is the Holding box containing ALL the resized images in the actual news story */
.subStory .newsStoryHPicBox {
	float: right;
	display: block;
	padding: 0px;
	width: 202px;
	margin: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	}

	
/* This is the box containing the resized image in the actual news story */
.subStory .newsStoryPicBox {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 200px;
	border: solid 1px #CCCCCC;
	}




/* This is the style for the caption text in the actual news story */
.subStory .newsStoryCaption {
	font-size: 80%;
	color:#666666;
	font-style: italic;
	margin-bottom: 16px;
	text-align:center;
	width: 200px;
	}









/* This is the box containing the links to the documents in the actual news story */
.subStory .newsStoryDocBox {
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 96%;
	border: 1px solid #DDDDDD;
	margin-top: 25px;
	margin-right: 2%;
	margin-bottom: 5px;
	margin-left: 2%;
	}

/* hack for IE5.5 & 6 */
* html .subStory .newsStoryDocBox {
width: 94%;
}





































/* This is the box containing the thumbnail on the main overveiw view */
.newsOverviewPicBox {
	margin: 2px;
	margin-left: 10px;
	margin-top: 8px;
	padding: 0px;
	height: auto;
	float: left;
	width: 100px;
	border: 1px solid #000000;
	}

/* This is the box containing the small headline and shortText on the main overveiw view */
.newsOverviewBox {
	margin: 5px;
	padding: 0px;
	height: auto;
	float: left;
	width: 230px;
	font-size: 85%;
	}

/* This is the box containing the headline in the actual news story */
#newsStory {
	margin: 0px;
	padding: 0px;
	height: auto;
	}
	
/* hack for IE5.5 & 6 */
* html #newsStory {
	width: 94%;
}













/* ***************************************************************************************************************** */
/* 		NORMAL STORY LAYOUT 
/* ***************************************************************************************************************** */

#newsStory #newsButtonBackBox {
	margin-top: -50px;
	margin-right: 10px;
	padding: 0px;
	height: auto;
	float: right;
	width: 75px;
}

/* This is the box containing the headline in the actual news story */
#newsStory {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	background-image: url(../images/FeaturedArticleBG.jpg);
	background-repeat: repeat-x;
	clear: both;
	float: none;
	margin-top: 0px;
	position: relative;
	min-height: 330px;
	}
	
/* hack for IE5.5 & 6 */
* html #newsStory  {
	width: 94%;
}



#newsStory .newsStoryHeadline {
	font-size: 170%;
	color: #666666;
	line-height: 140%;
	font-weight: bold;
margin-bottom: 30px;
}


#newsStory .newsStoryDate {
	position: absolute;
	top: 25px;
	right: 10px;
	font-size: x-small;
}



/* This is the box containing the Actual News Articles Author details */
#newsStory .newsStoryAuthor {
	visibility: hidden;
	display: none;
	}








	


/* This is the box containing the Actual News Text in the news story */
#newsStory .newsStoryText {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	}
	
/* This is the class for the H3 tag that says "News Images" */
#newsStory .newsH3 {
	visibility: hidden;
	height: 0px;
	margin: 0px;
}



/* ************************************************************************************************ */
/* This is the Holding box containing ALL the resized images in the actual news story */
#newsStory .newsStoryHPicBox {
	float: right;
	display: block;
	padding: 0px;
	width: 202px;
	margin: 20px;
	margin-top: 40px;
	}

	
/* This is the box containing the resized image in the actual news story */
#newsStory .newsStoryPicBox {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 200px;
	border: solid 1px #CCCCCC;
	}




/* This is the style for the caption text in the actual news story */
#newsStory .newsStoryCaption {
	font-size: 80%;
	color:#666666;
	font-style: italic;
	margin-bottom: 16px;
	text-align:center;
	width: 200px;
	}









/* This is the box containing the links to the documents in the actual news story */
#newsStory .newsStoryDocBox {
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 96%;
	border: 1px solid #DDDDDD;
	margin-top: 25px;
	margin-right: 2%;
	margin-bottom: 5px;
	margin-left: 2%;
	}

/* hack for IE5.5 & 6 */
* html #newsStory .newsStoryDocBox {
width: 94%;
}
























a.newsTop:link, a.newsTop:visited, a.newsTop:hover {
	font-size: xx-small;
	text-decoration: none;
	color: #990000;
	text-align: right;
	float: right;
}
a.newsTop:hover {
	color: #000000;
}

/* ****************************** Module - News  - END ******************************** */


/* ********************************* Module - Page Links ************************************ */
/* PAGE LINKS */
#pageLinks {
	margin: 0px;
	padding: 0px;
	height: 10em;
	width: 100%;
}

#pageLinks ul {

}

#pageLinks li {
list-style-image: url(../images/bullet_standard_list.gif);
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#pageLinks a, #pageLinks a:visited {
	font-weight: normal;
	font-size: 90%;
	color: #666666;
	}

#pageLinks a:hover {
	
}
/* ****************************** END OF PAGE LINKS ********************************** */
/* ****************************** Module - Page Links  - END ******************************** */


/* ********************************* Module - Page Text 2 ************************************ */
#pageTextTwo
{
border: none;
}

#pageTextTwo img
{
margin-left: 8px;
margin-right: 7px;
margin-bottom: 10px;
border: none;
}
/* ****************************** Module - Page Text 2  - END ******************************** */


/* ********************************* Module - Personnel ************************************ */
/* PERSONNEL ****************************************************************** */
.personnelBoxes {
	margin: 5px;
	padding: 5px;
	float: left;
	display: inline;
	width: 120px;
	/* border: 1px solid #33FF33; */
	text-align: center;
}

.personnelBoxes a, .personnelBoxes a:visited {
	text-decoration:none;
	color:#000000;
	font-weight: bold;
	font-size: 80%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	}

.personnelBoxes a:hover {text-decoration: underline;}

.personnelImageSmall {
	margin: 0px;
	padding: 0px;
	width: 100px;
	border: 1px solid #000000;
}

.personnelImageMain {
	margin: 5px;
	padding: 0px;
	float: left;
	display: inline;
	width: 180px;
	/* border: 1px solid #33FF33;  */
	text-align: center;
}

.personnelDetailsMain {
	margin: 5px;
	padding: 0px;
	float: left;
	display: inline;
	width: 400px;
	/* border: 1px solid #33FF33; */
	text-align: left;
}
/* END OF PERSONNEL ************************************************************ */
/* ****************************** Module - Personnel  - END ******************************** */


/* ********************************* Module - Recruitment ************************************ */
/* RECRUITMENT ****************************************************************** */
a.jobCatButton:link, a.jobCatButton:visited, a.jobCatButton:hover {
	font-size: xx-small;
	text-decoration: none;
	color: #000000;
	text-align: center;
	padding: 0px;
	height: auto;
	margin-top: -1px;
	margin-right: -1px;
	margin-bottom: 0px;
	margin-left: -1px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	display: block;	
}
a.jobCatButton:hover {
	background-color: #EEEEEE;
	color: #666666;
}


a.fullDetailsButton:link, a.fullDetailsButton:visited, a.fullDetailsButton:hover {
	font-size: xx-small;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	padding: 2px;
	height: auto;
	margin: 3px 7px;
	float: right;
	width: 90px;
	background-color: #003366;
	border: 1px solid #FFFFFF;
}
a.fullDetailsButton:hover {
	background-color: #EEEEEE;
	border: 1px solid #003366;
	color: #003366;
}


.recruitmentSortBox {
	width: 60px;
	display: inline;
	float: left;
}




.recruitmentBoxB, .recruitmentBoxBB {
	margin: 3px 10px;
	width:auto;
	padding: 5px;
	height: auto;
	float: none;
	border: 1px dashed #BBBBBB;
	clear: both;
	background-color: #EEEEEE;
}

.recruitmentBoxBB {
	background-color: #CCCCFF;
}

.recOverviewText {
	margin: 1%;
	width:60%;
	padding: 0%;
	height: auto;
	float: left;
	display: inline;
	display: inline;
	}

/* This is the box that contains the job info and "Full Job Details" button */
.recOverviewRef {
	margin: 1%;
	width: 32%;
	padding: 1%;
	height: auto;
	float: left;
	display: inline;
	background-color: #DDDDDD;
	border: 1px solid #333333;
}
.recOverviewRef h6 {
	float:left;
	font-weight: bold;
	clear:both;
	}

.recMainJob {
	margin: 0px 10px;
	padding: 15px;
	height: auto;
	float: none;
	border: 1px dotted #666666;
	background-color: #EEEEEE;
	font-size: smaller;
	display: block;
	}
	
.recMainHeader {
	margin: 0px;
	padding: 10px;
	height: auto;
	background-color: #003366;
	color: #FFFFFF;
	font-size: large;
	border: 1px solid #FFFFFF;
	display: block;
	}

.recMainText {
	margin: 3px;
	width:60%;
	padding: 3px;
	height: auto;
	float: left;
	border-top: 1px none #666666;
	border-right: 1px dotted #666666;
	border-bottom: 1px none #666666;
	border-left: 1px none #666666;
	}
	
.recMainInfo {
	margin: 3px;
	padding: 3px;
	height: auto;
	float: right;
	}
	
/* END OF RECRUITMENT ************************************************************ */
/* ****************************** Module - Recruitment  - END ******************************** */


/* ********************************* Module - Translation Page ************************************ */
#translationLinks a, #translationLinks a:hover, #translationLinks a:visited  {
	color: #666;
	font-size: x-small;
	text-decoration:none;
}

#translationLinks li, #translationLinks ul {
	color: #666;
}

#TranslationHoldingBox {
	position:relative;
	width: 450px;
	height: 200px;
	border: 1px solid #003366;
	z-index:20;
	}

#TranslationNotice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	overflow: auto;
	visibility: visible;
	z-index: auto;
	height: 100%;
	width: 100%;
	z-index:10;
}
#TranslationNoticeCover {
	width: 450px;
	height: 55px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	z-index:30;
	}
	
#TranslationNoticeCover2 {
	width: 10px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	z-index:30;
	}

/* ****************************** Module - Translation Page  - END ******************************** */


/* ********************************* Module - Video ************************************ */
/* VIDEOS  ****************************************************************** */
#videoMenu {
	margin: 5px;
	padding: 5px;
	height: auto;
	float: left;
	font-size: 75%;
	display: inline;
	background-color: #DDDDDD;
	width: 250px;
	text-align: left;
	overflow: auto;
	min-height:300px;
}

#videoMenu a, #videoMenu a:visited, #videoMenu a:hover {
font-size: 120%;
}

#videoMenu ul {
	margin: 0px;
	padding: 0px;
}

#videoMenu li {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

#videoContent {
	margin: 5px;
	padding: 5px;
	height: auto;
	float: left;
	display: inline;
	border: 1px dotted #CCCCCC;
	background-color: #F5F5F5;
	min-height:300px;
	line-height: 140%;
	font-size: 75%;	
}


/* END OF VIDEOS ************************************************************ */
/* ****************************** Module - Video  - END ******************************** */


/* ********************************* modulesHoldingBox & text Holding box ************************************ */
#textHoldingBox
{
float: left;
width:282px;
}



#modulesHoldingBox
{
float: right;
width: 711px;
display:inline;
}


/* ****************************** modulesHoldingBox & text Holding box  - END ******************************** */


/* ********************************* Page Elememt - NAVIGATION - Main ************************************ */
/* NAVIGATION */
#navigation {
	position: absolute;
	top: 110px;
	width:1000px;
	font-size:90%;
	font-weight: normal;
	background-color: #CEDDFF;
	display:block;
	padding: 0em;
	z-index: 2;
	height: 36px;
	margin-top: 0px;
	margin-left: 0px;
	clear: both;
	float: none;
	background-image: url(../images/navBG.jpg);
	background-repeat: repeat-x;
}
/* ****************************** END OF NAVIGATION ********************************** */



/* ================================================================ 
/* ================================================================ 
	SITE MENU - I.E. THE NAVIGATION OF THE CONSUMER SITE
/* ================================================================ 
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menucontainer{
	background-color: #ACC8F6;

}

.menu {
	position:relative;
	font-size:90%;
	margin: 0em;
	padding: 0em;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	margin: 0em;
	margin-left: 40px;
margin-top: 0px;
	padding: 0em;
	width: 100%;
	list-style-type: none;
	list-style-image: none;
height: 36px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: left;
	position: relative;
	display: inline;
	text-align: center;
	list-style-type: none;
	list-style-image: none;
margin-left: 0px;
margin-right: 30px;	
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display: block;
	text-decoration:none;
	height: 36px;
	line-height: 36px;
	padding-right: 20px;
	padding-left: 20px;
color: #fff;
font-size: 150%;
font-weight: normal;
}



/********************************************************************************************************/
/*												2ND LEVEL												*/
/********************************************************************************************************/
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top: 20px;
	left:0;
	width: 130px;
	z-index: 6;
	text-align: left;
	border: 1px solid #003366;
 	background-color: #ececec;
	margin: 0px;
	padding: 0px;
}



/* another hack for IE5.5 */
* html .menu ul ul {
top:18px;
top:18px;
border: 1px solid #003366;
}


.menu ul ul li {
	margin: 0px;
	padding: 0px;
}


/* position the third level flyout menu for a left flyout */
.menu ul ul.left {
left:-77px;
z-index: 10;
}

/***************************************************************************/
/* This filters down the levels too
/***************************************************************************/
/* style the second level links */


/* style the second level background a tags*/
.menu ul ul a, .menu ul ul a:visited, .menu ul ul a.drop, .menu ul ul a.drop:visited {
	height: 20px;
	line-height: 20px;
	color: #003366;
	padding: 0px 0px 0px 10px;
	width: 120px;
	text-align: left;
	display: block;
	margin: 0px;
	z-index: 6;
 	background-color: #ececec;
	border-bottom: 1px solid #999;
	
}

.menu ul ul a.drop, .menu ul ul a.drop:visited {
	/* background-image: url(../images/blankArrow.gif); */
	/* background-repeat: no-repeat; */
	/* background-position: right center; */ 
	}


/********************************************************************************************************/
/*											2ND LEVEL	- END											*/
/********************************************************************************************************/






/********************************************************************************************************/
/*											THIRD LEVEL													*/
/********************************************************************************************************/
/* position the third level flyout menu */
.menu ul ul ul{
	left: 130px;
 	background-color: #ececec;
	top: -1px;
	width: 130px;
	border: 1px solid #003366;
	z-index: 10;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left: -13em;
z-index: 10;
}

/* style the third level */
.menu ul ul ul a, .menu ul ul ul a:visited {
	height: 20px;
	display:block;
	line-height: 20px;
	text-decoration:none;
	color:#333333;
	text-align: left;
	z-index: 10;
width: 120px;	
 	background-color: #ececec;
	}





/* Tier One - Style for when the navigation button when the user is on that page */
.menu a.Over, .menu a.dropOver {
	background-color: none;
color: #ed3394;

}

/* Tier Two - Style for when the navigation button when the user is on that page */
.menu ul ul a.Over, .menu ul ul a.dropOver {
	background-color: #069;
color: #ed3394;
}










/***************************************************************************/
/***********************	IMPORTANT IMPORTANT	  **********************/
/***************************************************************************/						
/* THERE MUST BE A BACKGROUND COLOUR VALUE FOR THESE TO WORK IN Internet Explorer 6 /
/*
/* Make sure you match these colours with the a:hover styles above
/*
/***************************************************************************/
/* style the top level hover */
.menu a:hover {
	color: #ed3394;
	text-decoration: none;
	background: none; /* You have to have this even if it is the same colour as the normal status */
}



.menu :hover > a {
	color: #ed3394;
	background: none; /* This must be the same as .menu a:hover { */
	text-decoration: none;

}

.menu ul ul :hover > a {
	color: #ed3394;
	background-color: none;
	text-decoration: none;
	z-index: 6;
	border: none;
	border-bottom: 1px solid #999;
}
/***************************************************************************/


/***************************************************************************/
/***************************************************************************/
/* style the second level hover */
.menu ul ul a.drop:hover{
	text-decoration: none;
	color: #fff;
	z-index: 6;
height: 20px;
line-height:20px;
	border-bottom: 1px solid #999;
	 background-image: url(../images/blankArrow.gif); 
	 background-repeat: no-repeat; 
	 background-position: right center; 
}

.menu ul ul a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #069;
	z-index: 6;
	border-bottom: 1px solid #999;
	}

.menu ul ul :hover > a.drop {
	text-decoration: none;
	color: #fff;
	background: #069;
	z-index: 10;

}
/***************************************************************************/


/***************************************************************************/
/***************************************************************************/
/* style the third level hover */
.menu ul ul ul a:hover {
	text-decoration: none;
	color: #fff;
	background: #069;
}
/***************************************************************************/







/***************************************************************************/
/*  	DON'T EDIT THESE ONES BELOW 		  */
/***************************************************************************/

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
visibility:hidden;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:hidden;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}	
/***************************************************************************/
/***************************************************************************/



/* ****************************** Page Elememt - NAVIGATION - Main  - END ******************************** */


/* ********************************* Page Element - Accessibility Bar ************************************ */
/* ************ Accessibility Bar ************************************************** */
#accessibilityBar
{
border: 1px dotted #AAAAAA;
margin: 10px;
padding-left: 10px;
padding-right: 10px;
}

#accessibilityBar ul
{
margin: 0px;
padding: 0px;
list-style-type:none;
list-style-image: none;
}

#accessibilityBar li
{
float: left;
}

#accessibilityBar a, #accessibilityBar a:visited, #accessibilityBar a:hover
{
margin-left: 6px;
margin-right: 8px;
color: #666666;
font-size: 8pt;
} 

/* ****************************** Page Element - Accessibility Bar  - END ******************************** */


/* ********************************* Page Element - Ad Banners ************************************ */
/* AD BANNER */
#addBanners {
	position: absolute;
	left: 800px;
	top: 208px;
	background-color: #AAAAAA;
	width: 200px;
	height: 500px;
	text-align: center;
}

.addBannersEach {
	margin: 3px auto 2px;
	border: 1px solid #000000;
	width: 120px;
}
/* ****************************** END OF AD BANNERS ******************************* */
/* ****************************** Page Element - Ad Banners  - END ******************************** */


/* ********************************* Page Element - Babel Fish ************************************ */

/* BABEL FISH */
#babelFish {
	position: absolute;
	left: 30px;
	top: 200px;
	margin: 0px;
	padding: 5px;
	width: 130px;
	background-image: url(../images/BoxBG.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #666666;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}
/* ****************************** END OF BABEL FISH ********************************** */
/* ****************************** Page Element - Babel Fish  - END ******************************** */


/* ********************************* Page Element - Flash Banners ************************************ */
/* FLASH BANNER */
#flashBanner {
	position: absolute;
	left: 315px;
	top: 8px;
	background-color: #AAAAAA;
	width: 480px;
	height: 60px;
	border: 1px solid #CCCCCC;
}
/* ****************************** END OF Flash BANNERS ******************************* */
/* ****************************** Page Element - Flash Banners  - END ******************************** */


/* ********************************* Page Element - Font Size Management ************************************ */
/* FONT SIZE MANAGEMENT */
#textSizeManagement {
	position: absolute;
	left: 905px;
	top: 80px;
	background-color: #FFFFFF;
	width: 87px;
	min-height: 38px;
	padding: 3px;
	margin: 2px;
	border: 1px solid #000000;
	overflow: auto;
}

#textSizeManagement .formButton, #textSizeManagement .resetButton {
	font-size: 90%;
	color: #000000;
	padding: 0px;
	background-color: #E8E8E8;
	border: 1px solid #333333;
	float: left;
	display: inline;
	min-width:18px;
	margin: 1px;
}

#textSizeManagement .resetButton {
	font-size: 90%;
	min-width: 38px;
}
/* ************************** END OF TEXT SIZE MANAGEMENT ***************************** */
/* ****************************** Page Element - Font Size Management  - END ******************************** */


/* ********************************* Page Element - Footer ************************************ */
/* ************ FOOTER CSS ************************************************** */
#mainFooter
{
margin:0px;
padding: 0px;

}

#mainFooter ul
{
margin: 0px;
padding: 0px;
list-style-type:none;
list-style-image: none;
}

#mainFooter li
{
float: left;
height: 15px;
display: block;
}

#mainFooter a, #mainFooter a:visited, #mainFooter a:hover
{
color: #666666;
font-size: 8pt;
height: 14px;
display: inline;
} 

#footerTextAbove
{
float: none;
clear: both;
font-size: 85%;
}

#footerTextBelow
{
float: none;
clear: both;
font-size: 85%;
}

.footerBreakChar
{
color: #666666;
margin-left: 3px;
margin-right: 3px;
font-size: 8pt;
display: inline;
}

#pinkFooter
{position: absolute;
 left:0px;
 bottom: 0px;}

/* ****************************** Page Element - Footer  - END ******************************** */


/* ********************************* Page Element - Graphic Banner ************************************ */

/* GRAPHIC BANNER */
#graphicBanner {
	position: absolute;
	left: 200px;
	top: 80px;
	background-color: #CCCCCC;
	width: 600px;
	height: 100px;
}
/* ****************************** END OF BRANDING ********************************** */
/* ****************************** Page Element - Graphic Banner  - END ******************************** */


/* ********************************* Page Element - Marquee Banner ************************************ */
/* MARQUEE BANNER */
#marqueeBanner {
	padding: 3px;
	width: 460px;
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #003366;
	border: 1px solid #FFFFFF;
	clear: both;
	float:left;
	margin-top: 33px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 220px;
	background-color: #CCCCFF;
}


#marqueeBanner ul {
	padding:0px;
	margin:0px
}

#marqueeBanner li {
	overflow: auto;
	/* overflow-style: marquee;
	white-space: nowrap;
	marquee-loop: infinite;
	marquee-style: scroll;
	marquee-direction: reverse;
	marquee-speed: slow; /* [normal][fast] */
	list-style-image: none;
	list-style-type: none;
	height: 2.5em;
}
/* ****************************** END OF MARQUEE BANNER ********************************** */
/* ****************************** Page Element - Marquee Banner  - END ******************************** */


/* ********************************* Page Element - NAVIGATION - Breadcrumbs ************************************ */
#breadcrumbs {
	text-align: left;
	margin: 37px 0px 9px 10px;
	width: 980px;
	font-size: xx-small;
	color: #fff;
	font-weight: bold;
	line-height: 10px;
	float:left;
}

#breadcrumbs  a{
	color: #fff;
}
/* ****************************** Page Element - NAVIGATION - Breadcrumbs  - END ******************************** */


/* ********************************* Page Element - NAVIGATION - Section ************************************ */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#sectionNav {
	width: 155px;
	margin: 0px;
	margin-left: 47px;
	padding: 0px;
	position: relative;	
	font-size:90%;
	z-index: 0;
	background-color: #E9E9FF;
	border: 1px solid #aaa;
}

/* another hack for IE5.5 */
* html #sectionNav {
	height: 377px;	
	z-index: 0;
}

#sectionNav .sectionNav, #sectionNav .usefulLinks {
	color: #FFFFFF;
	font-size: medium;
	margin-top: 20px;
	margin-left: 4px;
	margin-bottom: 0px;
	font-weight: bold;
	z-index: 0;
}

#sectionNav .usefulLinks {
	color: #003366;
}

#sectionNav h2 {
	color: #FFFFFF;
	margin-left: 4px;
}


/* remove all the bullets, borders and padding from the default list styling */
#sectionNav ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#sectionNav li {
	position: relative;
	text-align: center;
	margin: 0px;
	padding: 0px;
	display: block;
	}

/* style the links for the top level */
#sectionNav a, #sectionNav a:visited {
	height: 20px;
	width: 155px;
	color: #fff;
	padding: 0px;
	text-align: center;
	display: block;
	margin: 0px;
	line-height: 20px;
	background-color: #254B72;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #355B82;
	border-bottom-color: #153B62;


}

/* hack for IE */
* html #sectionNav a, #sectionNav a:visited {
/* height:20px; */

}


/********************************************************************************************************/
/*												2ND LEVEL												*/
/********************************************************************************************************/
/* hide the sub levels and give them a positon absolute so that they take up no room */
#sectionNav ul ul {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: -157px;
	width: 155px;
	text-align: left;
	border: 1px solid #666;
	background-color:#fff;
	margin: 0px;
	padding: 0px;
	z-index: 5;
	color: #000;
}


/* another hack for IE5.5 */
* html #sectionNav ul ul {
top: 0px;
top: 0px;
}


/* style the second level background a tags*/
#sectionNav ul ul a.drop, #sectionNav ul ul a.drop:visited {
	display: block;
	background-color :#fff;
	text-decoration: none;
	color: #000000;
	height: 20px;
	line-height: 20px;
	padding: 0px;
	width: 155px;
	text-align: left;
	margin: 0px;
}


/***************************************************************************/
/* This filters down the levels too
/***************************************************************************/
/* style the second level links */
#sectionNav ul ul a, #sectionNav ul ul a:visited {
	text-decoration: none;
	color: #000;
	text-align: left;
	background-color: #fff;
	background-image: none;
	height: 20px;
	padding: 0px;
	width:155px;
	display: block;
	margin: 0px;
	line-height: 20px;
border:none;
}
* html #sectionNav ul ul a{
width:193px;
width:193px;
}

#sectionNav ul ul a:hover{
	text-decoration: none;
	color: #000;
	background: #ccc;
}

/********************************************************************************************************/
/*											2ND LEVEL	- END											*/
/********************************************************************************************************/






/********************************************************************************************************/
/*											THIRD LEVEL													*/
/********************************************************************************************************/
/* position the third level flyout menu */
#sectionNav ul ul ul{
	left:177px;
	background:#254B72;
	top:0;
	width:200px;
	border: 1px solid #003366;
	z-index: 10;
}
/* position the third level flyout menu for a left flyout */
#sectionNav ul ul ul.left {
left:-150px;
}

/* style the third level */
#sectionNav ul ul ul a, #sectionNav ul ul ul a:visited {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	text-align: left;
	background-color: #254B72;
	background-image: none;
	}


/***************************************************************************/
/****************************	IMPORTANT IMPORTANT	  **********************/
/***************************************************************************/						
/* THERE MUST BE A BACKGROUND COLOUR VALUE FOR THESE TO WORK IN Internet Explorer 6 /
/*
/* Make sure you match these colours with the a:hover styles above
/*
/***************************************************************************/
/* style the top level hover */
#sectionNav a:hover {
	color:#fff;
	text-decoration:none;
	background:#355B82; /* You have to have this even if it is the same colour as the normal status */
}



#sectionNav :hover > a {
	color:#fff;
	background:#355B82; /* This must be the same as #sectionNav a:hover { */
	text-decoration:none;
}

#sectionNav ul ul :hover > a {
	color:#333;
	background:#eee;
	text-decoration:none;
}
/***************************************************************************/


/***************************************************************************/
/***************************************************************************/
/* style the second level hover */
#sectionNav ul ul a.drop:hover{
text-decoration:none;
color:#333;
background:#eee;
}

#sectionNav ul ul :hover > a.drop {
text-decoration:none;
	color:#333;
	background:#eee;
}
/***************************************************************************/


/***************************************************************************/
/***************************************************************************/
/* style the third level hover */
#sectionNav ul ul ul a:hover {
text-decoration:none;
color:#333;
background:#eee;
}
/***************************************************************************/




/* SECTION NAV - When the user is on the page make the section nav style different */
#sectionNav ul a.Over, #sectionNav ul a.dropOver {
	background-color:#355B82;
}




/***************************************************************************/
/*  	DON'T EDIT THESE ONES BELOW 		           */
/***************************************************************************/

/* make the second level visible when hover on first level list OR link */
#sectionNav ul li:hover ul, #sectionNav ul a:hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#sectionNav ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#sectionNav ul :hover ul :hover ul{
	visibility:visible;
}


/* style the table so that it takes no part in the layout - required for IE to work */
#sectionNav table {position:absolute; top:0; left:0;}	
/***************************************************************************/
/***************************************************************************/



/* ****************************** Page Element - NAVIGATION - Section  - END ******************************** */


/* ********************************* Page Element - Ownership Footer ************************************ */
/* OWNERSHIP */
#ownerFooter {
	margin: 10px 0px 0px;
	padding: 5px;
	height: auto;
	width: 188px;
	background-image: url(../images/BoxBG.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #666666;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}
/* ****************************** END OF OWNERSHIP********************************** */
/* ****************************** Page Element - Ownership Footer  - END ******************************** */


/* ********************************* Page Element - Page Images ************************************ */
/* PAGE IMAGES */
#pageImages {
	float: right;
	margin: 5px;
	width: 202px;
}

.pageImagesEach {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #CCCCCC;
}
/* ****************************** END OF PAGE IMAGES ********************************** */
/* ****************************** Page Element - Page Images  - END ******************************** */


/* ********************************* Page Element - Page Text ************************************ */
/* PAGE TEXT */
#pageText {
margin: 0px;
margin-left:5px;
margin-bottom: 70px;
padding: 0px;
width:auto;
padding-top: 0px;
font-size: 112%;
clear:both;
float: left;
width: 260px;
}

#testimonialScroller
{
margin-left: -20px;
}

#pageText ul
{
margin-left: 0px;
padding-left: 25px;
}

#pageText li
{
list-style-type: square;
list-style-image: url(../images/bulletpoint.gif);
line-height: 16px;
margin: 0px;
padding: 0px;
}

#pageText .pageNav ul
{
	margin: 10px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}

#pageText .pageNav li
{
	list-style-type: none;
	list-style-image: none;
	line-height: 16px;
}

#pageText .pageNav li a {
font-weight: normal;
color: #666;
}

#pageText .pageNav li a.tier2Link
{
font-weight: bold;
color: #ed3394;
}

/* ****************************** Page Element - Page Text  - END ******************************** */


/* ********************************* Page Element - Search ************************************ */
#search {
	clear:both;
	float: right;
	margin: 0px;
	padding: 5px;
	padding-right: 1px;
	width:160px;
	height: 60px;
	background-color: #EEEEEE;
	border: 1px solid #aaa;

}

#search label {
	font-size: 7pt;

}

#search h3 {
	margin-top: 0px;
	height: 25px;
	padding-left: 10px;
	padding-top: 3px;
	color: #666666;
	font-size: 90%;


}


#search ul {
	position: relative;
	padding-top: 5px;
	margin:0;
	list-style-type:none;
	width: 100%;

}


.searchTerm, .searchTermDrop {
	color:#666666;
	width: 119px;
	height: 13px;
	line-height:11px;
	margin-bottom: 3px;
	font-size: 7pt;
	margin-right: 2px;
	margin-left: 2px;
	border: 1px solid #aaa;
}


.searchTermDrop {
	color:#999;
	height: 19px;
	line-height: 17px;
	width: 122px;
	margin-right: 0px;
	margin-left: 1px;	
}

.searchButton {
	float: right;
	display: inline;
	font-size:9px;
	border: 1px solid #aaa;
	background-color: #ddd;
	color: #666;
	margin-right: 4px;
	}


.searchResultBox {
margin: -1px 2px 2px;
padding: 10px 3px 2px 14px;
width: 650px;
background-color: #FEFEFE;
font-weight: normal;
font-size: 85%;
border: 1px solid #999999;
}

a.searchResultLink:link, a.searchResultLink:visited, a.searchResultLink:hover {
	text-decoration: none;
	color: #003366;
	font-weight: bold;
}
a.searchResultLink:hover {
	text-decoration: underline;
}


/* ****************************** Page Element - Search  - END ******************************** */


/* ********************************* Page Element - Style Management ************************************ */
/* STYLE MANAGEMENT */
#styleManagement {
	position: absolute;
	left: 800px;
	top: 80px;
	background-color: #FFFFFF;
	width: 95px;
	min-height: 38px;
	padding: 3px;
	margin: 2px;
	border: 1px solid #000000;
	overflow: auto;
}
/* ************************** END OF STYLE MANAGEMENT ***************************** */
/* ****************************** Page Element - Style Management  - END ******************************** */


/* ********************************* Page Right ************************************ */
/* MAIN CONTENT FOR INDEX PAGE */
#pageRight {
width: 250px;
	float: right;
	text-align: left;
	margin: 0px 1% 15px 0px;
	padding: 2px;
	min-height: 500px;
	background-image: url(../images/top_shadow.png);
	background-repeat: repeat-x;
	background-color: #fff;	
	border: 1px solid #aaa;


}

#pageRight h2 {
	background-image: url(../images/headerBG.jpg);
	background-repeat: repeat-x;
	height: 36px;
	min-height: 36px;
	padding-top: 6px;
	text-align: center;
	font-weight: normal;
	font-size: 150%;
	color: #4A4F6D;
}
/* *************************************************************************** */
/* ****************************** Page Right  - END ******************************** */


/* ********************************* Password Protected Pages ************************************ */
#uniqueProtected {
	background-image: url(../images/PasswordProtected.gif);
	background-repeat: no-repeat;
	height: 180px;
	color: #333333;
	margin-top: 5%;
	margin-bottom: 5%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	padding-top: 100px;
	width: 460px;
	}

#uniqueProtected .formField {
	font-size: 85%;
	width: auto;
}
/* *************************************************************************** */
/* ****************************** Password Protected Pages  - END ******************************** */


/* ********************************* Red ************************************ */
.red {
	color: #990000;
}

/* ****************************** Red  - END ******************************** */


/* ********************************* Rounded Corners ************************************ */
.topLeftCorner, .topRightCorner, .bottomLeftCorner, .bottomRightCorner {
	position:absolute;
	}

.topLeftCorner {
	top:-1px;
	left: -1px;
	}

.topRightCorner {
	top:-1px;
	right: -1px;
	}

.bottomLeftCorner {
	bottom:-1px;	
	left: -1px;	
	}

.bottomRightCorner {
	bottom:-1px;
	right: -1px;
	}
/* ****************************** Rounded Corners  - END ******************************** */


/* ********************************* Standard CSS - Body ************************************ */
body {
	font-family:  Arial, Helvetica, sans-serif;
	line-height: 1.3;
	color: #666;
	margin: 0px;
	background-color: #fff;
	font-size: 10px;
	}
/* ****************************** Standard CSS - Body  - END ******************************** */


/* ********************************* Standard CSS Tags ************************************ */
/* Standard Links styles for in the text */
a, a:visited {
	text-decoration:none;
	color:#000000;
	font-weight: bold;
	font-size: 100%;
	border: none;
	}



a:hover {
	text-decoration: underline;
	border: none;
	}


img {
	border: none;
}
	

p {
margin: 1em;
padding: 0px;
}


.clear {
	clear: both;
	float: none;
}
/* ****************************** Standard CSS Tags  - END ******************************** */


/* ********************************* STUFF THAT NEEDS SPLITTING OUT ************************************ */

	


.imageBorder {
	border: 1px solid #333333;
}


.genericBox {
	margin: 2%;
	padding: 2%;
	height: auto;
	float: left;
	display: inline;
	}

.genericBoxB {
	margin: 1%;
	width:43%;
	padding: 2%;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #333333;
}

.genericBoxTight {
	margin: 1%;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #333333;
}




.standardIframe {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	height: 700px;
	width: 90%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* TABS */
.tabBG {
	background-image: url(../images/tab-bg.jpg);
	background-repeat: repeat-x;
	height: 20px;
	float: left;
	padding: 5px 0px 0px;
	font-weight: bold;
}

.tabEndLeft, .tabEndright {
	height: 25px;
	float: left;
}

.tabEndLeft {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	float: left;
}









/* *************************************************************************** */
/* Standard Square Holding Box */

.standardSquareBox {
	width: 530px;
	margin: 20px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

/* *************************************************************************** */










/* *************************************************************************** */
/* Standard List */
.standardList ul {

}

.standardList li {
	list-style-image: url(../images/bullet_standard_list.gif);
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.standardList a, .standardList a:visited, .standardList a:hover {
	font-weight: normal;
	font-size: 90%;
	color: #666666;
}
/* *************************************************************************** */




/* *************************************************************************** */
.buttonContainerBox {
	margin: 0px;
	padding: 2px;
	height: auto;
	float: left;
	display: inline;
	width: 75px;
}

a.miniButton:link, a.miniButton:visited, a.miniButton:hover {
	background-color: #CCCCCC;
	display: block;
	font-size: xx-small;
	text-decoration: none;
	color: #000000;
	border: 1px solid #999999;
	text-align: center;
	padding: 0px;
	height: auto;
	margin-top: -1px;
	margin-right: -1px;
	margin-bottom: 0px;
	margin-left: -1px;
	width: 100%;
}
a.miniButton:hover {
	background-color: #EEEEEE;
}
/* *************************************************************************** */
/* ****************************** STUFF THAT NEEDS SPLITTING OUT  - END ******************************** */


/* ********************************* Tabular Data Div Table Creation ************************************ */
.tabularDataBox, .tabularDataBox200 {
	margin: -1px;
	padding: 2px;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #999999;
	width: 100px;
	background-color: #EEEEEE;
}

.tabularDataBox200 {
	width: 200px;
}

/* THESE ONES DON'T HAVE ANY SET WIDTH */
.tabularDataBoxB {
	margin: -1px;
	padding: 2px;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #999999;
	background-color: #EEEEEE;
}

.tabularHeaderBoxB {
	margin: -1px;
	padding: 2px;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #999999;
	background-color: #555555;
	color: #FFFFFF;
}


.tabularHeaderBox, .tabularHeaderBox200 {
	margin: -1px;
	padding: 2px;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #999999;
	width: 100px;
	background-color: #555555;
	color: #FFFFFF;
}

.tabularHeaderBox200 {
	width: 200px;
}

/* ****************************** Tabular Data Div Table Creation  - END ******************************** */


/* ********************************* Tooltips ************************************ */
a.tooltip {
	font-size: 12px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	position: relative;
}

a.tooltip:hover {
	font-size: 12px;
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
	cursor: text;
}


a.tooltip span {display: none;}
 
a.tooltip:hover span {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 120px;
  height: 100px;
  display: block;
  background: #FFFFCC;
 border-right-width: 3px;
 border-right-style: solid;
 border-right-color: #CCCCCC;
 border-bottom-width: 4px;
 border-bottom-style: solid;
 border-bottom-color: #CCCCCC;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #CCCCCC;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #CCCCCC;
  padding: 10px;
  font-size: 11px;
  text-decoration: none;
  } 
/* ****************************** Tooltips  - END ******************************** */


/* ********************************* WRAPPER ************************************ */
#wrapper {
	position:relative;
	margin: auto;
	margin-top: 5px;
margin-bottom: 0px;
padding: 0px;
	width: 1000px;
	/* border: 1px solid #ed3394; */
	background-image: url(../images/mianContentBG.gif);
	background-repeat: no-repeat;
}
/* ****************************** WRAPPER  - END ******************************** */


/* ********************************* Zones - Front Menu before entering site ************************************ */
/* ZONES MANAGEMENT - ON FRONT MENU ************************************** */
#frontMenuZone {
	width:700px;
	background-color: #003366;
	border: 2px solid #99CCFF;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	font-weight: normal;
	height:350px;
	background-image: url(../images/front-menu1.jpg);
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}
/* *************************************************************************** */




#frontMenuZone ul {
	list-style-image: none;
	list-style-type: none;
	width: 600px;
	margin: 250px 0px 0px;
}

#frontMenuZone li {
	float: left;
	padding: 0px;
	margin: 5px 20px;
	list-style-image: none;
	list-style-type: none;
	width: 150px;
	
}

#frontMenuZone a, #frontMenuZone a:visited {
	float: left;
	display: block;
	background-color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	padding: 4px 10px;
	width: 130px;
	border: 1px solid #000000;
}

#frontMenuZone a:hover {
	float: left;
	background-color: #000000;
	border: 1px solid #FFFFFF;

}
/* *************************************************************************** */
/* ****************************** Zones - Front Menu before entering site  - END ******************************** */


/* ********************************* Zones - Once into the site ************************************ */
/* ZONES MANAGEMENT - IN THE PAGE ************  
/* depending on selectors in the KEYVARS */


/* ZONES MANAGEMENT - IN THE PAGE ************/ 
/* depending on selectors in the KEYVARS */
#pageZoneBox {
	margin-left: 7px;
	padding: 0px;
	display: block;
	clear: both;
	float: none;
	margin-top: 0em;
	margin-right: 3px;
	margin-bottom: 0em;
}
/* *************************************************************************** */


#pageZoneBox h6 {
color:#FFFFFF;
}

#pageZoneBox ul {
	margin: 0em;
	padding: 0em;
	width: 100%;
	list-style-type:none;
	list-style-image: none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#pageZoneBox li {
	float:left;
	position:relative;
	display: inline;
	text-align: center;
	list-style-type:none;
	list-style-image: none;
	}

#pageZoneBox a, #pageZoneBox a:visited {
	background-color:#DDDDDD;
	color: #666666;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-left:0.2em;
	float:left;
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

#pageZoneBox a:hover {
	background-color:#999999;
	color: #CCCCCC;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
}
/* *************************************************************************** */
/* ****************************** Zones - Once into the site  - END ******************************** */