@import url("/html4.css");
@import url("/lightbox.css");

/* generic element formatting ---------------------------------------------------------------------------------------------------- */
html { height:100%; margin:0; padding:0; font-size: 100.01%; font-family: Verdana, Helvetica, sans-serif; font-size: 0.7em; overflow:scroll }
body { height:100%;	margin:0; padding:0; position:relative; background:#5c5c5c url('/assets/Image/Layout/body_bgnd.png') repeat-x center top; color:#dbdbdb }
a img { border:none }
input, textarea, select	{ background-color:#fff; color:#3d3d3d; border:1px #808080 solid; font-family:inherit; font-size:100% }
h1 { color:#ffa311; font-size:125%; padding-bottom:1.33em; margin-bottom:1.33em; border-bottom:1px solid #8d8d8d; text-transform:uppercase }
h2 { font-size:125%; }
a:link, a:visited, a:hover, a:active { color:#696969; text-decoration:none; }
a:hover { text-decoration:underline; }
a:focus	{ outline: none }


/* Layout ------------------------------------------------------------------------------------------------------------------------ */

div#container	{ position: relative; width: 862px; margin:0 auto; background:#5c5c5c url('/assets/Image/Layout/container_bgnd.png') repeat-y center top; color:#5c5c5c; min-height: 100%; height: auto !important; height: 100%; }
div#headerimg	{ position: relative; }
div#printheader	{ display: none }
div#slogan		{ position: absolute; top:65px; left:420px }
div#topnav		{ height: 73px; background: #5c5c5c url('/assets/Image/Layout/header1.jpg') no-repeat center top; color: #fff }
div#topnav div	{ float: right; margin: 35px 20px 0 0 }
div#topnav a 	{ color: #fff; text-decoration:none }
div#mainnav		{ background: transparent url('/assets/Image/Layout/mainnav_bgnd.png') no-repeat center top; }
div#mainnav	table	{ background: transparent url(/assets/Image/Layout/mainnav_edge.png) no-repeat right top; }
div#mainnav	td	{ background: transparent url(/assets/Image/Layout/mainnav_edge.png) no-repeat left top }
div#mainnav a	{ display:block; width:155px; height:74px; margin: 0 auto; text-transform: uppercase; color:#868686; text-decoration: none; font-weight: bold; padding:12px 0; }
div#mainnav a.navlevel1active	{ color: #fff; background: transparent url(/assets/Image/Layout/mainnavlink_bgnd.png) no-repeat center top }
div#loweredge	{ height: 40px; margin:0 15px 0 15px; background: url(/assets/Image/Layout/loweredge_bgnd.png) repeat-x center top }
div#left		{ display: inline; float: left; width: 158px; margin-left: 15px; margin-top:-40px; }
div#right		{ display: inline; float: right; width: 660px; margin-right: 21px; margin-top:-40px; }
.clearfix		{ display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0 }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix		{display: block;}
/* End hide from IE-mac */


/* elements used by µCMS --------------------------------------------------------------------------------------------------------- */
/* form error messages */
div.error-formfield { color:#db0031; font-weight:bold; display:none }
input.error-formfield, textarea.error-formfield, select.error-formfield { border:1px inset #000; background-color:#fcdfb2 }
/* logout form */
div#logout { margin-top: 2.66em; text-align: center; }
div#logout a { display:inline; padding:0; margin:0 }
div.authdisplay0, div.authdisplay { display: none }
/* mucms page navigation */
.mucms-pagenavigation {	clear:both; margin:1.33em 0; background-color: transparent; border-top:1px solid silver }

/* print layout */

@media print {
	body {
		margin: 0;
		padding: 0;
		color: #000;
		background: none;
	}
	h1, h2, h3 { color:#000; border: none; text-transform: none }
	a:link { color: #000; text-decoration: none }
	a:visited { color: #000; text-decoration: none }
	a img { border: none; text-decoration: none }
	input, textarea, select	{ background-color:#fff; color:#3d3d3d; border:1px #808080 solid; font-family:inherit; font-size:100% }
	div#header, div#left, .noprint { display: none }
	div#right { display: block; float: none; width: 630px; margin:0;  }
	div#printheader	{ display: block;  width: 630px; border-bottom: 1px solid black }
	div#printheader	h1 { padding-bottom:0; padding-top:0.66em }
}