html { font-size: 100% } /* correction for IEs ems are dramatically more scaled than % */

body 
{
/*    box-sizing:border-box;
	-moz-box-sizing:border-box;	 assume that in sfari dont work -> check with compatibility list in quirksmode*/
	border:0;
	margin:0;
	text-align: center;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	background-color:#f8d6ae;
	width:100%;
	font-size: 0.625em; /* assume 16px as standard size of browsers so 0.625 * 16px = 10px as base */
}
table { font-size:100%; } /* correction for ie incorrect cascading */

img
{
  border:0 solid black; /* to eleminate blue borders around imgs embedded in link tags */
}
	
#wrapper 
{
  position: relative;
	margin:0 auto; /* auto makes it stay centered except explorer*/
/*	padding:0;
	width: 1000px;*/
  padding:0 170px 0 25px;
	width:auto;
	text-align: center; /* makes it in explorer stay centered (incorrect) */
	/*overflow:hidden;*/
}

/* header */

#header
{
  width:100%;
	height:140px;
	margin:10px 0 0;
	padding:0;
	text-align: left;
	position:relative;
/*	background-color:#0033FF; */
	overflow:hidden;
}

#faketopspace{ width:100%; height:100px;  }
#faketopbar{ width:100%; height:40px; background-color:#a9cb9a; }
img#logo_left { position:absolute; top:10px; left:25px; }
#emotion { position: absolute; bottom:25px; left:0; margin:0 0px 0 160px; width:100%; overflow:hidden; background:url(../images/header.jpg) repeat-x top left;}

#leftcol { width: 160px; margin:-17px 0 0; padding:0; position:absolute; left:25px; text-align:right; font-size:11px; }
#rightcol { width: 145px; margin:-10px 0 0; padding:0; position:absolute; right:25px; font-size:11px;  text-align:left;}
#leftcol, #rightcol { top: 135px; }
.colblock, .colblock_last, .colblock_first { padding:5px; background-color:#a9cb9a; /*overflow:hidden; */}
.colblock, .colblock_first { margin-bottom:15px; }
#rightcol { top: 110px;  }
#rightcol .colblock_first { padding-top:30px; }

#leftcol hr, #rightcol hr { margin:0 0 7px; padding:0; height:1px; color:#464; background-color:#464; border: 0px solid #000;}

/* ------------------------------------
 menue
--------------------------------------- */
.menue, .menue li { margin:0; padding:0; list-style-type:none; }

.menue li { display:block; height:18px;  }

.menue a
{
   display: block;
	 padding: 0 5px 0;
	 height:17px;
	 line-height:18px;  /* one more and in IEPC5+ the one pixel line is eliminated */
	 font-weight:bold; 
	 font-size:10px; 
	 color:#000; 
	 text-decoration:none;
	 width:140px;
	 letter-spacing:0.1em;
}

#rightcol .menue a { width: 125px; }

.menue a:link {	}
.menue a:visited { }
.menue a:hover { color: #FF7944; background-color: #9F6B2B; /*overflow:hidden;*/}
.menue a:active	{ background:#fff; color: #000; }
	
.b1 * #b1 a,
.b2 * #b2 a,
.b3 * #b3 a,
.b4 * #b4 a,
.b5 * #b5 a,
.b6 * #b6 a,
.b7 * #b7 a,
.b8 * #b8 a,	
.b9 * #b9 a,	
.b10 * #b10 a, 
.b11 * #b11 a,
.b12 * #b12 a,
.ba * #ba a
 {
	/* background-color:#efd; */
	background-color:#442300;
	color:#ffeedc;
	}

/* special col formatting */

#b0 { /*position:absolute; right:5px; top:-17px; */ height: 20px;line-height:20px;}
#b0 a { font-size: 18px; letter-spacing:0; color:#FF6600; line-height:20px;padding-bottom:5px;}

#b0 a:link { }
#b0 a:visited { }
#b0 a:hover { color:#000; background: none transparent;}
#b0 a:active { color:#000; background: none transparent;}

#b1 { margin-top:20px; }

#ba { margin-top:50px; }

/* format the left col form */
#leftcol form { text-align:left; margin:0;}
#leftcol form p { font-weight:bold; margin:5px 0 10px 5px; }
#leftcol form input, #leftcol form select { margin:0 0 10px 5px; width:135px }

#leftcol form input[type=text] { width:130px; }

h5{ margin:0; padding:0; }

#content
{
/*  width: 435px; */
	margin: 0 0 0 160px;
	padding:25px 25px 30px; /* define the space between the text and the surrounding content box */
	text-align:left;
	font-size:1.1em;
	overflow:hidden;
	height:1%; /* holly hack for peekaboo bug */
}
	
/* basic content definitions */	
	


#content h1  {
/*  font-family:Georgia, Times New Roman, Times, serif;*/
	font-weight:bold;
	color:black;
	font-size:1.4em;
  line-height: 1.2em;
	margin:0 0 10px;	
	padding:0;
	text-decoration:none;
}

#content h2 
{
 	font-weight:bold;
	color:black;
	font-size:1.1em;
  line-height: 1em;
	margin:10px 0 10px 0;	
	padding:0;
	text-decoration:none;
}

#content h3 {
	font-weight:bold;
	color:black;
	font-size:1.3em;
	margin:0.7em 0 0.2em 0;
	padding:0;
	line-height:1em;
	text-decoration:none;
/*	text-transform:uppercase;
	letter-spacing:0.08em; */
	color:#944600;
}

#content h4 {
	font-weight:bold;
	/*color:#944600;*/
	font-size:0.9em;
	margin:0 0 5px;
	padding:0;
	line-height:1em;
	text-decoration:none;

}

h5 {
	font-weight:bold;
	font-size:0.9em;
	margin:0;
	padding:0;
	line-height:1em;
	text-decoration:none;
}

#content p, #content  ol, #content ul.text {
	/*color:black;*/
	margin:0;	
	padding:0 0 10px 0; /* ie5.5 */
	font-size:1.1em;
	line-height:1.4em;
}

#content ul.text { margin-left: 1em; padding-left: 1em; }
ul.text li { padding-left:0.5em; }

p.sign { text-align:right; margin-top:0;}

#content { overflow:hidden; height:100%; }
/*#opener { float: left; width:170px;}
#actual { margin-left: 190px; }*/


ul.media, ul.detail, ul.order, ul.search, ul.keywords { margin:0 0 5px; padding:0; list-style-type:none; /*color:#944600;*/ background-color:#ffe0bc; border: 1px solid #d7d198; border-bottom:0px; }
#content ul.media li, #content ul.detail li, #content ul.order li, #content ul.search li, #content ul.keywords li{ overflow:hidden; height:100%; border-bottom: 1px solid #d7d198; padding:10px 10px 0; }
ul.media img, ul.detail img, #content img { float: left; /*display:block;*/ margin:0 10px 0px 0; padding-bottom:10px; } 
#content ul.media li:hover { background-color:#FFEEDD; }
#content ul.order li { padding-bottom:10px;}

#content ul.info, p.info { color:#944600; }
#content ul.info { list-style-type:disc; margin:0 0 0 1.5em; padding:0; }
#content ul.info li { border-bottom: 0px solid #000; margin:0;padding:0; overflow:visible; }

#content ul.keywords { font-size:1.2em; }
#content ul.keywords li { padding-bottom:10px; line-height:1.5em; word-spacing:0.5em;}

#content .news p { color:#000; }

p.keyletters { line-height:1.5em; }
p.keyletters a { padding:0 3px; }

#content a, .colblock_first a { text-decoration:none; color:#944600; font-weight:bold; }
#content a:link { }
/* #content a:visited { color:#FF7944; } */
#content a:hover, .colblock_first a:hover { text-decoration:underline; }
#content a:active { }

#content p.pagination { overflow:hidden; width:100%; text-align:right; font-size:1em;}
.pagination span { float: left; }
#content .pagination a.active { color:#000; }

.unavail { color:#944600; }

/* order */
.order table { width:100%; /*margin-bottom:10px; */}
.order thead { font-weight:bold; }
.order table td { padding:3px 5px; }
.order tr.odd {background-color:#f8d6ae; }

.search { margin-top:20px;}
.search li div.header { width:485px; }
.search li div.header  p { padding:0; text-align:right; }
.search .submit { width: 200px; margin:10px 0; float:right;}

input, select { background-color:#FFFAEC; border:1px solid #b79e80;}
input.submit { background-color:#CAA67D; border:1px solid #5c6e53; padding-top:2px; padding-bottom:2px; color:#000; font-weight:bold;}
#content input.submit { background-color:#E3BD93; }

input.checkbox { background-color: transparent; border: 0px solid #000;}
.detail label, .detail input, .order div label, .order div input, .search label, .search input, .search select { display: block; width: 150px; float: left;	margin-bottom: 5px;}
.search input { width:300px; margin-right:10px;}
.search select { width:auto; }
.search input.radio { width:20px; margin-right:0px;}
.detail label, .order div label, .search label { text-align: right;	width: 10em; padding-right: 10px; }
.detail label { width: 5em;} 
.order input.submit { width:auto; }
.detail input { margin-right:7px; }
.detail br, .order br, .search br { clear:both;}
.detail div, .order div { float:left; margin: 0 10px 0 0;}
#content .order p.info { padding:0; }

#designer { 
  font-size:8px;
	font-weight:bold;
	color:#a9cb9a;
/*	color: #336633;*/
	text-decoration:none;
	display:block;
/*	float:right;*/
	margin-top:5px;
	letter-spacing:0.25em;
  margin-right:0;
}
a#designer:link {}
a#designer:visited {}
a#designer:hover {color: #000;}
a#designer:active {color: #fff;}