/* LOG IN BOXs */
#loginBox {
	width: 50%;
	padding: 2%;
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-right: 3px ridge #666666;
	border-bottom: 3px groove #666666;
	border-left: 1px solid #000000;
	line-height: normal;
	margin-left: 15%;
	}
/* *************************************************************************** */


/* MAIN CONTENT FOR INDEX PAGE */
#mainPageContentIndex {
	position: absolute;
	left: 210px;
	top: 112px;
	text-align: left;
	margin: 0px;
	padding: 2px;
	min-height: 500px;
	width: 580px;
	border: 1px dotted #999999;
}
/* *************************************************************************** */

/* MAIN CONTENT FOR ALL OTHER PAGES */
#mainPageContent {
	position: absolute;
	left: 210px;
	top: 112px;
	text-align: left;
	margin: 0px;
	padding: 2px;
	min-height: 500px;
	width: 780px;
	border: 1px dotted #999999;
}
/* *************************************************************************** */




/* PAGE LINKS */
#pageLinks {
	position: absolute;
	left: 0px;
	top: 480px;
	margin: 0px;
	padding: 0px 10px;
	height: 200px;
	width: 176px;
	border-top: 2px none #142A53;
	border-right: 2px solid #142A53;
	border-bottom: 2px solid #142A53;
	border-left: 2px solid #142A53;
	background-image: url(../images/links-background.jpg);
	background-repeat: repeat-x;
}

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

.#pageLinks a, #pageLinks a:visited {
	display:block;
	font-size:x-small;
	text-decoration:none;
	color:#000000;
	width:168px;
	height:15px;
	line-height:15px;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 12px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	}

.#pageLinks a:hover {
	border: 2px solid #999999;
}
/* ****************************** END OF PAGE LINKS ********************************** */



/* BRANDING */
#branding {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #142A53;
	width: 100%;
	height: 80px;
	background-image: url(../images/r-fresh-branding-banner.jpg);
	background-repeat: no-repeat;
}
/* ****************************** END OF BRANDING ********************************** */



/* PAGE IMAGES */
#pageImages {
	position: absolute;
	left: 0px;
	top: 80px;
	float: none;
	width: 196px;
	height: 400px;
	border-top: 2px none #142A53;
	border-right: 2px solid #142A53;
	border-bottom: 2px solid #142A53;
	border-left: 2px solid #142A53;
	background-image: url(../images/page-images-background.jpg);
	background-repeat: repeat-x;
}
/* ****************************** END OF PAGE IMAGES ********************************** */





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





/* NAVIGATION */
#navigation {
	background-color: #142A53;
	width: 800px;
	padding: 0px;
	border: 1px solid #AAAAAA;
	z-index: 6;
	position: absolute;
	left: 200px;
	top: 81px;
	height:19px;
}

/* ****************************** END OF NAVIGATION ********************************** */
/* ****************************** FULL STYLE IS BELOW ******************************** */
/* *************************** THIS IS JUST THE HOLDING DIV*************************** */




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




/* TEXT SIZE MANAGEMENT */
#textSizeManagement {
	position: absolute;
	left: 895px;
	top: 80px;
	background-color: #FFFFFF;
	min-width: 92px;
	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;
	width:18px;
	margin: 1px;
}

#textSizeManagement .resetButton {
	font-size: 90%;
	min-width: 38px;
}
/* ************************** END OF STYLE 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 {
	position: absolute;
	left: 800px;
	top: 180px;
	background-color: #AAAAAA;
	width: 200px;
	height: 500px;
}
/* ****************************** 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;
}
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: 400px;
	}

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

/* 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: 640px;
	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;
	border: 1px solid #666666;
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 25px;
	width: 40%;
	}

.linksImageBox {
	border: 1px solid #666666;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
	margin: 0px;
}

.linksHeaderBox {
	position: absolute;
	left: 40px;
	top: -50px;
	background-color: #FFFFFF;
	width: 180px;
	margin: 0px;
	border: 1px solid #666666;
}
/* 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: 290px;
	/* border: 1px solid #33FF33; */
	text-align: left;
}
/* END OF PERSONNEL ************************************************************ */












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







/* 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: 550px;
	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: 190px;
	border: 1px solid #DDDDDD;
	min-height: 300px;
}





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



































/* ================================================================ 
/* ================================================================ 
	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: 0px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	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;
	text-align: center;
	}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	background-image: url(../images/main-nav-background1.jpg);
	font-size:90%;
	text-decoration:none;
	color:#FFFFFF;
	min-width:90px;
	min-height:18px;
	line-height:18px;
	border-top: 1px solid #003366;
	border-right: 1px solid #0099CC;
	border-bottom: 1px none #003366;
	border-left: 1px solid #003366;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:90px;
w\idth:90px;
}


/********************************************************************************************************/
/*												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:18px;
	left:0;
	width:167px;
	z-index: 6;
	text-align: left;
	border: 1px solid #99CCFF;
}


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


/* 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:160px;
	text-align: left;
	margin: 0px;
	border: 1px solid #FFFFFF;
	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:160px;
	text-align: left;
	display: block;
	margin: 0px;
	z-index: 6;
	line-height:120%;
	border: 1px solid #FFFFFF;
	background-image: url(../images/main-nav-background2.jpg);
}
* 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);
	}
















/***************************************************************************/
/* this filters down to the other layers too
/***************************************************************************/
/* style the top level hover */
.menu a:hover {
	color:#000000;
	text-decoration:none;
	background:#FFEEC2;
	border-top: 1px solid #003366;
	border-right: 1px solid #0099CC;
	border-bottom: 1px none #003366;
	border-left: 1px solid #003366;
}



.menu :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 none #003366;
	border-left: 1px solid #003366;
}

.menu ul ul :hover > a {
	color:#000000;
	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;}	
/***************************************************************************/
/***************************************************************************/