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

body
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	background:#fef9f3;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#504436;
	border-top:2px solid #aa7f20;
}

#wrapper
{
	width:740px;
	height:auto;
	margin:0 auto;
	text-align:left;
	padding:0px;
}

#wrapper .container
{
	float:left;
	width:740px;
	height:auto;
	padding:0;
	margin:30px 0px 0px 0px;
}

#wrapper .container .logo
{
	float:left;
	width:210px;
	height:57px;
	margin:0;
	padding:0;
}

#wrapper .container .header
{
	float:left;
	width:740px;
	height:123px;
	margin:15px 0px 1px 0px;
	background: #FFFBF7;
}

#wrapper .container .content
{
	float:left;
	width:566px;
	height:auto;
}

#wrapper .container .content .mainData
{
	float:left;
	background:#eee9df;
	padding:10px;
	width:546px;
	line-height:17px;
	text-align:justify;
}

#wrapper .container .navigation
{
	float:right;
	width:173px;
	height:auto;
}

#wrapper .container .navigation .menu
{
	float:right;
	width:173px;
	height:auto;
}

#wrapper .container .footer
{
	float:left;
	width:566px;
	padding:0px;
	margin:10px 0px 15px 0px;
}

.head01
{
	float:left;
	width:556px;
	padding:7px 0px 7px 10px;
	background:#b6aa90;
	color:#fff;
	font-size:0px;
	letter-spacing:0px;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif;
}

.head02
{
	float:left;
	width:163px;
	padding:7px 0px 7px 10px;
	background:#907e58;
	color:#fff;
	font-size:0px;
	letter-spacing:0px;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif
}


.ImageWithLayer
{
  position: relative;
  float: left;
  width: 130px;
  height: 85px;
  overflow: hidden;
  float:left;
  margin-right:8px;
  margin-bottom:8px;
  display:inline;
}


.ImageWithLayer2
{
  position: relative;
  float: left;
  width: 150px;
  height: 150px;
  overflow: hidden;
  float:left;
  margin-right:8px;
  margin-bottom:8px;
  display:inline;
}


.ImageWithLayer3
{
  position: relative;
  float: left;
  width: 80px;
  height: 52px;
  overflow: hidden;
  float:left;
  margin-right:8px;
  margin-bottom:8px;
  display:inline;
}


.ImageWithLayer3:hover
{
  position: relative;
  float: left;
  width: 80px;
  height: 52px;
  overflow: hidden;
  float:left;
  margin-right:8px;
  margin-bottom:8px;
  display:inline;
  filter:alpha(opacity=50);
  -moz-opacity:.50;
  opacity:.50;
}


.ImageWithLayer:hover
{
  position: relative;
  float: left;
  width: 130px;
  height: 85px;
  overflow: hidden;
  float:left;
  margin-right:8px;
  margin-bottom:8px;
  display:inline;
  filter:alpha(opacity=50);
  -moz-opacity:.50;
  opacity:.50;
}

.ImageWithLayer .Layer
{
  width: 130px;
  height: 85px;
  display: block;
  position: absolute;
  top: 0;
  background: url(../../images/public/event_layer.png) top right no-repeat;
}


.ImageWithLayer2 .Layer2
{
  width: 150px;
  height: 150px;
  display: block;
  position: absolute;
  top: 0;
  background: url(../../images/public/event_layer2.png) top right no-repeat;
}


.ImageWithLayer3 .Layer3
{
  width: 80px;
  height: 52px;
  display: block;
  position: absolute;
  top: 0;
  background: url(../../images/public/event_layer3.png) top right no-repeat;
}

.pagination
{
	float:left;
	width:546px;
	text-align:center;
}


#content1, #content2, #content3{
	height: 116px;
	width: 536px;
	float:left;
	background: none;
	overflow:hidden;
}

.scrollbar-vert{
	background-color: #d7d0c1;
	height: 116px;
	width: 10px;
	float:left;
}

.handle-vert{
	height: 50px;
	width: 10px;
	background:#fff no-repeat;
}


#jgal
{
	list-style: none;
	width: 200px;
}

#jgal li
{
	opacity: .5;
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	cursor: pointer;
	border: 3px solid #fff;
	outline: 1px solid #ddd;
	margin-right: 14px;
	margin-bottom: 14px;
}

#jgal li img
{
	position: absolute;
	top: 20px;
	left: 220px;
	display: none;
}

#jgal li.active img
{
	display: block;
}

#jgal li.active, #jgal li:hover
{
	outline-color: #bbb;
	opacity: .99 /* safari bug */
}

/* styling without javascript */
#gallery
{
	list-style: none;
	display: block;
}

#gallery li
{
	float: left;
	margin: 0 10px 10px 0;
}