@charset "UTF-8";

* { margin: 0; padding: 0; }

.strapline
{
	color:#00468c;
/*	font-family: Verdana, Arial, Helvetica, Sans-Serif;*/
	font-size: 0.9em;
	font-style: italic;
	font-weight:bold;
	height:15px;
	padding-right:5px;
	text-align:right;
	text-decoration:none;
	white-space:nowrap;
	width:400px;
}

.mainMenuContainer {
	width:980px;
}

ul
{
	list-style:none;
}


ul.dropdown, ul.dropdown li, ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
}

ul.dropdown *.dir {
	padding: 4px 30px;
	background-image: none;
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

/* all Links whatever level*/

ul.dropdown a {
	font-weight:bold;
	display: block;
	padding: 4px 8px 4px 8px;
	border-right-width:1px;
	border-left-width:0px;
	border-top-width:0px;
	border-bottom-width:0px;
}

ul.dropdown a:active {
	background: #058acf url(../images/nav-sub-press.png) 0 0 repeat-x ;
	color: #fff;
}

		/* Links */

		
ul.dropdown a:hover {
 	border-color: #ffffff;
	border-right-width:1px;
	border-left-width:0px;
	border-top-width:0px;
	border-bottom-width:0px;
	background-image:url(../images/blueMenuGradient.png); /* linked mouseovers */
	color: #fff;
}

ul.dropdown a:link,
ul.dropdown a:visited { color: #FFFFFF; text-decoration: none;}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
	left: 5;
	right: auto;
	width: 270px; /* change to alter width of dropdowns by same amount as other 2 with this message!*/
	margin-top: -1px;
/*	font: 1em/bold  Verdana, Arial, Helvetica, Sans-Serif;*/
	font-weight:bold;
	background-image:none;
	-webkit-box-shadow: 5px 5px 9px #555; /* drop shadow on menus - safari & firefox only */
	-moz-box-shadow: 5px 5px 9px #555; /* drop shadow on menus - safari & firefox only */
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333',direction='120',strength='5');*/ /* IE shadow on menus but prevents sub-menu flyouts ?*#*?*#*? */
}

/*-----------------------   sub menu level  ----------------------*/
ul.dropdown ul *.dir {
	padding: 4px 26px 4px 8px;
	/*padding-right: 15px;*/
	background-image: url(../images/yel-trnsp-arrow-right2.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}

ul.dropdown ul *.dir:hover {
		border-right-width:0;
}

ul.dropdown ul a {
 width: 261px; /* change to alter width of dropdowns by same amount as other 2 with this message!*/
	padding: 4px 0px 4px 8px;
}

/*----------------  top line ------------------------*/
ul.dropdown li {
/*	font:1em/normal Verdana, Arial, Helvetica, sans-serif; */
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	padding: 8px;
	background-color:#009084;
	background-image:url(../images/greenMenuGradient.png);
	color: #FFFFFF;
	padding: 0;
	zoom: 1;
}
/*---------------------------------------------------*/

ul.dropdown li a,
ul.dropdown *.dir {
	border-style: solid;
	border-right-width: 1px;
	border-color: #ffffff;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}

ul.dropdown li:hover > a.dir:hover {
	background-image:url(../images/blueMenuGradientRedArrow.png); /* expanding mouseovers */
	background-repeat: no-repeat;
 	color: #fff;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

ul.dropdown ul a.dir {
	width: 235px; /* change to alter width of dropdowns by same amount as other 2 with this message!*/
}

/*---------------------------*/	

	
/*drop menus*/


ul.dropdown ul li {
	background-color: #32a18b;	
	float: none;
	background-image:url(../images/greenMenuGradient2.png);
}

ul.dropdown ul li a, ul.dropdown ul *.dir { 
	border-color: #ffffff #ffffff #ffffff; 
	border-left: none;
}

ul.dropdown ul ul {
	top: 0px;
	right: auto;
	left: 100%;
	margin-top: 0;
	border-top: none;
	border-left: none;
/*	font-weight: normal;*/
}

ul.dropdown ul ul li {
	background-color:  #32a18b; /*sub sub menu*/
 	border-color: #ffffff #ffffff #ffffff #ffffff;
}

ul.dropdown ul ul li a,
ul.dropdown ul ul *.dir { border-color: #ffffff #ffffff #ffffff #ffffff;}

ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul *.dir { border-color: #ffffff #ffffff #ffffff #ffffff; }

/*---------------------------------------------------*/
/*---------------- breadcrumb trail -----------------*/

.breadCrumb, .breadCrumb a
{
/*	font: Verdana, Arial, Helvetica, Sans-Serif;*/
	color:#003399;
	text-decoration:none;
	height:15px;
	width:575px;
	padding-left:2px;
	font-size: 1em;
	font-style: italic;
}

.breadCrumb a:hover
{
	color:#FF0000;
	text-decoration:underline;
}



/*---------------------------------------------------*/
/*--------------- right hand menu bar ---------------*/

.login_out a
{
	border-left-style:solid;
	border-left-width:1px;
	color:#FFFFFF;
	float:right;
/*	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:0.9em;*/
	font-weight:bold;
	padding: 4px 8px 4px 8px;
	text-decoration:none;
}

.login_out a:hover
{
	background:url(../images/blueMenuGradient.png);
	color:#FFFFFF;
	text-decoration:none;
}

.searchBox{
	background-color:#ECF9F7;
	height:16px;
}

.searchContainer a {
	background-color:#DDD;
	border:#CCC solid 1px;
	color:#003399;
	display:block;
/*	font: 1em/normal Verdana, Arial, Helvetica, Sans-Serif;*/
	padding: 1px 5px 1px 5px;
	text-decoration:none;
}

.searchContainer a:hover{
	background:url(../images/blueMenuGradient.png);
	background-repeat:repeat-x;
	background-color:#06416D;
	border: 0px;
	color:#FFF;
	padding: 2px 6px 2px 6px;
}
/*---------------------------------------------------*/
/*--------------- left hand menu --------------------*/
div.leftmenuholder
{
	/* background-color:#0084C4; */
	/* background-color:#4682c0; /* I think this blue is much easier on the eye!*/
	/* background-color:#1c6499; /* same as buttons above as meeting 15/02/2010 */
	background-color:#00468c; /* same as logo blue as meeting 15/02/2010 */

	border-width:0px;
	width:145px;
	/*when menu is too long... chop it off!*/
	overflow:visible;
}

div.leftmenu 
{
	position:relative;
	width:145px;
	top:0px;
	left:0px;
}

dt.LeftMenuListItemParent a
{
	display:block;
	background-color:#1c6455;
	font-weight:bold;
/*	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;*/
	color:#FFF;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
	border-style:solid;
	border-width:3px 0px 3px 0px;
	border-color: #4e7bac;
	border-top-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	text-decoration:none;
	text-align:left;
}

dt.LeftMenuListItemParent a:hover
{
	background-color:#1c5055;
	color:#FFF;
	text-decoration:none;
}


dt.LeftMenuListItem a
{
	display:block;
	/* background-color:#1c6499; /* origing button colour */
	background-color:#00468c; /* logo blue as meeting 15/02/2010 */
	font-weight:bold;
/*	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;*/
	color:#FFF;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	/*border-color: #4e7bac;*/
	border-color: #FFF;
	text-decoration:none;
	text-align:left;
}


dt.LeftMenuListItem a:hover   
{
	font-weight:bold;
/*	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;*/
	color:#FFF;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	/*border-color:#4e7bac;*/
	border-color:#FFF;
	/*background-color: #064570;
	background-color:#2E9883;*/
	background-color:#1c6455;
	text-decoration:none;
}

div.leftLogos
{
	position:relative;
	top:25px;
	left:-2px;
	padding-bottom:40px;
}