﻿#nav
{
	/*margin-left:25px;*/
}

#nav
{
	height: 41px; /*float: left;*/
	padding-left: 20px;
	background: url(sromtabLeft.png) no-repeat left top;
	font-family: arial, sans-serif;
}

#menu
{
	height: 41px;
	position: relative;
	font-size: 11px;
	margin: 0;
	z-index: 1000;
	background: url(sromtabRight.png) no-repeat right top; /*float: left;*/
	padding-right: 20px;
}

#menu table.ie6
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#menu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu ul li
{
	float: left;
}

#menu ul li a
{
	display: block;
	float: left;
	padding: 0 15px 0 0;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	height: 41px;
	line-height: 40px;
	font-size: 11px;
	background: url(sromtabCenter.png) no-repeat right top;
}

#menu ul li a b
{
	display: block;
	float: left;
	padding: 0 0 0 15px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	height: 41px;
	line-height: 40px;
	font-size: 11px;
	background: url(sromtabCenter.png) no-repeat left top;
	cursor: pointer;
}

#menu ul li div.holder
{
	position: absolute;
	left: -9999px;
}

#menu ul li div .leftSide
{
	margin-left: -2px;
	float: left;
	background: url(dropLeftSROM.png) no-repeat left bottom;
}

#menu ul li div .rightSide
{
	float: left;
	margin-left: 10px;
	display: inline;
	padding: 0 10px 0 0;
	background: url(dropRightSROM.png) no-repeat right bottom;
}

#menu ul li:hover
{
	position: relative;
}

#menu ul li a:hover
{
	color: #fff;
	background-position: right center;
	white-space: nowrap;
	position: relative;
}

#menu ul li a:hover b
{
	color: #fff;
	background-position: left center;
}

#menu ul li a.sub:hover
{
	color: #fff;
	background-position: right bottom;
	white-space: nowrap;
	position: relative;
}

#menu ul li a.sub:hover b
{
	color: #fff;
	background-position: left bottom;
}

#menu ul li:hover > a
{
	color: #fff;
	position: relative;
}

#menu ul li:hover a.sub
{
	color: #fff;
	background-position: right bottom;
	white-space: nowrap;
	position: relative;
}

#menu ul li:hover a.sub > b
{
	color: #fff;
	background-position: left bottom;
}

#menu ul :hover div.holder
{
	position: absolute;
	top: 41px;
	left: 2px;
	margin: 0;
	padding: 0;
}

#menu ul li.right a:hover div.holder
{
	left: auto;
	right: 3px;
	top: 41px;
}

#menu ul li.right:hover div.holder
{
	left: auto;
	right: 4px;
	top: 41px;
}

#menu ul dl
{
	width: auto;
	margin: 5px 0 10px 0;
	padding: 0 5px;
	list-style: none;
}

#menu ul dl dt
{
	padding: 0 10px;
	margin: 0;
	line-height: 20px;
	color: #f2f0e3;
	white-space: nowrap;
	font-weight:bold;
	text-align:left;
}

#menu ul dl dd
{
	display: block;
	padding: 0;
	margin: 0;
}

#menu ul dd a
{
	background-image: none;
	display: block;
	height: 20px;
	line-height: 20px;
	color: #2F221D;
	text-align: left;
	margin-left: 5px;
	padding: 0 10px;
	font-weight: normal;
	white-space: nowrap;
	float: none;
}

#menu ul dd a:hover
{
	color: #f2f0e3;
}

#menu ul table td
{
	vertical-align: top;
}

a:active
{
	outline:none;
}

a:focus
{
	-moz-outline-style:none;
}