body { text-align: center; margin: 0px; padding: 0px; background: #311919 url(i/bg_body.gif) }

#menu {	background: #661B08; text-align:left; position: relative; height: 20px;	width: 740px; z-index: 100 }
#menu ul { list-style: none; margin: 0; padding: 0; width: 148px; float: left }
#menu a, #menu .h2 {
font: bold 10px/14px tahoma;
display: block;
border-width: 1px; border-style: solid; border-color: #661B08 #f90 #311919 #311919;
margin: 0; padding: 2px 3px;
}

#menu .h2 { color: #ccc; background: #661B08; text-transform: uppercase }
#menu a { color: #ccc; background: #661B08; text-decoration: none }

#menu a:hover { color: #f90; background: #311919 url(i/bg_body.gif) }
#menu .h2:hover { color: #ccc; background: #311919 url(i/bg_body.gif) }

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#content { background: #ECBB6F; z-index: 2; padding: 15px; width: 729px }
#head { z-index: 1; width: 759px; background: #311919 url(i/trio-x.jpg) no-repeat right top }
	
#content, #head { position: relative; border: 1px solid; border-color: #4B3D3A #f90 #877977 #877977;  text-align: left }
#sub_cont { width: 689px; padding: 20px; background: #fff }
.pfabe { float: right; width: 250px; border: 1px dashed #661B08; margin: 15px 0 5px 10px; padding: 3px; }
.pfabe ul {padding:0; margin:0; list-style-type: none;}
.pfabe, .pfabe ul, .pfabe a, .pfabe p { font: 10px/1.5em Tahoma; color: #300;}
.pfabe a {font-weight: bold}
.pfabe img {
 width:100px!important; height:102px!important; margin: 3px; 
}
.right {float: right; margin: 10px 0 5px 10px; padding: 3px; width: 190px}

#footer { position: relative; width: 759px; z-index: 3; padding-left: 5px; text-align: left }


#sub_cont img { margin-left: 20px; width:190px; height:190px; border: solid 1px #300}
#trio img { width: 225px; height: 169px; margin:0px 1px; border: solid 1px #300}


h1, h2, h3, p, a { font: 12px/1.5em Tahoma; color: #300; text-align: justify; padding-bottom: 15px; }
h1 { font-size: 18px; font-weight: bold }
h2 { font-size: 14px; color: f90; font-weight: bold }
h3 { font-weight: bold }

.f-right { float:right; }
#footer a {font-size: 11px; color: #ccc; font-weight: normal}

.pad330 { padding-left: 330}
a {text-decoration: none; font-weight: bold}
a:hover { color: #f90 }

/* Form elements */

input, select, textarea, fieldset { font: 12px Tahoma;	color: #505050;	border: 1px solid #877977; margin: 2px; }
select {font-size: 12px; }
form {	clip: rect();	}


fieldset {	padding: 1em;	text-align: left }
label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;

  }
legend {
  padding: 0.2em 0.5em;
  border:1px solid #877977;
  font-size:90%;
  text-align:right;
  background-color: #ECBB6F;
  }
