/* start of the menu only code */

body h2 {
font-weight:normal;
}

div#menu {
top:1px;
position:relative;
text-align:left;
height:20px;
left:0px;
z-index:101;
}



#menu, body h2, #menu ul {
font-size:11px;
padding-right:8px;
}

#menu ul li a {
font-size:12px;
}

#menu ul ul a {
font-size:11px;	
}

#menu {
text-align:left;
padding:0px;
margin:0px;
position:relative;
}

#menu a, #menu h2, menu ul:a{
display:block;
white-space:nowrap;
text-indent:3px;
margin:0;
}

#menu ul{
margin:0;
padding:0px;
padding-right:0px;
list-style:none;
float:left;
height:30px;

}

#menu li {position: relative;}

#menu li:hover{
cursor:pointer;
}



#menu ul ul{
position:absolute;
height:auto;
top:20px;
left:3px;
display:none;
z-index:101;
}

#menu li:hover ul ul,
#menu li li:hover ul ul,
#menu li li li:hover ul ul,
#menu li li li li:hover ul ul
{display:none;}

#menu li:hover ul, 
#menu li li:hover ul,
#menu li li li:hover ul, 
#menu li li li li:hover ul 
{display:block;}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
text-indent:3px;
}

#menu a.x:hover{
background-color:#FFFFFF;
}

#menu a.x:active{
}

#menu h2, #menu h2 a{
margin:0;
}

div#menu ul li {
padding-left:5px;	
}


div#menu ul li ul li a{
	margin:0px;
}

div#menu ul li ul li {
	background:#EEEEEE;
}


div#menu ul ul li ul {
text-align:left;
left:145px;
top:1px;
padding:2px;
}



body img {
border:none;
}

#menu a {
color:#FFFFFF;
}



#menu ul li a:hover {
background-image:none;	
}



#menu ul ul a:hover {
color:#666666;
text-decoration:none;
}


#menu ul li ul a{
color:#000000;
}


#menu ul li ul {
background-color:#EEEEEE;
/*opacity:.9;*/
width:150px;
margin:0px;
padding:0px;
opacity: .9;
}

div#menu ul li ul li ul {
margin:0px;
padding:0px;
min-width:145px;
}

div#menu ul a {
display:block;
padding-top:3px;
height:20px;
}

div#menu ul li ul a{
padding:0px;
}

div#menu ul li ul {
	border:none;
border-top:none;
}

div#menu ul li ul ul {
border:1px solid #333333;
}


div#menu ul li ul ul {
border:1px solid #333333;
}

div#highlights {
width:343px;
height:247px;
color:#222222;
}

#menu ul h2 a:hover {
background-image:url('../images/periodHighlight.jpg');
background-position:top;
background-repeat:repeat-x;
text-decoration:none;
}