/* menu structure */







ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover {

	outline: none;

	position: relative;

	z-index: 11;

}

ul.art-hmenu, ul.art-hmenu ul {

	display: block;

	margin: 0;

	padding: 0;

	border: 0;

	list-style-type: none;

}

ul.art-hmenu li {

	margin: 0;

	padding: 0;

	border: 0;

	display: block;

	float: right;

	position: relative;

	z-index: 5;

	background: none;

}

ul.art-hmenu li:hover {

	z-index: 10000;

	white-space: normal;

}

ul.art-hmenu li li {

	float: none;

	width: auto;

}

ul.art-hmenu li:hover>ul {

	visibility: visible;

	top: 100%;

}

ul.art-hmenu li li:hover>ul {

	top: 0;

	right: 100%;

}

ul.art-hmenu:after, ul.art-hmenu ul:after {

	content: ".";

	height: 0;

	display: block;

	visibility: hidden;

	overflow: hidden;

	clear: both;

}

ul.art-hmenu, ul.art-hmenu ul {

	min-height: 0;

}

ul.art-hmenu ul {

	visibility: hidden;

	position: absolute;

	z-index: 10;

	right: 0;

	top: 0;

	background-image: url('images/spacer.gif');

	padding: 10px 30px 30px 30px;

	margin: -10px -30px 0 0;

}

ul.art-hmenu ul.art-hmenu-left-to-right {

	right: auto;

	left: 0;

	margin: -10px 0 0 -30px;

}

ul.art-hmenu ul.art-hmenu-right-to-left {

	left: auto;

	right: 0;

	margin: -10px -30px 0 0;

}

ul.art-hmenu ul ul {

	padding: 30px 10px 30px 30px;

	margin: -30px -10px 0 0;

}

ul.art-hmenu ul ul.art-hmenu-left-to-right {

	right: auto;

	left: 0;

	padding: 30px 30px 30px 10px;

	margin: -30px 0 0 -10px;

}

ul.art-hmenu ul ul.art-hmenu-right-to-left {

	left: auto;

	right: 0;

	padding: 30px 10px 30px 30px;

	margin: -30px -10px 0 0;

}

ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {

	right: auto;

	left: 100%;

}

ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {

	left: auto;

	right: 100%;

}

ul.art-hmenu {

	position: relative;

	padding: 4px 5px 4px 5px;

}

/* end menu structure */







/* menu bar */







.art-nav {

	width: 900px;

	margin: 0 auto;

	min-height: 34px;

	z-index: 100;

	margin-top: 7px;

	margin-bottom: -3px;

}

.art-nav:before, .art-nav:after {

	background-image: url('images/nav.png');

}

.art-nav:before {

	right: 12px;

}

.art-nav:after {

	width: 12px;

}

/* end menu bar */

.art-nav-outer {

	position: absolute;

	width: 100%;

}

.art-nav-wrapper {

	position: relative;

	width: 900px;

	margin: 0 auto;

}

.art-nav-inner {

	margin: 0 6px;

}

/* end Menu */







/* begin MenuItem */



ul.art-hmenu>li>a {

	position: relative;

	display: block;

	height: 26px;

	cursor: pointer;

	text-decoration: none;



	color: #3B4F63;

	padding: 0 22px;

	line-height: 26px;

	text-align: center;

}

ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after {

	position: absolute;

	display: block;

	content: ' ';

	top: 0;

	bottom: 0;

	z-index: -1;

	background-image: url('images/menuitem.png');

}

ul.art-hmenu>li>a:before {

	left: 0;

	right: 0;

	background-position: top left;

}

ul.art-hmenu>li>a:after {

	width: 0;

	right: 0;

	background-position: top right;

}

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {

	text-align: right;

	text-decoration: none;

}

ul.art-hmenu>li>a.active:before {

	background-position: bottom left;

}

ul.art-hmenu>li>a.active:after {

	background-position: bottom right;

}

ul.art-hmenu>li>a.active {

	color: #FFFFFF;
	background: rgb(110,173,208); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(110,173,208,1) 0%, rgba(65,135,186,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(110,173,208,1) 0%,rgba(65,135,186,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(110,173,208,1) 0%,rgba(65,135,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eadd0', endColorstr='#4187ba',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {

	background-position: center left;

}

ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {

	background-position: center right;

}

ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a {

	color: #FFFFFF;
	background: rgb(110,173,208); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(110,173,208,1) 0%, rgba(65,135,186,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(110,173,208,1) 0%,rgba(65,135,186,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(110,173,208,1) 0%,rgba(65,135,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eadd0', endColorstr='#4187ba',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	

}

/* end MenuItem */