﻿#menu_bar1
	{
	height:	3px;
	background-color:	#006699;
	border:	1px #ffffff solid;
	border-width:	1px 0px 1px 0px;
	z-index:	10;
	}

#menu_bar2
	{
	background-color: #990033;
	height:	25px;
	*height:	25px;
	border:	1px #ffffff solid;
	border-width:	0px 0px 1px 0px;
	z-index: 10;
	}
#picture_bar
	{
	background-color:	#006699;
	height:	200px;
	*position:relative;
	*top:	-25px;
	border:	1px #ffffff solid;
	border-width:	1px 0px 1px 0px;
	z-index:	10;
	}
#picture_bar2
	{
	position: relative;
	top:	-200px;
	*top:-225px;
	height:	10px;
	background-color:	#990033;
	border:	1px #ffffff solid;
	border-width:	1px 0px 1px 0px;
	z-index:	10;
	}
#picture_bar3
	{
	position:	relative;
	top:	-201px;
	*top:-226px;	height:	3px;
	background-color:	#006699;
	border:	1px #ffffff solid;
	border-width:	1px 0px 1px 0px;
	z-index:	10;
	}

#ft_bar
	{
	position: relative;
	height:	3px;
	top:	-190px;
	*top:	-215px;
	background-color:	#006699;
	border:	1px #ffffff solid;
	border-width:	1px 0px 1px 0px;
	}

#mainmenu
	{
	position:	relative;
	float:	right;
	top:	-26px;
	border-color:	#ffffff;
	background-color: #990033;
	border-width:	1px 0px 1px 0px;
	z-index:	1000;
	}

#mainmenu ul
	{
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

#mainmenu ul ul
	{
	width:	125px;
	}

#mainmenu li
	{
	width:	100px;
	float:	left;
	margin-right:	6px;
	position:	relative;
	}

/* style the links for the top level */
#mainmenu a, #mainmenu a:visited
{
display:block;
font-size:13px;
font-weight: bold;
text-decoration:none; 
color:#ffffff; 
width:100px; 
height:25px; 
border:1px solid #ffffff; 
border-width: 0px 1px 0px 1px;
padding-left:5px; 
line-height:25px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #mainmenu a, * html #mainmenu a:visited {
width:99px;
w\idth:98px;
}


/* style the second level links */
#mainmenu ul ul a, #mainmenu ul ul a:visited {
float:	left;
background:	#990033; 
color:	#ffffff; 
height:	auto; 
line-height:	1.5em;
border:1px solid #ffffff; 
border-width: 1px 1px 0px 1px;
padding-left:	5px;
width:	175px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainmenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:25px;
width:100px;
}

/* another hack for IE5.5 */
* html #mainmenu ul ul {
	top:25px;
	t\op:25px;
}

/* style the second level background */
#mainmenu ul ul a.drop, #mainmenu ul ul a.drop:visited
	{
	color:	#ffffff;
	background-color:	#990033;
	}

/* style the second level hover */
#mainmenu ul ul a.drop:hover
	{
	color:	#ffffff;
	background-color:	#990033;
	}
#mainmenu ul ul :hover > a.drop
	{
	color:	#ffffff;
	background-color:	#990033;
	}

/* style the top level hover */
#mainmenu a:hover {
	color:#fef; 
	background-color: #006699;
	}
#mainmenu :hover > a {
	color:#fef; 
	background-color: #006699;
	}

#mainmenu ul ul a:hover {
	color:#fef; 
	background-color: #006699;
	font-style: italic;
	}

#mainmenu ul ul :hover > a {
	color:#fef; 
	background-color: #006699;
	font-style: italic;
	}

/* make the second level visible when hover on first level list OR link */
#mainmenu ul li:hover ul,
#mainmenu ul a:hover ul {visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
#mainmenu ul :hover ul ul {visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
#mainmenu ul :hover ul :hover ul {visibility:visible;}
