@charset "utf-8";
/* CSS Document */

/* BASE */
#header {
	height:3em;
	min-height:40px;
	position:relative;
	voice-family:inherit;
	background-color: #641f00;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding: 15px 0;
	background-image:url(../images/head_background_wood.jpg);
}

/* PANEL */
#panel {
	font-size: 80%;
	position: relative;
	top: -40px;
	margin:0;
	padding-right:5px;
	float:right;
}

#panel a, #panel a:visited {
	color:#000000;
}

/* LOGO */
#header h1 {
	font-size:2px;
	height:8px;
	left:15px;
	margin:0;
	position:absolute;
	top:-22px;
	z-index:100;
	border:0;
}

#header h1 a {
	background-image: url(../images/logo_white_small8.png);
	width:282px;
	height:79px;
	z-index:90;
	display: block;
	background-repeat: no-repeat;
	text-indent:-1000em; /* move the text out of the visible area */
}

/* SERACH BOX */
#header #search {
	margin:0pt;
	padding:12px 15px 0pt 0pt;
	position:absolute;
	right:0pt;
	text-align:right;
	top:0pt;
	white-space:nowrap;
}
#header #search .keywords:hover, #header #search .keywords:focus {
	background:#FFFFFF none repeat scroll 0% 0%;
	width:20em;
	max-width:300px;
}
#header #search .keywords {
	border:1px solid #999999;
	font-size:85%;
	padding:2px;
	width:10em;
	min-width:50px;
	background-color: #DDDDDD;
}

/* MENU */
/* general */
#topNavigation ul {
	position:absolute;
	bottom:0pt;
	right:0pt;
	padding:0pt;
	margin-top: 0pt;
	margin-right: 15px;
	margin-bottom: 0pt;
	margin-left: 0pt;
	z-index:100;
}
#topNavigation li {
	float:right;
	display:inline;
	background-image: url(../images/header_tab.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin:0pt 1px 0pt 0pt;
	padding:0pt 4px 0pt 0pt;
}
#topNavigation li p, #topNavigation li a {
	float: left;
	display: block;
	background-image: url(../images/header_tab.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 8px;
	margin:0pt;
}

/* tab */
#topNavigation li a { /*left part*/
	background-position: 0% -600px;
}
#topNavigation li { /*right part*/
	background-position: 100% -600px;
}
/* hover tab */
#topNavigation li:hover a { /*left part*/
	background-position: 0% -400px;
	/* background-color:#9d4407; */
}
#topNavigation li:hover { /*right part*/
	background-position: 100% -400px;
	/* background-color:#9d4407; */
}
/* current tab*/
#topNavigation p.current {
	background-position:0% -200px;
	/* background-color:#FFFFFF;*/
	color:#641F00;
}
#topNavigation li.current {
	background-position:100% -200px;
	/* background-color:#FFFFFF;*/	
}
#topNavigation li.current:hover {
	background-position:100% -200px;
}
#topNavigation li.current:hover p {
	background-position: 0% -200px;
	color:#641F00;
}
/* active tab*/
#topNavigation p.active {
	background-position:0% -200px;
	/* background-color:#FFFFFF;*/
	color:#641F00;
}
#topNavigation li.active {
	background-position:100% -200px;
	/* background-color:#FFFFFF;*/	
}
#topNavigation li.active:hover a {
	background-position: 0% -400px;
	/* background-color:#9d4407; */
}
#topNavigation li.active:hover { 
	background-position: 100% -400px;
	/* background-color:#9d4407; */
}
#topNavigation li.active a { /*left part*/
	background-position: 0% -200px;
	color: #641F00;
}
#topNavigation li.active:hover a { /*left part*/
	color: #ffFFff;
}