* { margin: 0; padding: 0; }

body { border: 0; background: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #532f17; text-align: center; }

/* holder */
#holder { position: relative; margin: 0 auto; width: 880px; height: auto; overflow: hidden; text-align: left; }

/* head */
#hhead { position: relative; width: 100%; height: 103px; }
#hhead h1.logo { position: absolute; z-index: 10; top: 58px; right: 96px; width: 26px; height: 32px; background: url(pics/logoSmall.gif); }
#hhead h1.logo a { display: block; width: 26px; height: 32px; }
#hhead h1.logo a span { display: none; }

#hhead #languageMenu { position: absolute; z-index: 10; top: 64px; right: 144px; width: 60px; }
#hhead #languageMenu ul.languageMenu { float: right; }
#hhead #languageMenu ul.languageMenu li { display: inline; width: 18px; }
#hhead #languageMenu ul.languageMenu li a,
#hhead #languageMenu ul.languageMenu li a:visited { width: 18px; font-size: 11px; color: #c6c1bd; }
#hhead #languageMenu ul.languageMenu li a.active,
#hhead #languageMenu ul.languageMenu li a:hover { width: 18px; font-size: 11px; color: #532f17; }

/* body */
#hbody { position: relative; width: 100%; height: 420px; clear: both;}
#hbody .rail { position: relative; float: left; width: 145px; height: 420px; clear: both; background: url(pics/bgRail.gif) 115px repeat-y; }

#hbody .hbody .tpl { position: relative; float: left; width: 735px; height: 420px; }

/* main menu */
#mainMenu { position: absolute; top: 88px; left: 0; z-index:10; width: 145px; background: #ffffff; }
#mainMenu ul.mainMenu { position: relative; float: left; width: 115px; }
#mainMenu ul.mainMenu li { position: relative; float: left; display: block; width: 115px; height: 20px; }
#mainMenu ul.mainMenu li a, 
#mainMenu ul.mainMenu li a:link, 
#mainMenu ul.mainMenu li a:active, 
#mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; width: 115px; height: 20px; color: #532f17; font-weight: normal; text-align: right; text-decoration: none; text-transform: uppercase; line-height: 20px; }
#mainMenu ul.mainMenu li a:hover, 
#mainMenu ul.mainMenu li a.active, 
#mainMenu ul.mainMenu li a.active:link, 
#mainMenu ul.mainMenu li a.active:visited, 
#mainMenu ul.mainMenu li a.active:hover, 
#mainMenu ul.mainMenu li a.active:active { position: relative; float: left; display: block; width: 115px; height: 20px; color: #532f17; font-weight: bold; text-align: right; text-decoration: none; text-transform: uppercase; line-height: 20px; }

#mainMenu img { position: relative; float: right; margin: 33px 11px 12px 0px; }

#mainMenu ul.mainMenu li ul { display: none; }

/* foot */
#hfoot { position: relative; float: left; width: 880px; height: auto; min-height: 40px; overflow: hidden; }
#hfoot span { position: relative; float: left; margin-left: 115px; display: block; display: inline; width: 499px; height: 15px; border-left: 1px solid #532f17; border-bottom: 1px solid #532f17; }

#hfoot h1.logo { position: absolute; top: 0px; right: 8px; width: 240px; height: 30px; background: url(pics/logo.gif); }
#hfoot h1.logo a { display: block; width: 240px; height: 30px; }
#hfoot h1.logo a span { display: none; }

#hfoot .hfoot { position: relative; float: left; margin-left: 115px; display: inline; width: 500px; }


.jScrollPaneTrack {
	position: absolute;
	right: 0;
	top: 2px;
	width: 10px;
	border:1px solid #333333;
	overflow: hidden;
	background: #FFFFFF;
	padding-bottom: -2px;
}
.jScrollPaneDrag {
	width: 8px;
	position: absolute;
	background: #e5e0dc;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #fff;
	height: 10px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #fff;
	height: 12px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

a.jScrollArrowUp {
	background: url(pics/arrowUp.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(pics/arrowDown.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}