/*		by shuster 2009		*/
/*		general style		*/

body {
	font: small/1.5 "Arial", "Tahoma", "Helvetica", sans-serif;
	text-align: center;
	color: #000;
	background: #505050 url("../gfx/bg-1.png") left top repeat-x;
}
* html body, * html body td, * html body th { font-size: x-small; }

/* reset all elements but OL, UL */
body, p, h1, h2, h3, h4, h5, img, dl, form, fieldset, legend {
	border:  0px none;
	margin:  0px;
	padding: 0px;
}
ul, ol, dl { padding-top: 0; margin-top: 0; }
dt { font-weight: bold; }

ol.a li { list-style-type: lower-alpha; }
ol.i li { list-style-type: lower-roman; }

p { margin-bottom: 1em; }

hr { width: 100%; margin: 0 0 1em 0; padding: 0; border: 1px dashed; border-color: #FFF #FFF #C4C4C4 #FFF; line-height: 1em; }

h2 { color: #62107E; font-family: serif; }


/* LAYOUT */
#container1a { width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 984)? "984px" : "100%"); min-width: 984px; }
#container1b { width: 984px; margin: 0 auto; }

#container2a { background: transparent url("../gfx/bg-01a.gif") left top repeat-y; width: 100%; }
#container2b { background: transparent url("../gfx/bg-01b.gif") right top repeat-y; width: 100%; }

#container3 { width: 920px; margin: 0 auto; background: #FFF url("../gfx/bg-04.gif") right top repeat-y; }

#container4 { width: 100%; background: transparent url("../gfx/top-gfx2.jpg") center top no-repeat; }

#header1 { width: 100%; height: 200px; background: #FFCC00 url("../gfx/top-gfx1.jpg") center top no-repeat; }
#header1 h1 a { display: block; width: 100%; height: 200px; text-decoration: none; /* mozilla fix */ }
#header1 h1 a span { visibility: hidden; }

#col-a { width: 206px; float: right; padding-right: 4px; _padding-right: 10px; }
#col-a .x1 { width: 100%; text-align: left; #D2D2D2; }
#col-b { width: 700px; margin-right: 220px; _margin-right: 217px; padding-top: 29px; text-align: left; }

#mid1 { margin-top: 10px; width: 694px; }

#footer1 { width: 100%; background: #A7A7A7; height: 68px; color: #FFF; margin-top: 10px; }
#footer1 a, #footer1 a:visited { color: #000; text-decoration: underline; }
#footer1 a:hover { color: #FFF; }
#footer1 a span { color: #000; }
#footer1 p { margin: 0; padding: 0; }
#footer1 p.left { text-align: left; }
#footer1 p.right { text-align: right; }

/* menu1 */
#menu1 {	
	width: 200px;
	padding: 0;
	color: #333;
}
#menu1 ul {
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	border: none;
	display: block;
	border-top: 1px solid #BA936D; margin: 0;
}
#menu1 ul ul { border-top: 0; }
#menu1 li { border-bottom: 1px solid #BA936D; margin: 0; }
#menu1 li a {
	display: block;
	padding: 5px 5px 5px 5px;
	border-left: 10px solid #663300;
	background-color: #814B1D;
	color: #FFF;
	text-decoration: none;
	width: 100%;
}
#menu1 li a:hover {
	border-left: 10px solid #CC9933;
	background-color: #9A6022;
	color: #FFF;
}
#menu1 li li {
	border-top: 1px solid #BA936D;
	border-bottom: 0;
	margin: 0;
}
#menu1 li li a {
	display: block;
	padding: 5px 5px 5px 20px;
	border-left: 10px solid #663300;
	background-color: #92643C;
	color: #fff;
	text-decoration: none;
	width: 100%;
}
#menu1 li li li {
	border-top: 1px solid #BA936D;
	border-bottom: 0;
	margin: 0;
}
#menu1 li li li a {
	display: block;
	padding: 5px 5px 5px 40px;
	border-left: 10px solid #663300;
	background-color: #A17957;
	color: #fff;
	text-decoration: none;
	width: 100%;
}
html>body #menu1 li a, html>body #menu1 li li a, html>body #menu1 li li li a { width: auto; }


/*********** MENU2 ***********/
#menu2 {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
	display: block;
}

#menu2 ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu2 li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
}

#menu2 a {
	display: block;
}

* html #menu2 li a {
	position: relative;/* Fix IE6's inability to expand clickable area */
}

#menu2 li ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
}

/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #menu2 li ul {
	display: none;
}

#menu2 li li {
	width: 100%;
}

/* fix the position */
#menu2 li li ul {
	top: 0;
	left: 100%;
}

/* simulate child selector for IE */
div#menu2 li:hover ul,
#menu2 li:hover li:hover ul,
#menu2 li:hover li:hover li:hover ul {
	visibility: visible;
}
div#menu2 li:hover li ul,
#menu2 li:hover li:hover li ul,
#menu2 li:hover li:hover li:hover li ul {
	visibility: hidden;
}

/* do the normal show, with increased specificity, for good browsers */
#menu2 ul.menulist li:hover>ul {
	display: block;
	visibility: visible;
}


/*		------   Make-up	--------			*/

#menu2 {
	color: #000;
	height: 29px;	/* 	Height mentioned above	 */
	max-height: 27px;
	z-index: 100;
	position: relative;
	background: #FEDE5A url("../gfx/bg-02.gif") center top repeat-x;
	border: 1px solid #4D4C76;
	border-left: 0;
	border-right: 0;
	font-size: 13px;
}

#menu2 ul {
/*	background: #FEDE5A url("../gfx/bg-02.gif") center top repeat-x;
	border: 1px solid #4D4C76;
	border-left: 0;
	border-right: 0;*/
}

#menu2 a {
	text-decoration: none;
	text-align: center;
	color: #000;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 9px;
	padding-right: 9px;
}

#menu2 li {
	padding: 1px;
	border: 1px solid #FEF3BF;
	border-top: 0;
	border-bottom: 0;
}
#menu2 li:hover {
	background-color: #CBCBEF;
}

#menu2 li li {
	margin: 1px;
	width: 185px;	/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */
	border: 0;
}

#menu2 li ul {
	color: #000;
	background: #FEF3BF url("../gfx/iconbg.gif") left center repeat-y;
	border: 1px solid #62618C;
	width: 190px;
}
#menu2 li ul a {
	text-align: left;
	padding-left: 9px;
	border: 0;
}
#menu2 li ul li ul {
	margin-top: 3px;
	margin-left: -2px;

}
#menu2 li ul a.sub {
	background-image: url("../gfx/arrow.gif");
	background-repeat: no-repeat;
	background-position: 100% 5px;
}
.menulist {
	position: absolute;
}

/*		------   Specific fixes	(thank to W3C for these) --------			*/
/* 
		I'm gonna move the submenus 5px up
		5px works fine here and it is roughly calculated as:
			padding-bottom + margin-bottom + border-bottom of the LI
			+
			*-top values of the LI
			
		Mostly it needs a bit of trial and error.
		Basic idea is to remove the scrollbar when menu re-positioning is perfomed. Of course, script could take care of that, but that takes too much code - this is easier.
*/
#menu2 li li ul {
	margin-top: -5px;
}

/*********** MENU2 END ***********/



/* COMMON */
.clr { border:  0px none; margin:  0px; padding: 0px; float: none; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }

.xsz { background: transparent; margin-bottom: 1em; width: 200px; }
.xtp, .xbt { display: block; background: transparent; font-size:1px; }
.xbc { background: #FFF; padding: 0 3px; }

.xbc2{ display: block; border: 0 solid #663300; border-width: 0 1px; height: auto; background: #FFFFCC; }
* html .xbc2{ height: 1px; }

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 { display: block; overflow: hidden; font-size: 0; }
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 { height: 1px; }
.xb4, .xb5, .xb6, .xb7 { background: #ccc; border-left: 1px solid #FFF; border-right: 1px solid #fff; }

.xb1 { margin: 0 8px; background: #FFF; }
.xb2 { margin: 0 6px; background: #FFF; }
.xb3 { margin: 0 4px; background: #FFF; }
.xb4 { margin: 0 3px; background: #663300; border-width: 0 5px; }

.xb5 { margin: 0 2px; background: #663300; border-width: 0 4px; }
.xb6 { margin: 0 2px; background: #663300; border-width: 0 3px; }
.xb7 { margin: 0 1px; background: #663300; border-width: 0 3px; height: 2px; }


.xb1b, .xb2b, .xb3b, .xb4b { display: block; overflow: hidden; }
.xb1b, .xb2b, .xb3b { height: 1px;}
.xb2b, .xb3b, .xb4b { background: #FFFFCC; border-left: 1px solid #663300; border-right: 1px solid #000;}
.xb1b { margin: 0 5px; background: #663300; }
.xb2b { margin: 0 3px; border-width: 0 2px; }
.xb3b { margin: 0 2px; }
.xb4b { height: 2px; margin: 0 1px; }

.wrap1 { padding: 10px; }
.wrap2 { padding: 1px 5px; }


#search_frm-1 { text-align: center; background: #663300; padding: 4px 0; }
#search_frm-1 fieldset.x1 { display: table; width: 180px; height: 20px; line-height: 20px; margin: 0 auto; background: url('../gfx/search_bg-1.png') center no-repeat; }

#search_frm-1 .in-txt1 {
	display: block;
	float: left;
	width: 125px;
	height: 18px;
	line-height: 18px;
	margin-left: 2px;
	background: transparent;
	border: 0;
}
#search_frm-1 .in-btn1 {
	display: block;
	width: 48px;
	height: 18px;
	float: left;
	line-height: 18px;
	margin-top: 1px;
	margin-left: 3px;
	text-align: center;
	font-weight: bold;
	background: transparent;
	color: #000;
	font-family: "Trebuchet MS", "Geneva CE", "Helvetica", sans-serif;
	border: 0;
	font-size: 12px;
}
* html #search_frm-1 .in-btn1 { margin-left: 2px; margin-top: 1px; } /* IE6 */

#bwsnav1, #bwsnav2 { display: table; width: 100%; }
#bwsnav1 .bwl, #bwsnav2 .bwl { width: 30%; float: left; }
#bwsnav1 .bwr, #bwsnav2 .bwr { width: 70%; float: right; text-align: right; }
#bwsnav1 a, #bwsnav2 a, #bwsnav1 a:visited, #bwsnav2 a:visited  { color: #000080; text-decoration: none; }
#bwsnav2 .txt { width: 32px; border: 1px solid #000; }
#bwsnav2 .btn { border: 1px solid #000; font-weight: bold; }

/* GALERIA */
ul.thumbs {
	padding: 0px;
	width: 100%;
	margin: 0px auto 1em auto;
	text-align: center;
}

.thumbs li {
	list-style: none;
	vertical-align: middle;
	display: inline-block;
	display: -moz-inline-box;
	*display: inline;
	zoom: 1;
	margin: 2px;
}

.thumbs a {
	display: -moz-inline-box;
}

.thumbs img {
	padding: 1px;
	border: 1px solid #999;
}