/* ZONES MANAGEMENT - IN THE PAGE */
#pageZoneBox {
	position: absolute;
	left: 30px;
	top: 100px;
	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;
}
/* *************************************************************************** */


/* ZONES MANAGEMENT - ON FRONT MENU */

#frontMenuZone {
	width:700px;
	background-color: #003366;
	border: 2px solid #99CCFF;
	text-align: center;
	vertical-align: middle;
	padding: auto;
	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;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	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;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}



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




/* LOG IN BOXs */
#loginBox {
	padding: 0px;
	background-color: #FFFFFF;
	line-height: normal;
	margin: 10px auto 0px;
	text-align: left;
	width: 205px;
	}
/* *************************************************************************** */


/* UNIQUELY PASSWORD PROTECTED PAGES */
#uniqueProtected {
	background-color:#003366;
	height: 60%;
	color: #FFFFFF;
	margin: 5% 25% 20%;
	padding: 10%;
	width: 30%;
	border-top-width: 6px;
	border-right-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 6px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	}
/* *************************************************************************** */






/* MAIN CONTENT FOR INDEX PAGE */
#mainPageContentIndex {
	text-align: left;
	float:left;
	margin: 0px 15px 15px;
	padding: 0px;
	min-height: 500px;
	max-width: 768px;
}
/* *************************************************************************** */

/* MAIN CONTENT FOR ALL OTHER PAGES */
#mainPageContent {
	text-align: left;
	float:left;
	margin: 0px 15px 15px;
	padding: 0px;
	min-height: 500px;
	/*width: 513px;*/
	max-width: 768px;
}
/* *************************************************************************** */

#mainPageContent ul.noListType { list-style-type: none; margin-left: 0; padding-left: 0; }


/* pageLeft */
#pageLeft {
	float: left;
	height: 500px;
	width: 255px;
	text-align: center;
}
/* *************************************************************************** */

/* pageRight */
#pageRight {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 15px;
	text-align: center;
}

@media only screen and (min-width: 1000px) {
	#pageRight {
		float: left;
		height: 500px;
		width: 175px;
	}
}


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



/* PAGE LINKS */
#pageLinks {
	margin: 10px auto 0px;
	padding: 0px;
	height: auto;
	width: 148px;
	border: 1px solid #A398C0;
}

#pageLinks ul {
	position: relative;
	padding:0;
	margin:0;
	list-style-type:none;
	float:center;
	position:center;
}

#pageLinks a, #pageLinks a:visited {
	display:block;
	font-size:x-small;
	text-decoration:none;
	color:#FFFFFF;
	height:15px;
	line-height:15px;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	background-color: #639EB7;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top: 1px none #A398C0;
	border-right: 1px none #A398C0;
	border-bottom: 1px solid #A398C0;
	border-left: 1px none #A398C0;
	}

#pageLinks a:hover {
	border-top: 1px none #A398C0;
	border-right: 1px none #A398C0;
	border-bottom: 1px solid #A398C0;
	border-left: 1px none #A398C0;
	color: #FFFFFF;
	background-color: #A398C0;
}
/* ****************************** END OF PAGE LINKS ********************************** */


#sponsoredby {
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}


/* BRANDING */
#branding {
	background-color: #FFFFFF;
	/*height: 124px;
	width: 257px;
	float: left;*/
}
/* ****************************** END OF BRANDING ********************************** */

/* OWNERSHIP */
#ownerFooter {
	position: absolute;
	left: 0px;
	top: 680px;
	margin: 0px;
	padding: 5px;
	height: 82px;
	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;
}
/* ****************************** END OF OWNERSHIP********************************** */


/* 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 ********************************** */



/* MARQUEE BANNER */
#marqueeBanner{
	position: absolute;
	left: 10px;
	top: 400px;
	margin: 0px;
	padding: 5px;
	width: 170px;
	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 MARQUEE BANNER ********************************** */


/* WhiteBox */
#topWhiteBox {
	background-color: #FFFFFF;
	height: 42px;
	width: 720px;
	float: left;
	margin: 0px;
}
/* ****************************** END OF WhiteBox ********************************** */

/* WhiteBox2 */
.thinWhiteBox {
	background-color: #FFFFFF;
	height: 13px;
	width: 998px
	margin: 0px;
	padding: 0px;
	margin-top: -3px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
}
/* ****************************** END OF WhiteBox ********************************** */



/* STRAPLINE : a Network of...  */
#strapline {
	/*background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	width: 712px;
	height: 70px;
	float: left;*/
	}
/* ****************************** END OF STRAPLINE ********************************** */




/* PAGE IMAGES */
#pageImages {
	float: none;
	width: 146px;
	margin: 10px auto auto;
	padding: 0px;
}

.pageImagesEach {
	border: 1px solid #999999;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* ****************************** END OF PAGE IMAGES ********************************** */





/* GRAPHIC BANNER */
#graphicBanner {
	background-color: #FFFFFF;
	max-width: 998px;
	margin: 0px;
	padding: 0px;
}
/* ****************************** END OF BRANDING ********************************** */





/* NAVIGATION */
#navigation {
	width: 100%;
	padding: 0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
	background-color: #FFFFFF;
}

#navigation .right { float: right; text-align: right; }
#navigation .linkedIn {
background-image: url('images/linkedin-icon.png');
background-position: left;
width: 32px;
height: 32px;
transition: all 0.3s ease-in-out;
}
#navigation .linkedIn:hover { background-position: right; }
/* ****************************** END OF NAVIGATION ********************************** */
/* ****************************** FULL STYLE IS BELOW ******************************** */
/* *************************** THIS IS JUST THE HOLDING DIV*************************** */




/* STYLE MANAGEMENT */
#styleManagement {
	background-color: #FFFFFF;
	width: 95px;
	min-height: 38px;
	padding: 3px;
	margin: 2px;
	border: 1px solid #000000;
	overflow: auto;
}
/* ************************** END OF STYLE MANAGEMENT ***************************** */




/* TEXT SIZE MANAGEMENT */
#textSizeManagement {
	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 ***************************** */



/* SEARCH */
#search {
	position: absolute;
	left: 800px;
	top: 130px;
	background-color: #FFFFFF;
	width: 190px;
	min-height: 38px;
	padding: 3px;
	border: 1px solid #000000;
	margin: 2px;
	overflow: auto;
}
/* ****************************** END OF SEARCH ********************************** */




/* AD BANNER */
#addBanners {
	width: 220px;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.addBannersEach {
	margin: 3px auto 2px;
	border: 1px solid #DDDDDD;
	width: 214px;
	}
/* ****************************** END OF AD BANNERS ******************************* */




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


















/* *************************************************************************** */
.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;
}
/* *************************************************************************** */























/* **************************************************************************** */
/* **************************************************************************** */
/*								MODULE SPECIFIC									*/
/* **************************************************************************** */
/* **************************************************************************** */




/* 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;
	display: block;
	margin: 3px 7px;
	width: auto;
	background-color: #006600;
	border: 1px solid #006600;
}
a.fullDetailsButton:hover {
	background-color: #EEEEEE;
	border: 1px solid #006600;
	color: #006600;
}


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




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

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

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

.recOverviewRef {
	margin: 1%;
	width: 32%;
	padding: 1%;
	height: auto;
	float: left;
	display: inline;
	display: inline;
	background-color: #DDDDDD;
	border: 1px solid #333333;
}

.recMainJob {
	margin: 0px 10px;
	width: auto;
	padding: 15px;
	height: auto;
	float: none;
	border: 1px dotted #666666;
	background-color: #EEEEEE;
	font-size: smaller;
	}

.recMainHeader {
	margin: 0px;
	padding: 10px;
	height: auto;
	background-color: #006600;
	color: #FFFFFF;
	font-size: large;
	border: 1px solid #FFFFFF;
	display: block;
	}

.recMainText {
	margin: 3px;
	width:65%;
	padding: 3px;
	height: auto;
	float: left;
	display: inline;
	display: inline;
	border-top: 1px none #666666;
	border-right: 1px dotted #666666;
	border-bottom: 1px none #666666;
	border-left: 1px none #666666;
	}

.recMainInfo {
	margin: 3px;
	width:28%;
	padding: 3px;
	height: auto;
	float: left;
	display: inline;
	display: inline;
	}

/* END OF RECRUITMENT ************************************************************ */



/* 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 ************************************************************ */


/* NEWS  ****************************************************************** */

/* This is the box containing the thumbnail on the main overveiw view */
.newsOverviewPicBox {
	margin: 3px 1px 0px 10px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 100px;
	border: 1px solid #000000;
	}
/* This is the box containing the small headline and shortText on the main overveiw view */
.newsOverviewBox {
	margin: 3px 10px 0px 20px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 350px;
	}

/* This is the box containing the headline in the actual news story */
.newsStoryHeadline {
	margin: 5px 5px 0px 15px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 100%;
	}

/* This is the box containing the Actual News Text in the news story */
.newsStoryText {
	margin: 10px 20px 20px 30px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 250px;
	}

/* This is the box containing the resized image in the actual news story */
.newsStoryHPicBox {
	margin: 5px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	border: 1px solid #DDDDDD;
	}

/* This is the box containing the resized image in the actual news story */
.newsStoryPicBox {
	margin: 5px 5px 30px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 150px;
	}

/* This is the box containing the links to the documents in the actual news story */
.newsStoryDocBox {
	margin: 30px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	width: 450px;
	border: 1px solid #DDDDDD;
	}

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;
}
/* END OF NEWS ************************************************************ */



/* DOCUMENTS  ****************************************************************** */
.docIconBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	}

.docOverviewBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: left;
	display: inline;
	}
/* END OF DOCUMENTS ************************************************************ */



/* LINKS ****************************************************************** */

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

.linksIconBox {
	float: left;
	width: 50px;
	margin: 5px 0px 0px 5px;
}


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




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





/* IMAGE GALLERY ****************************************************************** */



/* IMAGE GALLERY - This is the Icon in the overview when the categories are listed **************** */
.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 **************** */
.GalleryOverviewBox {
	margin: 3px;
	padding: 0px;
	height: auto;
	float: right;
	width: 400px;
	}

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

/*  This is the box that holds all the thumbnails */
.thumbPicBox {
	margin: 5px;
	padding: 5px;
	width: 400px;
	border: 1px solid #00FF00;
	float:left;
}

/*  This is the BIG PIC on the page where the icons and the ibig pic are displayed. */
.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 */
.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;
}
/* END OF IMAGE GALLERY ************************************************************ */





/* 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 ************************************************************ */





/* 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 ************************************************************ */





/* HELP ****************************************************************** */

#helpBoxMenu {
	margin: 1%;
	padding: 5px;
	height: auto;
	float: left;
	display: inline;
	background-color: #DDDDDD;
	width: 200px;
	text-align: left;
	overflow: auto;
	min-height:300px;
}

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

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



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


/* BESPOKE CONTENT INCLUDE - END ***************************************** */





/* MEMBERS SIGN UP ******************************************************* */
#membersOverviewBox {

}


#membersLoginLink, #membersActivate, #membersForgotPW, #membersRegisterLink {
	margin: 5px;
	padding: 10px;
	float: left;
	width: 200px;
	border: 1px solid #666666;
	min-height: 160px;
	display: inline;
	background-image: url(images/BoxBG.jpg);
	background-repeat: repeat-x;
}



#memberModules {
	float: left;
	width: 380px;
	padding: 10px;
	display: inline;
	border: 1px solid #DDDDDD;
	min-height: 300px;
}

#memberModulesNav {
	float: right;
	display: inline;
	background-image: url(images/BoxBG.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 5px;
	width: 90px;
	border: 1px solid #DDDDDD;
	min-height: 300px;
}

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

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





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









/* Members Module - Info ******************************************************* */

.manageMemberInfoTabOn {
	margin: 0px;
	padding: 5px;
	float: left;
	height: 20px;
	width: 170px;
	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: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #999999;
	border-left-color: #333333;
	background-color: #999999;
	color: #000000;
	display: block;
	font-size: xx-small;
	text-align: center;
}

.manageMemberInfoTabOn a, .manageMemberInfoTabOn a:visted, .manageMemberInfoTabOn a:hover {
	color: #000000;
}


.manageMemberInfoTabOff {
	margin: 0px;
	padding: 5px;
	float: left;
	height: 20px;
	width: 170px;
	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: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #333333;
	border-left-color: #999999;
	background-color: #EEEEEE;
	display: block;
	font-size: xx-small;
	text-align: center;
}

.manageMemberInfoTabOff a, .manageMemberInfoTabOff a:visted {
	color: #AAAAAA;
}

.manageMemberInfoTabOff a:hover {
	color: #000000;
}


.manageMemberInfoMainBox {
	border-top-width: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-top-color: #999999;
	width: 534px;
	font-size: xx-small;
	padding: 5px;
}



.manageMemberInfoclear {
	line-height: 0px;
	clear: both;
	float: none;
	height: 0px;
	width: 0px;
	padding: 0px;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/* Members Module - Info - END************************************************** */



/* Members membersDisplay1.inc ************************************************** */
.membersColumnBox {
	/*margin: 1%;*/
	width:43%;
	/*padding: 2%;*/
	height: auto;
	float: left;
	display: inline;
	font-size: 85%;
}
.membersColumnBox li { list-style-type: none; }
.membersColumnBox li a { font-weight: normal; }
/* Members membersDisplay1.inc - END************************************************** */

/* Members membersDisplay2.inc ************************************************** */
.membersListBox {
	margin: 1%;
	width:94%;
	padding: 2%;
	height: auto;
	float: left;
	display: inline;
	font-size: 75%;
}
/* Members membersDisplay2.inc - END************************************************** */











/* ================================================================
/* ================================================================
	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: #639EB7;

}

.menu {
	position:relative;
	/*font-size:90%;*/
	min-height:21px;
	margin: 0px;
	padding: 0px;
	/*background-image: url(images/main-nav-background1.gif);*/
	background-repeat: repeat-x;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	float:center;
	position:center;
	width: 100%;
}

/* 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;
	}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	color:#639EB7;
	padding: 5px 20px;
	line-height:31px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:90px;
w\idth:90px;
}

html .menu a.linkedin, html .menu a.linkedin:visited {
min-height: 32px; padding: 14.5px
line-height: 32px;
}

/********************************************************************************************************/
/*												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:21px;
	left:0;
	width:167px;
	z-index: 6;
	text-align: left;
	/*border: 1px solid #FFFFFF;*/
	background-color: #A398C0;
}


/* another hack for IE5.5 */
* html .menu ul ul {
top:21px;
t\op:21px;
}

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


/* style the second level background a tags*/
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	display:block;
	background:F6F6F6;
	text-decoration:none;
	color:#000000;
	height:auto;
	line-height:18px;
	padding:0px;
	width:162px;
	text-align: left;
	margin: 0px;
	z-index: 6;
}


/***************************************************************************/
/* This filters down the levels too
/***************************************************************************/
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	min-height:18px;
	color:#FFFFFF;
	padding:0px 0px 0px 5px;
	width:162px;
	text-align: left;
	display: block;
	margin: 0px;
	z-index: 6;
	line-height: 18px;
	background-color: #A398C0;
	font-weight: normal;
	/*border-top: 1px none #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px none #FFFFFF;*/
}
* html .menu ul ul a{
width:160px;
w\idth:160px;
}

.menu ul ul a:hover{
	text-decoration:none;
	color:#000000;
	background:#FFEEC2;
	/*border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px solid #FFFFFF;*/
	z-index: 6;

}

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






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

/* style the third level */
.menu ul ul ul a, .menu ul ul ul a:visited {
	display:block;
	line-height:120%;
	text-decoration:none;
	color:#FFFFFF;
	text-align: left;
	z-index: 10;
	/*background-image: url(images/main-nav-background3.jpg);*/
	}
















/***************************************************************************/
/****************************	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:#C75C93;
	text-decoration:none;
	/*background-image: url(images/main-nav-background1_o.gif);*/
	/*border-top: 1px none #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px none #FFFFFF;*/
}



.menu :hover > a {
	color:#C75C93;
	/*background-image: url(images/main-nav-background1_o.gif);*/
	text-decoration:none;
	/*border-bottom: 1px none #FFFFFF;
	border-top: 1px none #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 1px none #FFFFFF;*/
}

.menu ul ul :hover > a {
	color:#C75C93;
	background:#FFEEC2;
	text-decoration:none;
	z-index: 6;
	/*border-bottom: 1px none #003366;
	border-top: 1px solid #003366;
	border-right: 1px solid #0099CC;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;*/
}
/***************************************************************************/


/***************************************************************************/
/***************************************************************************/
/* style the second level hover */
.menu ul ul a.drop:hover{
text-decoration:none;
color:#000000;
background:#FFEEC2;
z-index: 6;

}

.menu ul ul :hover > a.drop {
text-decoration:none;
	color:#000000;
	background:#FFEEC2;
	z-index: 10;
}
/***************************************************************************/


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







/***************************************************************************/
/*  					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:visible;
}
/* 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:visible;
}


/* 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;}
/***************************************************************************/
/***************************************************************************/


























/* ================================================================
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 {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position:relative;
	font-size:90%;
	padding: 0px;
	width: 174px;
	border: 1px solid #006633;
}

#sectionNav .sectionNav, #sectionNav .usefulLinks {
	color: #FFFFFF;
	font-size: medium;
	margin-top: 10px;
	margin-left: 4px;
	margin-bottom: 15px;
	font-weight: bold;
}

#sectionNav .usefulLinks {
	color: #003366;
}


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

/* 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 {
	min-height:18px;
	width: 167px;
	color:#000000;
	padding:2px 0px 2px 5px;
	text-align: left;
	display: block;
	margin: 0px;
	line-height:130%;
	border: 1px solid #FFFFFF;
	background-color: #F0F1F8;
	background-image: none;
}

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

}


/********************************************************************************************************/
/*												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:-177px;
	width:177px;
	text-align: left;
	border: 1px solid #003366;
	z-index: 5;
}


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


/* style the second level background a tags*/
#sectionNav ul ul a.drop, #sectionNav ul ul a.drop:visited {
	display:block;
	background:F6F6F6;
	text-decoration:none;
	color:#000000;
	height:auto;
	line-height:18px;
	padding:0px;
	width:160px;
	text-align: left;
	margin: 0px;
	border: 1px solid #FFFFFF;
}


/***************************************************************************/
/* This filters down the levels too
/***************************************************************************/
/* style the second level links */
#sectionNav ul ul a, #sectionNav ul ul a:visited {
	text-decoration:none;
	color:#FFFFFF;
	text-align: left;
	background-color: #000066;
	background-image: none;
	min-height:18px;
	padding:2px 0px 2px 5px;
	width:170px;
	display: block;
	margin: 0px;
	line-height:130%;
}
* html #sectionNav ul ul a{
width:170px;
w\idth:170px;
}

#sectionNav ul ul a:hover{
	text-decoration:none;
	color:#000000;
	background:#FFEEC2;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

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






/********************************************************************************************************/
/*											THIRD LEVEL													*/
/********************************************************************************************************/
/* position the third level flyout menu */
#sectionNav ul ul ul{
	left:177px;
	background:#999999;
	top:0;
	width:177px;
	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: #000066;
	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:#000000;
	text-decoration:none;
	background:#FFEEC2; /* You have to have this even if it is the same colour as the normal status */
}



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

#sectionNav ul ul :hover > a {
	color:#000000;
	background:#FFEEC2;
	text-decoration:none;
	border-bottom: 1px none #003366;
	border-top: 1px solid #003366;
	border-right: 1px solid #0099CC;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
}
/***************************************************************************/


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

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


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


@media only screen and (min-width: 700px) {
	.twoCols {column-count: 2; column-gap: 1em;}
}


/***************************************************************************/
/*  					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;}
/***************************************************************************/
/***************************************************************************/