/**

	Author: Steve Tucker

	Date: 	30th Sept 04

	Header: $

 **/

/* Containing div */

#toolbarLayer {
	background:			#002F4B;
	margin:				0px;
	left:				0px;
	top:				110px;
	z-index:			97;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFF;
	border-bottom-color: #FFF;

}



#toolbarLayer ul {

	list-style: 		        none;

	padding: 			0;

	margin: 			0 0 0 -1px;

  }



/* Top level menu item */

#toolbarLayer ul li {

	position: 			relative;

	background:			#002F4B;

	color:				#FFFFFF;

	font-family:	                Arial, Helvetica, sans-serif;

	font-size:		        9pt;

	font-weight:	                bold;

	width:				70px;

	width/**/:/**/		70px;

	height:				30px;

	height/**/:/**/		30px;	/* 'Box model' fix */

	margin:				0 -1px;

	padding:			9px 20px 0 13px;

	padding/**/:/**/	9px 20px 0 13px;

	line-height:		12px;

	float: 				left;

	border-left:		1px solid #FFFFFF;

	border-right:		1px solid #FFFFFF;

}



/* On rollover top level menu item, change text and border colors */

#toolbarLayer ul li:hover, #toolbarLayer ul li.over {

	background:			#002F4B;

	color:				#FFFFFF;

	padding:			9px 20px 0 13px;

	padding/**/:/**/	9px 20px 0 13px;

	margin:				0 -1px;

	border-left:		1px solid #FFFFFF;

	border-right:		1px solid #FFFFFF;

}



/* On rollover top level menu item, show second level menu */

#toolbarLayer li:hover ul, #toolbarLayer li.over ul {

	display: 			block;

	}



/* On rollover top level menu item, keep third level menus hidden */

#toolbarLayer li:hover ul li ul, #toolbarLayer li.over ul li ul {

	display:			none;



}



/* Second level menu */

#toolbarLayer ul li ul {

	position: 			absolute;

	background:			#002F4B;

	color:				#FFFFFF;

	font-size:			9pt;

	top: 				0px;

	top/**/:/**/		        0px;

	left: 				-1px;

	width:				70px;

	width/**/:/**/		        70px;

        padding:			0;

	margin:				0;

	display: 			none;

	list-style-type:		none;

	border:				1px solid #FFF;

	border-top:			1px solid #FFF;

  }



/* Second and third level menu item */

#toolbarLayer ul li ul li {

	background:			#002F4B;

	color:				#FFFFFF;

	height:				auto;

	min-height:			20px;

	height:				30px;

	width:				70px;

	margin:				0;

	padding:			9px 20px 0 13px;

	border:				none;

	border-bottom:		1px solid #FFFFFF;

}



/* Menu item with child - add arrow background image */

.hasChild

  {

	background:			#E7E7E7 url(child_arrow.gif) top right no-repeat;

  }



/* Third level menu */

#toolbarLayer ul li ul li ul {

	position: 			absolute;

	list-style-type:	none;

	display: 			none;

	font-size:			1.2em;

	top: 				-44px;

	left: 				111px;

	left/**/:/**/		111px;

	width:				111px;

	padding:			0;

	margin:				0;

	border:				1px solid #FFFFFF;

}



#toolbarLayer li > ul {

	top: auto;

	left: auto;

	}



/* On rollover top level menu item, show second level menu */

#toolbarLayer li:hover ul, #toolbarLayer li.over ul {

	display: 			block;

	}



/* On rollover top level menu item, keep third level menus hidden */

#toolbarLayer li:hover ul li ul, #toolbarLayer li.over ul li ul {

	display:			none;

}



/* On rollover second or third level menu item, change that item's background color */

#toolbarLayer li ul li:hover, #toolbarLayer li ul li.over {

	background:			#002F4B;

  	border:				none;

	border-bottom:			1px solid #FFFFFF;

	min-height:			20px;

	height				30px;

	cursor:				pointer;

	margin:				0;

	padding:			9px 20px 0 13px;

}



/* On rollover second level menu item with child, retain arrow background image */

#hasChild:hover, #hasChild.over {

	background:			#E7E7E7 url(child_arrow.gif) top right no-repeat;

}



/* On rollover second level menu item, show third level menu within */

#toolbarLayer li ul li:hover ul, #toolbarLayer li ul li.over ul {

	display:			block;

}



/* Menu item link text */

#toolbarLayer li a {

	color:				#FFFFFF;

	font-family:		Arial, Helvetica, sans-serif;

	font-weight:		bold;

	font-size:			1em;

	text-decoration:	none;

}



#toolbarLayer li

  {

	behavior: 			url("ieMenu.htc");

  }









#toolbarLayer .menusublist {

  display: 			none;

  color:			#FFFFFF;

  list-style-type:	none;

  position: 		absolute;

  top: 				30px;

  top/**/:/**/                  30px;

  left: 			-1px;

  width:			70px;

  font-size:		1.2em;

  padding:			0;

  margin:			0;

  border-left:		1px solid #FFFFFF;

  border-right:		1px solid #FFFFFF;

  border-top:	        1px solid #FFFFFF;

  }











#pageHeaderLayer {

	position:			absolute;

	background-color:               #E7E7E7;

	width:				100%;

	height:				30px;

	left:				0px;

	top:				156px;

	z-index:			2;

	padding:			0;

	margin:				0;

        border-top:                     1px solid #000;

}



#pageHeaderLayer h1 {

	color:				#646434;

	padding:			0 0 0 10px;

	margin:				0;

	line-height:		30px;

	font-family:		Verdana, Arial, Helvetica, sans-serif;

	font-size:			1.3em;

	font-weight:		bold;

}



#pageHeaderLayer {

	position:			absolute;

	background-color:               #E7E7E7;

	width:				100%;

	height:				35px;

	left:				0px;

	z-index:			2;

	padding:			0;

	margin:				0;

    border-top:                     1px solid #000;

}



#pageHeaderLayer h1 {

	color:				#646434;

	padding:			0 0 0 10px;

	margin:				0;

	line-height:		30px;

	font-family:		Verdana, Arial, Helvetica, sans-serif;

	font-size:			16px;

	font-weight:		bold;

}