/* ================================================================ 
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.stunicholls.com/menu/simple.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#outer {
	width:836px;
	height:160px;
	border:0;
	position:relative;
	background-color: #C6D5DD;
	z-index: 0
}

#menu {
	list-style-type:none;
	width:834px;
	padding:0;
	margin:0 auto;
	z-index: 0
}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background: transparent; margin:1px 1px 0 0;position:relative;}
#menu li.sub1 {}
#menu li.sub1 {height: 159px; line-height: 159px; background:#7FA0C1; background-image:url(../images/sub_1b.gif)}
#menu li.sub2 {height: 159px; line-height: 159px; background:#7FA0C1; background-image:url(../images/sub_2b.gif)}
#menu li.sub3 {height: 159px; line-height: 159px; background:#7FA0C1; background-image:url(../images/sub_3b.gif)}
#menu li.sub4 {height: 159px; line-height: 159px; background:#7FA0C1; background-image:url(../images/sub_4b.gif)}
#menu li, #menu li a {
	display:block;
	color: #fff;
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:25px;
	width:165px;
	height: 25px;
	text-decoration:none;
	text-align:right;
	cursor:pointer;
}
#menu li:hover, #menu li a:hover {}
#menu ul {position:absolute;left:-9999px;width:165px}
#menu ul a {width: 150px; border-right: 15px solid transparent}
#menu li.click {border: 0}
#menu li.click ul{left:0; height: auto; top:159px; } /* the background image is for IE7 */
#menu li.click ul a:hover {background:url(../images/transp.png); border-right: 15px solid url(../images/transp.png); color: #003366}

#menu li.sub1 ul {background:url(../images/transp1.png)}
#menu li.sub2 ul {background:url(../images/transp2.png)}
#menu li.sub3 ul {background:url(../images/transp3.png)}
#menu li.sub4 ul {background:url(../images/transp4.png)}


/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
#menu li.click ul a span {display:none;}


/* style the hidden span text */
#menu li.click ul a span {
display:none;
position:absolute;
background:url(../images/transp_w80.png);
border-top: 1px solid #7FA0C1;
border-bottom: 1px solid #7FA0C1;
border-right: 1px solid #7FA0C1;
width:312px;
height: 326px;
padding:0 10px;
color:666666;
z-index:50
}
#menu li.click ul a span h3 {color: #003366; margin:0; padding:0}

#menu li.click ul a span.p1 {
left:165px; 
top:-1px;
}
#menu li.click ul a span.p2 {
left:165px; 
top:-27px;
}
#menu li.click ul a span.p3 {
left:165px; 
top:-53px;
}
#menu li.click ul a span.p4 {
left:165px; 
top:-79px;
}
#menu li.click ul a span.p5 {
left:165px; 
top:-105px;
}
#menu li.click ul a span.p6 {
left:165px; 
top:-131px;
}
#menu li.click ul a span.p7 {
left:165px; 
top:-157px;
}
#menu li.click ul a span.p8 {
left:165px; 
top:-183px;
}
#menu li.click ul a span.p9 {
left:165px; 
top:-1px;
}
#menu li.click ul a span.p10 {
left:165px; 
top:-27px;
}
#menu li.click ul a span.p11 {
left:-333px; 
top:-1px;
}
#menu li.click ul a span.p12 {
left:-333px; 
top:-27px;
}
#menu li.click ul a span.p13 {
left:-333px; 
top:-53px;
}
#menu li.click ul a span.p14 {
left:-333px; 
top:-27px;
}
#menu li.click ul a span.p15 {
left:-333px; 
top:-53px;
}
.zindex {z-index: 100}
/* style the first letter of the span text */
#menu li.click ul a span:first-letter {
font-weight:bold;
font-size:1.2em;
}
/* make the span text visible */
#menu li.click ul li:hover span {
display:block;
text-align:left;
line-height:1.5em;
}
/* position the span text on the left of the last menu item */
#menu li.click ul.left li:hover span {
left:-150px;
}