*{
	margin:0;
	padding:0;
}

html{
	background-color: black;
	background-position: center top;
	background-repeat:no-repeat;
}

img,
a img{
	border:0;
}

#wrapper{
	min-width: 966px;
}

#layout{
	text-align: left;
	width: 590px;
	margin-top: 115px;
	overflow-y:hidden !important;
	padding: 0 30px 20px 50px;
}

.clear{
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

ul{
	list-style:none;
}

ul.inline li{
	display: inline;
}

.l{
	float: left;
}

.r{
	float: right;
}

.print{
	margin-left: 10px;
}

/* ----------------------------- calendar ----------------------------- */

#calendar{
	position:relative;
	width: 520px;
	left: 125px;
	text-align:center;
	top: 3px;
}

#calendar div{
	float:left;
}

.month{
	width:75px;
}

.day{
	position:relative;
	width:65px;
	text-align:center;
	padding-left: 11px;
	}

.year{
	width:56px;
}

#tomain{
	margin-left: 500px; 
	color:#B87546;
}

#tomain img{
	position: relative;
	top: 1px;
	right: 5px;
}

#tomain a{
	color:#B87546;
	text-decoration:none;
}

#tomain a:hover{
	text-decoration:underline;
}

/* ----------------------------- menu ----------------------------- */

#menu{
	width: 770px;
	height: 35px;
	margin-top: 45px;
	
}

#menu li{
	margin-left: -3px;
}


/* ----------------------------- path ----------------------------- */

#path{
	margin-top: 5px;
	width: 560px;
	text-align:left;
	color:#9F7D61;
}


/*---------------------------------------pane---------------------------------------*/

.scroll-pane {
	width: 580px;
	overflow: auto;
	right:0px;
	left: 0;
	padding-left: 11px;
}

#pane1{
	height: 680px;
}


/*---------------------------------------footer---------------------------------------*/

#layout h1{
	border-bottom: 1px solid #737373;
	margin-bottom: 15px;	
}

#footer{
	border-top: 1px solid #737373;	
}

#footer{
	margin: 15px 0;
	padding: 20px 0;
}

#footer .l,
#footer .r{
}

#search{
	height: 15px;
	width: 188px;
	margin: -2px 0 0 10px;
}


/*---------------------------------------jScroll---------------------------------------*/

a.jScrollArrowUp {
	background: url(../i/arrowup.png) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -32px;
}
a.jScrollArrowDown {
	background: url(../i/arrowdown.png) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -32px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -64px;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	top: 0;
	height: 100%;
	background: url(../i/scroll-line.png) repeat-y 1px 0;
}

 .jScrollPaneTrack,
 .jScrollPaneDragBottom,
 .jScrollPaneDragTop,
 a.jScrollArrowUp,
 a.jScrollArrowDown
{
	right:0;
}

.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 32px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

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

/*---------------------------------------newslist---------------------------------------*/

#newslist dt{
	margin-bottom: 6px;
}

#newslist dd{
	margin-bottom: 20px;
}

#newslist dd p img{
	margin: 5px 10px 0 0;
}

/*---------------------------------------fileattach---------------------------------------*/

#fileattach{
	margin: 8px 0 8px 20px;
}

/*---------------------------------------copyrights---------------------------------------*/

#copyright{
	margin: 15px 0;
}

/*---------------------------------------jcarousel---------------------------------------*/

.jcarousel-container {
    position: relative;
	background: #473D3B url(../i/filmline.gif) repeat-x 0 0;
}

.jcarousel-clip {
    z-index: 2;
    overflow: hidden;
    position: relative;
	height: 68px;
	padding: 11px 0;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 75px;
    height: 68px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango{
	/*important fix of vertical scrolling*/
	height: 89px;
	overflow-y:hidden;
	margin-bottom: 10px; 
}

.jcarousel-skin-tango .jcarousel-container {
    
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 500px;
    padding: 0 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  500px;
    height: 68px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 100px;
    height: 68px;
	position:relative;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    color: #000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal,
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 38px;
    width: 7px;
    height: 12px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-next-horizontal{
	right: 5px;
	background: transparent url(../i/totheright.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal{
	left: 5px;
	background: transparent url(../i/totheleft.gif) no-repeat 0 0;
}

/*.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -7px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active,
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -14px 0;
}*/

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    display:none !important;
}

/*---------------------------------------searchresults---------------------------------------*/

#searchresults{
	font-size: 1.4em;
}

#searchresults li{
	margin-bottom: 8px;
}

/*---------------------------------------tips---------------------------------------*/
#album-list li{
	position:relative;
}

.tip{
	visibility:hidden;
	position:absolute;
	left:50px;
	top:0;
	margin-top:70px;
	color:white;
	font-size: 16px;
	line-height:19px;
	font-family: 'Times New Roman', Georgia, Times;
	background: transparent url(../i/tipbg.png) repeat-x 0 0;
	height:22px;
	z-index:2;		
}

.tipl{
	position:absolute;
	height:22px;
	width:13px;
	left: -13px;
	background: transparent url(../i/tip-l.png) no-repeat 0 0;
}

.tipr{
	position:absolute;
	height:32px;
	width:14px;
	right: -14px;
	top:0;
	background: transparent url(../i/tip-r.png) no-repeat 0 0;
}