/* default elements */
* {margin: 0; padding: 0;}

body {
	background: #7C6F5C url(image/bg.jpg);
	color: #353422;
	font: normal 11px sans-serif;
	padding: 3% 0;
}

a {color: #642;}
a:hover {color: #963;}

big {font-size: 1.1em;}

h1,h2,h3 {
	color: #353422;
	padding: 8px 0 2px;
}

.style1 {font-size: 2em}

h1 {font: normal 2.4em serif,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}

blockquote {
	background: url('image/quote.gif') no-repeat;
	display: block;
	font: normal 1.1em Georgia,serif;
	padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}

/* structure */
#wrapper {
	background: #332 url(image/wrapper.gif) no-repeat left bottom;
width: 80%;
margin-right: auto;
margin-left: auto;
border: 1px solid black;
}
#container {
	background: #FBF9F4;
	border-top: 6px solid #332;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 100%;
}

/* header */
.title {
	background: #E2DED4 url(image/header-h1.jpg) repeat-x;
	border-top: 1px solid #996;
}
.title h1 {
	color: #353422;
	font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
	padding: 10px 0 10px 18px;
}

.header {
	border-top: 2px solid #663;
	height: 220px;
	background-color: #a9b062;
	background-image: url(image/header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}




.header_noimg {
	border-top: 0px solid #663;
	height: 0px;
	background-color: #353422;
	background-repeat: no-repeat;
	background-position: center bottom;
}


/* bottom */
.bottom {
	background: #DCDAC9 url(image/bottom.gif) no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #353422;
	padding: 25px 30px;
}
.bottom .left,.bottom .right {width: 49%;}

/* footer */
.footer {
	background: #332;
	color: #EED;
	padding: 10px;
}
.footer .left {width: 66%;}
.footer .right {
	width: 33%;
	text-align: right;
}

/* gallery */
.gallery td {
	vertical-align: top;
	text-align: center;
}
.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {
	width: 75%;
}
.col2 .right .content {
	background: #A9B062;
	width: 87%;
}
.col2 .right {
	width: 25%;
}
.content {padding: 18px 20px;}
.left {
	float: left;
}
.right {
	float: right;
}
.right .content {padding: 18px 12px 12px;}



/* block list */

.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #353422;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	background: #D2D0C0;
	color: #353422;
}

.right .block,.right .block li {
	border-color: #ECE9E2;
}
.right .block li a:hover {background: #F2F0EA;}

.thumbs {             /* container for all thumbs */
  width: 160px;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: center;       /* correctly center block element */
  padding: 0.25em;
  background-color: #fffaf0;
  color: #000;
  border: thin solid #030;
  overflow: hidden;
  text-align: bottom;
}
.thumbs ul {
  margin: 0;
  padding: 0;
 	text-align: bottom;
 	list-style-type: none;

}
.thumbs li {        /* test these rules with various fonts, may need adjusting */
  height: 9.5em;    /* high enough for image plus 2-line caption */
  width: 9.5em;     /* wide enough for widest image with a bit of padding */
  float: left;      /* as many as can fit in window width */
  overflow: auto; /* do not let IE stretch the container */
  border: 2px solid #faebd7;
  text-align: center;
  padding: .6em;
  margin: .3em;
  font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
  font-family: inherit;
  width: 8.5em;
  height: 15.5em;
}
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.thumbs img {          /* image resized in ems to maintain proportions */
  display: block;      /* prevent text from flowing on the side */
  height: 5.5em;       /* image resolution may suffer a little, but not much */
  text-align: center;  /* center for IE */
  margin: 0 auto .3em auto; /* center for non-IE */
  padding: 10px 0px 0px 0px;
}
img.g53 {/* scalable em 53 */
  width: 7.0em;
  height: 5.0em;
  }


table.itemdisplay {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: collapse;
	background-color: rgb(255, 245, 238);
}

table.itemdisplay td:hover {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: collapse;
	background-color:lightgrey;
}
table.itemdisplay th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: dashed dashed dashed dashed;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.itemdisplay td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: dashed dashed dashed dashed;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}




#searchwrapper {
width:310px; /*follow your image's size*/
height:40px;/*follow your image's size*/
background-image:url(searchbox.jpg);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:9px;
width:256px;
height:28px;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:265px;
width:32px;
height:28px;
}






ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#ffffff;
	background-repeat:repeat;
	border-color:#AAAAAA;
	border-width:1px;
	border-style:solid;
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:112.35000000000001px;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#ffffff;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:bold 11px Verdana;
	color: #444444;
	text-decoration:none;
	cursor:default;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#4792E6;
	border-color:#665500;
	border-style:solid;
	font:bold 11px Verdana;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#4792E6;
	border-color:#665500;
	border-style:solid;
	font:bold 11px Verdana;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul{display:block}
ul.cssMenu span{
	display:block;
	background-image:url(./image/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(./image/arrv_anim_1o.gif);
}
ul.cssMenu a:hover span{	_background-image:url(./image/arrv_anim_1o.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./image/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(./image/arr_double_1o.gif);}
ul.cssMenu table a:hover span{background-image:url(./image/arr_double_1o.gif)}


.style2 {
	color: #fff;
	font: bold 10pt Arial;
}

.style3 {
	color: #fff;
	font: bold 10pt Arial;
}

.style4 {
	color: #ff0000;
	font: bold 10pt Arial;
}













a, a:visited, a:hover {}

#photocontainer {position:relative; width:650px; height:300; background:#fff; border:1px solid #000; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}

#photocontainer a.pics {float:left; padding:7px 21px; display:inline; color:#000; text-decoration:none; width:75px; height:75px; cursor:default;}
#photocontainer a.pics img.thumb {display:block; border:1px solid #000; max-width: 90px; max-height: 90px;}

#photocontainer a.pics span {display:none; border:0; text-align:center;}
#photocontainer a.pics span img {margin:10px auto; border:1px solid #000;}

#photocontainer a.pics:hover {white-space:normal;}
#photocontainer a.pics:hover img.thumb {border:1px solid #fc0;}
#photocontainer a.pics:hover span {display:block; position:absolute; left:9px; top:-250px; z-index:10;}

#photocontainer a.pics:active img.thumb {border:1px solid #fc0;} 
#photocontainer a.pics:active span {display:block; position:absolute; left:9px; top:-250px; z-index:10;}

#photocontainer a.pics:focus {outline:0;}
#photocontainer a.pics:focus img.thumb {border:1px solid #fc0}
#photocontainer a.pics:focus span {display:block; position:absolute; left:9px; top:-250px; z-index:10; outline:0; height:500px;}

#photocontainer span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#photocontainer span.info a {color:#000;}
#photocontainer span.info a:hover {text-decoration:none;}