/*//////////////////////////////////////*/
/*/////////// MENU STYLES //////////////*/
/*//////////////////////////////////////*/

/*** MENU ***/
#menu {
	height: 52px;
	margin: 0 auto;
	width: 920px;
}
#menu ul {
	height: 52px;
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 2px;
	text-transform: uppercase;
	background: url(../img/menubreak.jpg) top left no-repeat;
}

/*** LEVEL 1 ***/
#menu ul li
{
	height: 52px;
	float: left;
	padding: 0;
	text-align: center;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../img/menubreak.jpg) top right no-repeat;
}
#menu ul li a
{
	color: #566376;
	display: block;
	padding: 18px 14px;
	text-decoration: none;
	margin-right: 2px;
}
#menu ul li a:hover
{
	color: #0d1521;
	cursor: pointer;
	display: block;
	text-decoration: none;
	background: url(../img/menuhover.jpg) top left repeat-x;
}

#menu ul li.button1 a
{
	color: #0d1521;
	cursor: pointer;
	display: block;
	padding: 18px 14px;
	text-decoration: none;
	margin-right: 2px;
	background: url(../img/menuhover.jpg) top left repeat-x;
}
#menu ul li.button1 a:hover
{
	color: #0d1521;
	cursor: pointer;
	display: block;
	text-decoration: none;
}

/*** LEVEL 2 ***/
#menu ul li ul.dropdown, #menu ul li.button1 ul.dropdown
{
	background: #d0d3d9;
	border-left: 1px solid #818995;
	border-right: 1px solid #818995;
	margin: 0;
	left: -2px;
	padding: 0;
	height: auto;
}
#menu ul li ul.dropdown li, #menu ul li.button1 ul.dropdown li
{
	margin: 0;
	padding: 0;
	float: none;
	height: auto;
	line-height: normal;
	font-size: 11px;
	position: relative;
	text-align: left;
	background: none;
}
#menu ul li ul.dropdown li a, #menu ul li.button1 ul.dropdown li a
{
	display: block;
	padding: 8px 15px;
	color: #0d1521;
	margin: 0;
	font-weight: normal;
	border-bottom: 1px solid #818995;
	background: none;
}

#menu ul li ul.dropdown li a:hover, #menu ul li.button1 ul.dropdown li a:hover
{
	color: #0d1521;
	cursor: pointer;
	background: url(../img/compas.png) 6px 3px no-repeat;
}
#menu ul li ul.dropdown li.button1 a, #menu ul li.button1 ul.dropdown li.button1 a
{
	display: block;
	padding: 8px 15px;
	color: #0d1521;
	margin: 0;
	font-weight: normal;
	background: url(../img/compas.png) 6px 3px no-repeat;
	padding: 8px 15px 8px 35px;
}

#menu ul li ul.dropdown li.button1 a:hover, #menu ul li.button1 ul.dropdown li.button1 a:hover
{
	color: #0d1521;
	cursor: pointer;
}

/*** LEVEL 3 ***/
#menu ul li ul.dropdown li ul.dropdown, #menu ul li.button1 ul.dropdown li ul.dropdown
{
	background: #d0d3d9;
	border-left: 1px solid #818995;
	border-right: 1px solid #818995;
	border-top: 1px solid #818995;
	position: absolute;
	top: -1px;
	left: 235px;
	width: 235px;
}
#menu ul li ul.dropdown li ul.dropdown li, #menu ul li.button1 ul.dropdown li ul.dropdown li
{
	margin: 0;
	padding: 0;
	float: none;
	height: auto;
	font-size: 11px;
}

/*** LEVEL 4 ***/
#menu ul li ul.dropdown li ul.dropdown li ul.dropdown, #menu ul li.button1 ul.dropdown li ul.dropdown li ul.dropdown
{
	background: #d0d3d9;
	border-left: 1px solid #818995;
	border-right: 1px solid #818995;
	border-top: 1px solid #818995;
	position: absolute;
	top: -1px;
	left: 235px;
	width: 235px;
}
#menu ul li ul.dropdown li ul.dropdown li ul.dropdown li, #menu ul li.button1 ul.dropdown li ul.dropdown li ul.dropdown li
{
	margin: 0;
	padding: 0;
	float: none;
	height: auto;
	font-size: 11px;
}

/*** TABS ***/

ul.tabs
{
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

ul.tabs li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
}

ul.tabs a
{
	position: relative;
	display: block;
}

/*** DROPDOWNS ***/

ul.dropdown
{
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 999;
	top: 100%;
	width: 235px;
	display: none;
	left: 0;
}

ul.dropdown ul.dropdown
{
	top: 0;
	left: 95%;
}

ul.dropdown li
{
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
	list-style: none;
	display: block;
}

ul.dropdown li a
{
	display: block;
	color: #1f3240;
}
ul.dropdown li a:hover
{
	display: block;
	background: url(../img/compas.png) 6px 3px no-repeat;
	color: #1f3240;
}
/* END */
