/* NON-HEADER */
*{padding:0; margin:0;}
 body {
	font-size: 62%;
	background-color: #f4f4f4;
	font-family: trebuchet ms,arial,sans-serif;
}
/*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(../img/bg_main_withnav.jpg) top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:440px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(../img/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
/* scroller */
#marqueecontainer{
        position: relative;
        width: 170px; /*marquee width */;
        height: 150px; /*marquee height */;
        background-color: transparent;
        overflow: hidden;
        border: 1px solid #DDDEE2;
        padding: 2px;
        font-family: "Trebuchet MS";
        font-size: 100%;
        color: #505050;
        margin-left: auto;
        margin-right: auto;
}
#marqueecontainer a{
        font-size: 110%;
        color: #467AA7;
}

/* HEADER */
.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {
	width: 900px;
	height: 80px;
	background: rgb(244, 244, 244);
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
	background-image: url('../img/bg_head_top.jpg');
}
.header-middle {
	width: 900px;
	height: 175px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
}
.header-bottom {
	width: 900px;
	height: 40px;
	background: rgb(255,255,255);
}
.header-breadcrumbs {
	clear: both;
	width: 900px;
	padding: 1.0em 0 1.5em 0;
	background: #f4f4f4 url(../img/bg_head_breadcrumbs.jpg) repeat-y;
}

/********************/
/*  HEADER SECTION  */
/********************/
.sitelogo {width:60px; height:40px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url(../img/bg_head_top_logo.jpg); }
.sitename {
	width: 183px;
	height: 50px;
	position: absolute;
	z-index: 1;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
}
.sitename h1 {
	font-size: 250%;
	color: #E8B10D;
	font-weight: bold;
}
.sitename h2 {
	margin: -4px 0 0 0;
	color: rgb(102, 102, 102);
	font-size: 120%;
}
.sitename a {
	text-decoration: none;
	color: rgb(125,125,125);
	font-weight: bold;
}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px !important/*Non-IE6*/; margin-left:553px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}

.nav1 {width:350px; position:absolute; z-index:3; margin:45px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125) ; text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}

.sitemessage {width:400px; height:120px; position:absolute; z-index:1; margin:20px 0 0 480px; color:rgb(234,239,247); /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage h1 {
	width: 400px;
	text-align: center;
	font-size: 250%;
	color: #252525;
}
.sitemessage h2 {
	float: right;
	width: 320px;
	margin: 8px 0 0 0;
	text-align: center;
	line-height: 100%;
	font-size: 160%;
	color: #252525;
}

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {
	display: inline;
	padding: 0 0 0 10px;
	background: transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%;
	font-weight: bold;
	color: rgb(125,125,125);
	font-size: 110%;
}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}



/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright {
	width:10px;
	height:10px;
	position:absolute;
	z-index:100;
	margin:0 0 0 190px;
	background:url(../img/bg_corner_topright.gif) no-repeat;
	top: 420px;
}

/* MAIN CONTENT */
.column1-unit {
	width:440px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
}
.column2-unit-left {float:left; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/* MAIN SUBCONTENT */
.subcontent-unit-border-orange {width:183px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}
.subcontent-unit-noborder-orange {
	width: 185px;
	background-color: rgb(248,224,150);
	font-size: 10px;
	font-weight: bold;
	vertical-align: 1.5em;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	margin-right: 0;
	margin-bottom: 2.5em;
	margin-left: 0;
}

/* MAIN NAVIGATION */
.nav3-grid {width:199px; border-bottom:solid 1px rgb(200,200,200);}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:13px;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:13px;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {
	background-position: right;
	background-color: rgb(248, 224, 150);
	color: rgb(42,90,138);
	text-decoration: none;
	background-image: url('../img/bg_bullet_arrow.gif');
	background-repeat: no-repeat;
}
.nav3-grid dt a.current {
	color: rgb(70, 122, 167);
	text-decoration: none;
	background-repeat: no-repeat;
	background-color: #EFD891;
}

.nav3-grid dd a.current {
	color: rgb(70, 122, 167);
	text-decoration: none;
	background-repeat: no-repeat;
	background-color: #EFD891;
}


.main-navigation h1.first {
	clear: both;
	margin: 0px;
	padding: 4px 20px 3px 20px;
	background-color: rgb(232, 177, 13);
	font-family: "trebuchet ms",arial,sans-serif;
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 150%;
}
.main-navigation h1 {
	clear: both;
	margin: 30px 0 20px 0;
	padding: 4px 20px 3px 20px;
	background: rgb(232, 177, 13);
	font-family: "trebuchet ms",arial,sans-serif;
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 150%;
}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {
	clear: both;
	margin: 10px 10px 5px 20px;
	color: rgb(80,80,80);
	font-weight: bold;
	font-size: 120%;
}
/* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {
	clear: both;
	margin: 0 10px 10px 20px;
	color: rgb(80,80,80);
	line-height: 1.3em;
	font-size: 120%;
}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {
	margin: 5px 0 0.3em 2px;
	padding: 0px 0px 0 11px;
	background: url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em;
	line-height: 1.2em;
	font-size: 110%;
}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/* MAIN CONTENT */
.main-content h1.pagetitle {
	margin: 0 0 0.4em 0;
	padding: 0 0 2px 0;
	border-bottom: solid 7px rgb(225,225,225);
	font-family: "trebuchet ms",arial,sans-serif;
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 220%;
	border-bottom-color: rgb(232, 177, 13);
}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {
	clear: both;
	margin: 0.5em 0 0.5em 0;
	font-family: "trebuchet ms",arial,sans-serif;
	color: rgb(80,80,80);
	font-weight: normal;
	font-size: 210%;
}
.main-content h2 {
	clear: both;
	margin: 0.5em 0 0.5em 0;
	font-family: "trebuchet ms",arial,sans-serif;
	color: rgb(100, 100, 100);
	font-weight: bold;
	font-size: 160%;
}
.main-content h3 {
	clear: both;
	margin: 0.5em 0 0.2em 0;
	font-family: "trebuchet ms",arial,sans-serif;
	color: rgb(70, 122, 167);
	font-weight: bold;
	font-size: 150%;
}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {
	margin: 1.0em 0 1.0em 0;
	color: rgb(80,80,80);
	font-family: "trebuchet ms",arial,sans-serif;
	font-size: 140%;
}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {
	margin: 0 0 1.0em 0;
	line-height: 1.5em;
	font-size: 130%;
}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table {clear:both; width:400px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {
	margin: 0 0 0.3em 2px;
	background: url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em;
	line-height: 1.4em;
	font-size: 120%;
	padding-top: 0;
	padding-right: 0;
	padding-left: 12px;
}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* MAIN SUBCONTENT */
.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:none;}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:none);}
.main img.right {
	margin: 5px 2px 5px 5px;
	padding-bottom: 5px;
	float: right;
	padding-left: 0px;
}
.shadow {
	background: url('../img/shadow.png') repeat-x left bottom;
	padding-bottom: 7px;
}
.imgLeft {
	background: url(../img/shadow.png) repeat-x left bottom;
	float: left;
	margin: 2px 0px 0 0;
	padding-right: 5px;
}

.main a {
	color: rgb(70,122,167);
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {
	color: rgb(232, 177, 13);
	text-decoration: underline;
}
.main a:visited {
}

.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}
/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {
	text-decoration: none;
	color: rgb(232, 177, 13);
}
.footer a:visited {
	color: rgb(153, 153, 153);
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {
	clear: both;
	width: 220px;
	height: 0.1em;
	border: none;
	background: rgb(210,210,210);
	color: rgb(210,210,210);
}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:#f4f4f4;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {
.footer {
	clear: both;
	width: 900px;
	height: 3.7em;
	padding: 1.1em 0 0;
	font-size: 1.0em;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
}
}