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

/* MAIN NAVIGATION */
.nav3-grid  { width: 179px; border-bottom: 1px solid #d7b978 }
.nav3-grid dt a, .nav3-grid dt a:visited    { color: #704a21; font-size: 120%; font-weight: bold; line-height: 2em; text-decoration: none; display: block; padding: 0 10px 0 30px; height: auto !important; min-height: 2em; border-top: 1px solid #d7b978 }
.nav3-grid dd a, .nav3-grid dd a:visited  { color: #90602a; font-size: 120%; font-weight: normal; line-height: 1.7em; text-decoration: none; display: block; padding: 0 10px 0 40px; height: auto !important; min-height: 1.7em; border: none }
.nav3-grid dt a:hover, .nav3-grid dd a:hover   { color: #f93d00; text-decoration: none; background-color: #faf5c8 }

.nav3-bullet {width:170px; margin:10px 0 0 20px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited  { color: rgb(70,122,167); font-size: 120%; font-weight: bold; line-height: 2em; text-decoration: none; background: url("../images/bg_bullet_full_1.gif") no-repeat 0 50%; padding: 0 0 0 10px }
.nav3-bullet dd a, .nav3-bullet dd a:visited  { color: rgb(70,122,167); font-size: 120%; font-weight: normal; line-height: 1.7em; text-decoration: none; background: url("../images/bg_bullet_half_1.gif") no-repeat 0 50%; margin: 0 0 0 15px; padding: 0 0 0 10px }
.nav3-bullet dt a:hover  { color: rgb(42,90,138); text-decoration: underline; background: url("../images/bg_bullet_full_2.gif") no-repeat 0 50% }
.nav3-bullet dd a:hover  { color: rgb(42,90,138); text-decoration: underline; background: url("../images/bg_bullet_half_2.gif") no-repeat 0 50% }

.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}


.main-navigation h1.first  { color: rgb(255,255,255); font-size: 150%; font-family: "trebuchet ms", arial, sans-serif; font-weight: bold; background-color: #90602a; margin: 0; padding: 4px 20px 3px; clear: both }
.main-navigation h1  { color: #fff; font-size: 150%; font-family: "trebuchet ms", arial, sans-serif; font-weight: bold; background: #90602a; margin: 30px 0 20px; padding: 4px 20px 3px; clear: both }
.main-navigation h2   { color: #704a21; font-size: 150%; font-family: "trebuchet ms", arial, sans-serif; font-weight: bold; background-color: #e3cc89; margin: 0; padding: 4px 20px 3px; clear: both }
.main-navigation h2 a { text-decoration: none }
.main-navigation h2 a:hover { color: #f93d00; text-decoration: none }
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* 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:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul  { list-style: none; margin: 0.5em 10px 1em 20px }
.main-navigation ul li   { font-size: 110%; line-height: 1.2em; background: url("../images/bg_bullet_full_1.gif") no-repeat 0 0.4em; margin: 5px 0 0.2em 2px; padding: 0 0 0 11px }
.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  { color: #704a21; font-size: 220%; font-family: "trebuchet ms", arial, sans-serif; font-weight: bold; margin: 0 20px 0.4em 0; padding: 0 0 2px 0; border-bottom: 7px solid #f0e19b }
.main-content h1.block  { color: rgb(255,255,255); font-size: 220%; font-family: "trebuchet ms", arial, sans-serif; font-weight: bold; background: #704a21; margin: 1em 0 0; padding: 2px 0 2px 2px; clear: both }
.main-content h1  { color: #90602a; font-size: 210%; font-family: "trebuchet ms", arial, sans-serif; font-weight: normal; margin: 1em 0 0.5em; clear: both }
.main-content h2  { color: #90602a; font-size: 170%; font-family: "trebuchet ms", arial, sans-serif; font-weight: normal; margin: 1em 0 0.5em; clear: both }
.main-content h3  { color: #704a21; font-size: 130%; font-family: "trebuchet ms", arial, sans-serif; font-weight: normal; margin: -1em 0 0.5em; clear: both }
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4  { color: #90602a; font-size: 170%; font-family: "trebuchet ms", arial, sans-serif; font-weight: normal; margin: 1.5em 0 1em }
.main-content h5  { color: #90602a; font-size: 140%; font-family: "trebuchet ms", arial, sans-serif; margin: 1.5em 0 1em }
.main-content h6  { color: #90602a; font-size: 120%; font-weight: bold; margin: 1.2em 0 0.2em }
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.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  { background-color: #fff3d1; margin: 2em 0 0.2em 20px; width: 400px; clear: both; border-collapse: collapse; empty-cells: show; table-layout: fixed }
.main-content table th.top  { color: #90602a; font-size: 110%; font-weight: bold; background-color: #f0e19b; text-align: left; padding: 0 7px; height: 3.5em; empty-cells: show }
.main-content table th  { color: #90602a; font-size: 110%; font-weight: bold; background-color: #fff3d1; text-align: left; padding: 2px 20px 2px 7px; height: 2em; border: solid 2px #d7b978 }
.main-content table td  { color: #90602a; font-size: 110%; font-weight: normal; background-color: #fff3d1; text-align: left; padding: 2px 7px; height: 2em; border: solid 2px #d7b978 }
p.caption  { color: #90602a; font-size: 110%; text-align: left; margin: 0.5em 0 2em 20px; clear: both }

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li   { font-size: 120%; line-height: 1.4em; background: url("../images/triangle_brown.png") no-repeat 0 0.5em; margin: 0 0 0.2em 20px; padding: 0 0 0 15px }
.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  { background-color: #fff3d1; margin: 2em 0 0; padding: 10px 10px 0; width: 418px; border: solid 1px #d7b978 }
.contactform fieldset  { margin: 0 0 20px; padding: 20px 0 0; border: solid 1px #d7b978 }
.contactform fieldset legend  { color: #90602a; font-size: 130%; font-weight: bold; margin: 0 0 0 5px; padding: 0 2px }
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo  { font-size: 110%; font-family: verdana, arial, sans-serif; padding: 2px; width: 175px; border: solid 1px #d7b978 }
.contactform input.field  { font-size: 110%; font-family: verdana, arial, sans-serif; padding: 2px; width: 275px; border: solid 1px #d7b978 }
.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  { color: #90602a; font-size: 110%; font-family: verdana, arial, sans-serif; background: #f0e19b; text-align: center; margin-right: 20px; padding: 1px; width: 10em; float: right; border: solid 1px #d7b978 }
.contactform input.button:hover  { color: #90602a; background: #d7b978; cursor: pointer; border: solid 1px #d7b978 }
#sitemap  { padding: 0; width: 250px; float: left }
#sitemap ul  { background-image: none; list-style-type: none; padding: 0; width: 250px; float: left }
#sitemap ul li  { background-image: none; display: block; margin: 0; padding: 0; float: left }
#sitemap img.left { margin: 0; padding: 0; width: 20px; height: 20px; float: left; border-width: 0 }
/* MAIN SUBCONTENT */
.main-subcontent h1  { color: rgb(255,255,255); font-size: 140%; font-family: "trebuchet ms", arial, sans-serif; font-weight: bold; background-color: #90602a; text-align: center; margin: 0 0 10px; padding: 4px 10px 3px; clear: both }
/* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3  { color: #704a21; font-size: 125%; font-weight: bold; margin: 1em 10px 0.5em 20px; clear: both }
.main-subcontent p  { color: #90602a; font-size: 110%; line-height: 1.3em; margin: 0 10px 1em; clear: both }
.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  { font-size: 110%; line-height: 1.2em; background: url("../images/bg_bullet_full_1.gif") no-repeat 0 0.4em; margin: 5px 0 0.2em 2px; padding: 0 0 0 11px }
.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  { margin: 3px 10px 7px 0; padding: 1px; float: left; clear: both; border: solid 1px #d7b978 }
.main img.center  { display: block; margin: 0 auto; padding: 1px; float: none; clear: both; border: solid 1px #d7b978 }
.main img.right  { margin: 3px 0 7px 10px; padding: 1px; float: right; clear: both; border: solid 1px #d7b978 }

.main a  { color: #704a21; font-weight: bold; text-decoration: none }
.main-content h1 a  { color: #704a21; font-weight: normal; text-decoration: none }
.main a:hover  { color: #f93d00; text-decoration: underline }
.main a:visited  { color: #704a21 }

.main a img  { border: solid 1px #d7b978 }
.main a:hover img  { border: solid 1px #d7b978 }