/*Header <start>*/
#header
{
	background: url(../img/bg-header.png) no-repeat;
	height: 150px;
}
#header H1
{
	margin: 0;
	/*zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse*/
}
#header H1#logo
{
	display: block;
	float: left;
	width: 257px;
	height: 101px;
	text-indent: -9009px;
	background: transparent url(../img/logo.png) no-repeat 0 0;
}
#header H1#logo A
{
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}
/*----menus <start>*/
#header DIV#menus
{
	background: url(../img/bg-menu.png) no-repeat;
	clear: both;
	height: 49px;
}
/*--------menu1 <start>*/
#header DIV#menu1
{
	float: left;
	width: 625px;
	font-size: 17px;
	height: 49px;
}
#header DIV#menu1 A
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	background-color: transparent;
}
#header DIV#menu1 A:hover
{
	color: #CC0000;
}
#header DIV#menu1 UL
{
	margin: 0;
	height: 36px;
	padding: 13px 0 0 44px;
}
#header DIV#menu1 LI
{
	display: inline;
	margin: 0 13px 0 0;
	padding: 0 15px 0 0;
	border-right: 1px dashed #FFFFFF;
}
* HTML #header DIV#menu1 LI
{
	margin: 0 13px 0 0;
	padding: 0 11px 0 0;
}
#header DIV#menu1 LI.last
{
	border-right: 0;
}
#header DIV#menu1 LI.menu1-level1-act A
{
	color: #CC0000;
}
/*--------menu1 <end>
--------menu-utility <start>*/
#header DIV#menu-utility
{
	float: right;
	width: 311px;
	height: 49px;
}
#header DIV#menu-utility A
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	background-color: transparent;
}
#header DIV#menu-utility A:hover
{
	color: #CC0000;
}
#header DIV#menu-utility UL
{
	margin: 15px 45px 0 0;
	text-align: right;
	height: 34px;
}
#header DIV#menu-utility LI
{
	display: inline;
	margin: 0 0 0 12px;
}
/*--------menu-utility <end>
----menus <end>
Header <end>*/