﻿
#menu:after,form:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
}

/* ### MAIN DIVISIONS ### */

#menu {

	height:28px; font-size:14px; text-align:left;width:948px;
}

/* note use of indent to hide the text of this element; 'font-size:0' used instead for IE5 in 'globalIE.css' */
#menu a {
	display:block;
	color:#000000;
	text-decoration:none;
	z-index:1;
}
#menu a:hover, #menu li:hover a {
	text-decoration:none;
	color:#ff0000;
}
/* width required - without it, background colour finishes short in Mozilla & IE */
#menu li li a,  #menu li:hover li a {
	width:140px;
	background-color:#ffffff;
	padding:5px 5px 5px 20px;
	font-family:Verdana,sans-serif;
	border-bottom:1px solid #7BAED1;
	color:#000000;
	font-weight: bold;
}
/* restate hover colour - overriden by above otherwise */

#menu li 
{
	float:left;
	margin:0;
	position:relative;
	top:0;
	font-size:13px;
	padding:7px 0px 0px 0px;text-align:center;
	font-weight: bold;
}

#menu li li {
	float:left;
	text-align:left;
	padding:0;
	line-height:180%;
	list-style-image: url(/images/1037.gif);
}
/* ul */

#menu ul {
	margin:0;
	padding:0;
}
#menu li ul {
	list-style-image: url(/images/1037.gif);
	float:left;
	left:1px;
	display:none;
	position:absolute;
	top:29px;
	width:150px;
	border:1px solid #7BAED1;
	border-top:none;
	border-bottom:none;
	z-index:2;
}/*top:22px;*/
/* lists nested under hovered list items */
#menu li:hover ul, #menu li.over ul {
	display:block;
	background: url(/images/xj555_top/xj555_m_dian2.gif);
}

.s3 {
BORDER-RIGHT: #333 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #333 1px solid;
PADDING-LEFT: 5px;
BACKGROUND: url(/img/bg_btn.png) #3366ff no-repeat;
PADDING-BOTTOM: 0px;
BORDER-LEFT: #333 1px solid;
CURSOR: pointer;
COLOR: #fff;
PADDING-TOP: 3px;
BORDER-BOTTOM: #333 1px solid

}
