.frame .menu {
	height: 30px;
	background-image: url('../graphics/menu.png');
	background-position: top;
	background-repeat: no-repeat;
	margin: 1px 11px 0px 11px;
	text-align: center;
}

.frame .menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.frame .menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

.frame .menu ul li a.active
{
	background-image: url('../graphics/menu-active.png');
	background-position: top;
	background-repeat: no-repeat;
	height: 22px;
	//height: 30px;
}

.frame .menu ul li a {
	padding: 0;
	padding-top: 8px; 
	width: 120px;
	height: 21px;
	//height: 27px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 12px;
}

.frame .menu ul li a:hover {
	background-image: url('../graphics/menu-active.png');
	background-position: top;
	background-repeat: no-repeat;
	height: 22px;
	//height: 30px;
}

.sub-menu-container
{
	width: 250px;
	padding: 10px;
}

.sub-menu-container .sub-menu-header
{
	padding-left: 15px;
	padding-bottom: 15px;
	height: 10px;
	color: #FFFFFF;
}

.sub-menu-container .sub-menu-top
{
	background-image: url('../graphics/sub-menu-top.png');
	background-position: top;
	background-repeat: no-repeat;
	height: 12px;
}

.sub-menu-container .sub-menu-content
{
	background-image: url('../graphics/sub-menu-middle.png');
	background-position: top;
	background-repeat: repeat-y;
	padding-bottom: 12px;
}

.sub-menu-container .sub-menu-bottom
{
	background-image: url('../graphics/sub-menu-bottom.png');
	background-position: bottom;
	background-repeat: no-repeat;
	height: 12px;
}

.sub-menu-container ul
{
	border: 0;
	margin: 0;
	padding-left: 25px;
	list-style-type: none;
}

.sub-menu-container ul li
{
	padding-bottom: 2px;
	line-height: 16px;
}

.sub-menu-container ul a
{
	padding: 5px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
}

.sub-menu-container ul a:hover
{
	text-decoration: underline;
}