body { background-color: #e3e3e3; text-align: center; margin: 5px auto; }
body,table,td,th,input,textarea,select { font: normal 12px arial, helvetica,sans-serif }
#wrapper { background-color: white; width: 978px; border: 1px solid black; text-align: left; margin: auto; } 
div.header { background: #e3e3e3 url('/img/h980.jpg') no-repeat; height: 130px; cursor: pointer; }

div.topbanner { width: 978px; height: 85px; }
div.topbanner div.bnr { position: relative; color: white; left: 588px; top: 6px; cursor: pointer; }
div.topbanner div.bnr img { width: 380px; position: absolute; } 

/*div.banner img { opacity: 1; filter: alpha(opacity=100); }
div.banner:hover img { opacity:0.8; filter: alpha(opacity=80); }*/

div.person { background-color: white; height: 75px; text-align: center; float: left; margin-right: 8px; margin-bottom: 8px; }
div.person img { border: 1px solid black; opacity: 1; /*filter: alpha(opacity=100); cursor: pointer; */}
/*div.person:hover img { opacity:0.8; filter: alpha(opacity=80); }*/

div.banner { text-align: left; width: 188px; height: 70px; margin-bottom: 8px; }
div.banner div.bnr { margin-left: 22px; width: 140px; cursor: pointer; } 
div.banner div.bnr img { width: 140px; position: absolute; } 

div.main { min-height: 100%; background: white url('/img/bg.gif') repeat-y; display: block; }

/* left menu */
div.left { float: left; width: 188px; background: #223567 url('/img/menu.jpg') no-repeat; min-height: 500px; padding-top: 60px; }

/* content */
div.content { float: left; padding-left: 5px; min-height: 500px; background-color: white; }

div.subnav { width: 780px; }
div.subnav div.breadcrumb { float: left; font-size: 10px; color: gray; font-weight: bold; padding-left: 3px; }
div.subnav div.buttons { float: right; padding-right: 3px; }

div.main div.content div.page { padding-top: 8px; padding-left: 8px; width: 769px; min-height: 500px; }

p.header { color: navy; font-size: 18px; font-weight: bold; }


div.clr { clear: both; } 

div.footer { font-size: 10px; color: white; font-weight: bold; background-color: #333333; text-align:center; padding: 3px; border-top: 1px solid white; }

hr.bla { height: 1px; color: #223567; background-color: #223567; border: 0px; }

ul.headlines { list-style: none; margin: 0px; padding: 0px; }
ul.headlines * { margin:0; padding:0 }
ul.headlines a {display:block; color:white; }
ul.headlines li {position:relative; float:left; margin-right:2px}
ul.headlines .menulink { font-weight:bold; width:148px; height: 30px; margin-top: 0px; padding-top: 5px; border: 0px; }
ul.headlines .menulink:hover, ul.menu .menuhover { text-decoration: underline; }
ul.headlines .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat; }
ul.headlines .topline {border-top:1px solid #aaa; }

ul.headlines { list-style:none; margin: 0px; padding: 0px; }
ul.headlines * { margin:0; padding:0 }
ul.headlines li { border-bottom: 1px solid #aaa; width:100%; margin:0px; }
ul.headlines li a { padding:3px; color: black; background-color: white; text-decoration: none; }
ul.headlines li a:hover { background-color: #E1E1E1; text-decoration: underline; }

input.search { 
	color: gray; 
	width: 140px; 
	border: 1px solid black;
	
	width: 140px; 
}
 
img.smilie { cursor: pointer; border: 0px; }

td.tblheader
{
	line-height: 20px; 
	padding: 2px;

	background: url("../img/tblhdr.gif") repeat-x; 
	border-top: 1px solid #B4B4B4; 
	border-bottom: 1px solid #B4B4B4; 
}

td.gbheader
{
	line-height: 18px; 
	padding: 2px;

	background: url("../img/tblhdr.gif") repeat-x; 
	border-top: 1px solid #B4B4B4; 
	border-bottom: 1px solid #B4B4B4; 
}

td.gbmessage
{
	padding-top: 4px;
	padding-bottom: 16px;
}

span.smaller
{
	font-size: 10px;
	align: right;
}

a { color: navy; text-decoration: none; }
a:hover { color: orange; text-decoration: none; }
a:active { color: navy; text-decoration: none; }

div.footer a { color: white; text-decoration: none; }
div.footer a:hover { color: white; text-decoration: underline; }
div.footer a:active { color: white; text-decoration: none; }

a.crumb { color: gray; }
a.crumb:hover { color: gray; text-decoration: underline; }
a.crumb:active { color: gray; text-decoration: none; }

a.white { color: white; }
a.white:hover { color: white; text-decoration: underline; }
a.white:active { color: white; text-decoration: none; }
 
div.frontbox { float: right; width: 300px; height: 160px; border: 1px solid black; text-align: center; background-color: #FFFFCC; padding: 8px; margin-left: 8px; }
div.frontbox2 { float: right; width: 316px; height: 176px; border: 1px solid black; text-align: center; background-color: #FFFFCC; }
div.frontbox2 div.foto { float: left; position: relative; top: 0px; z-index: 0; }
div.frontbox2 div.foto img { position: absolute; }

div.fotobox { float: left; width: 436px; height: 176px; border: 1px solid black; text-align: center;  }
div.fotobox div.foto { float: left; position: relative; top: 0px; z-index: 0; }
div.fotobox div.foto img { position: absolute; }
div.fotobox div.fototext { float: left; position: relative; z-index: 1; width: 436px; height: 44px; background-color: black; top: 132px; opacity: 0.75; MozOpacity: 0.75; filter: alpha(opacity=75); text-align: left; clear: both; }
div.fototext p { float: left; font-size: 16px; margin: 0px; margin: 14px; margin-left: 8px; color: white; font-weight: bold; }
div.fototext p a { color: white; }