/* ================================================================ 
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_drop2.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.
=================================================================== */

/* Used With Permission via Email
>To: <Chris_Whittle@jbhunt.com>
>From: "Stu Nicholls" <stu@cssplay.co.uk> 
>Date: 07/10/2007 03:10PM 
>Subject: Re: http://www.cssplay.co.uk/menus/drop_lists.html 
> 
>Hi Chris, 
> 
>You have my permission to use this menu in your website design. 
>Can you please ensure that the copyright comment is kept in the
>stylesheet 
> 
>Best wishes, 
> 
>Stu 
 */

/* style the outer div to give it width */
.menu {
position:absolute;
width:900px; 
font-size:0.85em;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:128px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:128px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited{
display:block;
font-size:12px;
font-weight:bold;
text-decoration:none; 
/* text-transform: capitalize;*/
text-align:center;
color:#000; 
width:117px; 
height:20px; 
padding-left:10px; 
line-height:19px;
background:#F0E68C url(../../images/css/nav/line.gif) no-repeat 100% 3px; 
}
.menu a.endMenu {
background:#F0E68C;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#F0E68C;
filter: alpha(opacity = 90);
-moz-opacity: 0.95;
opacity: 0.95;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
filter: alpha(opacity = 90);
-moz-opacity: 0.95;
opacity: 0.95;
background:#F0E68C;
}
.menu ul ul :hover > a.drop {
filter: alpha(opacity = 90);
-moz-opacity: 0.95;
opacity: 0.95;
background:#F0E68C;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
filter: alpha(opacity = 90);
-moz-opacity: 0.95;
opacity: 0.95;
background:#F0E68C;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#F0E68C;
filter: alpha(opacity = 90);
-moz-opacity: 0.95;
opacity: 0.95;
}
.menu ul ul ul :hover > a {
background:#F0E68C;
filter: alpha(opacity = 90);
-moz-opacity: 0.95;
opacity: 0.95;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:20px;
left:0px; 
width:108px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:128px; 
top:0;
width:100px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-128px;
}

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

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
filter: alpha(opacity = 95);
-moz-opacity: 0.95;
opacity: 0.95;
font-weight:normal;
background:#F0E68C; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:110px;
text-align:left;
}

/* style the top level hover */
.menu a:hover,.menu ul ul a:hover{
color:#666666; 
background:#F0E68C; 
}
.menu :hover > a, .menu ul ul :hover > a {
color:#000;
background:#F0E68C; 
}

/* 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;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
#leftNav {
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	min-height: 100px;
	height: 100px;
	border:0px;
	width:257px;
	text-align:left;
	height: auto !important;
}
#leftNav p{
	font-size:15px;
	margin:5px;
}
#leftNav a{
	font-weight:bold;
	font-size:12px;
	display:block;
	line-height:29px;
	text-align:left;
	padding-left:30px;
	text-decoration:none;
	color:#000;
	background:  url(../../../shared/images/css/nav/redTriangle.gif) no-repeat 15px ;
	border-bottom: 1px Solid Black;
}
#leftNav a.red {
	color:red;
	padding-left:0px;
	text-align:center;
	font-size:14px;
	background: none;
	font-weight:bold;
}
#leftNav a:hover{
	color:red;
}
#leftNav a.nada{
	font-weight:bold;
	display:block;
	line-height:29px;
	text-align:left;
	padding-left:20px;
	background:white;
	border-bottom: 0px Solid Black;
}
#leftNav a.leftNavHeaderA{
	text-align:center;
	position:relative;
	display:block;
	line-height:25px;
	color:white;
	padding-left:0px;
	background:black;
	border-bottom: 0px Solid Black;
	padding-top:5px;
	margin-top:5px;
	padding-left:5px;
	font-weight:bold;
	font-size:15px;
}
.leftNavHeader {
	text-align:center;
	position:relative;
	color:white;
	background:black;
	display:block;
	line-height:25px;
	padding-top:5px;
	margin-top:5px;
	padding-left:5px;
	font-weight:bold;
	font-size:15px;
}
#leftNav a.nada img{
	padding-right:5px;
}

#leftMenu {
	float:left;
	top:0px;
		/*min-height hack so */
	min-height: 300px;
	height: auto !important;
	height: 300px;
	width:257px;
	z-index:24;
	/*background:#000 url(../../../shared/images/nav2.jpg) no-repeat 2px 0px;*/
	background:#000;
	text-align:left;
	border-right:1px Solid black;
	border-bottom:1px Solid black;
}
#leftMenu a{
	position:relative;
	font-size:15px;
	text-decoration:none;
	color:#fff;
	display:block;
	line-height:20px;
	text-align:left;
	margin:5px;
	margin-left:10px;
	padding:5px;
}
#leftMenu a.last{
	border-bottom: 0px;
}
#leftMenu a:hover{
	color:red;
}


/* Division Menu */

.divisionMenu {
  margin:0;
  padding:0; 
  width:55em;
  height:10.5em;
  overflow:hidden;
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto; 
  background:none;
  }
.divisionMenu li {
  display:inline;
  list-style-type:none; 
  }
.divisionMenu li a {
  display:block;
  float:left;
  text-decoration:none; 
  margin:0; 
  }
.divisionMenu li a img {
  	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);

  margin:0.2em;
  border:0;
  float:left;
  width:100px;
  }
.divisionMenu li a span {
  display:none; 
  }
.divisionMenu li a:hover {
  background:none;
  }
.divisionMenu li a:hover img {
  	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);

  }
.divisionMenu li a:hover span {
  width:8.5em;
  color:#000;
  display:block; 
  cursor:pointer;
  float:left;
  }
.divisionMenu .h2 {
  margin:0; 
  padding:0; 
  color:#666; 
  width:100%;
  display:block;
  border:0;
  border-bottom:2px solid #666;
  font-variant:small-caps; 
  font-weight:bold;
  font-size:1.1em; 
  }
 .divisionMenu .h3 {
  margin:0 5px; 
  padding:0; 
  color:#000; 
  display:block;
  font-size:.9em; 
  border:0;
  }
.outer {
	width:100%;
text-align:center;
  background:transparent; 
  font-size:0.9em;
  }