/* GENERAL LAYOUT *****************************************************************************/
html, body {
	margin:0;
	padding:0;
	/* DECO */
	font-family: "Trebuchet MS", sans-serif;
}
div#header {
	height: 181px; 
	position:absolute;
	top: 0;
	width:100%;
	/* DECO */
	background: url(/img/bluegrad.png) repeat-x bottom;
}
div#container {
	margin-top: 216px;
}
div#wrapper {
	float:right;
	width:68%;
}
div#content {
	width:85%;
	padding: 0 0 0 4%;
	/* DECO */
	font-size: 85%;
	line-height: 150%;
	margin-bottom: 16px;
}
div#navigation {
	float:right;
	width:28%;
	/* DECO */
	border-right: 1px solid #ccc;
	text-align: right;
}
div#navigation p {
	font-size: 85%;
	padding: 11px;
}
div#footer {
	background: url(img/halfscissors.gif) no-repeat top;
	border-top: 1px dashed #999;
	clear:both;
	width:80%;
	height: 100px;
	margin: 0;
	padding: 25px 10%;
}
.bnr { width:33%; height:100px; float: left; margin: 0; padding: 0; text-align: center; }
.bnr img { margin: 0 auto; }

/* LINKS *****************************************************************************/
a:link { color: #00f; text-decoration: underline; }
a:visited { color: #909; text-decoration: underline; }
a:hover { color: #f00; text-decoration: none; }
a.outlink, a.newin { cursor: url("/newin.cur"),auto; }
a.outlink { color: #060; }

/* MENU *****************************************************************************/
ul.menu {list-style:none; margin:0 0 2em; padding:0; text-align:right;}
.menu li { padding: 0; }
.menu a, .menu a:visited, .menu h4 {
	border: none;
	color:#309;
	display:block;
	font-size:150%;
	margin:0;
	padding-right: 11px;
	text-decoration:none;
}
.menu h4 { color:#ccc; font-weight: normal; padding-right: 6px; }
.menu a:hover {
	background:#eee;
	border-right: 5px solid;
	padding-right: 6px;
	text-decoration:none;
}
.menu a span, .menu h4 span {color:#000; display: block; font-size:60%; padding: 0 0 6px; text-decoration:none;}
.menu h4 span {color:#ccc; font-weight: normal;}

/* PICTURE POPUP *****************************************************************************/
#zoom {
	display: none;
	padding: 0;
	position: fixed;
	z-index: 255;
*	position: absolute;
}
#zoom div {
	border: 1px solid #ec5;
	/*height: 398px;
	overflow: scroll;
	width: 498px;*/
}
#zoom a {
	background: #ccc;
	border: 2px outset #eee;
	color: #000;
	display: block;
	float: right;
	font-family: monospace;
	font-size: 14px;
	height: 13px;
	line-height: 13px;
	margin: 1px 0 0 5px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 13px;
}
#zoom h2 {
	background: #ec5 url(img/gold.png) repeat-x bottom;
	border: none;
	color: #000;
	cursor: move;
	font-family: sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 1px 2px 2px 7px;
}
#zoomroll {
	background: #fff url(img/loading.gif) no-repeat center center;
}

/* OTHER *****************************************************************************/
.counter { display: block; }
hr { color:#999; background:#999; height:1px; border:none; }

.r_inset { border-left: 1px solid #ccc; clear:right; float:right; font-size:90%; line-height:160%; margin:0 0 5px 25px; padding:5px 15px; width:21%; min-width: 88px; max-width: 235px; }

