body {}
body {text-align: center; padding: 0; margin: 0; background-color:#FFFFF0}
body, input {font-family: verdana; font-size: 11px;}

p, h2 {margin:5px 5px 10px 5px}
blockquote {margin: 10px 10px 10px 10px}
h4 {font-size:11px; margin:0px 0px 0px 5px}
h2 {font-size:15px}
#heading {font:bold 11px/16px verdana,sans-serif; display:block; white-space:nowrap; margin:0px;
padding:5px; color:#fff; background:#27408B url(/css/images/expand3.gif) no-repeat 100% 100%; text-transform:uppercase}
em {font-style:normal; color:#E3170D}
p.nav {text-align:right}
ul {padding:5px 5px 5px 15px}

#logo {position:relative; left:100px; float:left; padding:2px; margin-top:10px; margin-bottom: 30px; width:100px}
#header {position:relative; float:left;  left:90px; padding: 2px; margin:0; margin-top:10px; background-color:white; margin-bottom: 30px; font-family: 'Century Gothic', 'TW Cen Mt', Arial, sans-serif;}
#header h1 {font-size:11pt; font-weight: normal; font-style:italic; color:#e87511; margin:5px; margin-top:5px; letter-spacing: 1px}
#header h2 {font-size:11pt; font-weight: bold; font-variant: small-caps; margin:5px; color:#000; letter-spacing: 1px}

input.textarea {text-align: left; height: 17px; color:#A9A9A9; width:145px; border: #000 1px solid; margin:0}
input.button {text-align: left; background-color:#e87511; color: #fff;}

#display, {border-bottom: 2px solid #e87511;}
#display, #content, #footer, {font-family:verdana; font-size:11px}

#container {margin-left: auto; margin-right:auto; width:800px; height:100%; border-collapse: collapse; border: 0; margin-bottom: 0}

#name {float:left; width:100%}
#name h1 {font-family:garamond,palatino,serif; font-size:30px; letter-spacing:11px; text-align: center; font-weight:800; margin: 5px 0 5px 0}
#name a, #name a:hover {color:#000;text-decoration: none;}

#content {float:left; width:100%; padding-top:10px;font-family:verdana; font-size:11px}

#contentleft {float:left; text-align:left; width:160px; padding:0 10px 0 10px; margin:0}

#contentcenter {float:left; text-align:left; width:350px; margin-left:10px; padding: 0 10px 0 10px}
body.index #contentcenter{position:relative; top:-30px}
#contentcenter ul, #contentcenter ol {text-align:left; list-style-position: outside; margin-left:15px; padding-left:10px}
#contentcenter ul {list-style-type: square;}

#contentright {position:relative; float:right; display:block; padding: 10px 10px 10px 10px; margin:0; text-align:left; }
#contentright img {border-left: 4px solid #e87511; width:200px; } /*e87511 was ff3d0d*/
#contentright #block {background:#eda04f; border-left: 4px solid #e87511; padding:5px; width:200px; } /*eda04f was ffa20f*/
#contentright li {text-align:left; list-style-position: outside; list-style-type: square;}
#contentright a {color:#000}

#footer {float:left; width:100%; margin-top:50px;margin-bottom:20px}
#footer a {color:#000; text-decoration:none; text-transform:uppercase;letter-spacing: 2px}

a {color: #e87511; text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline}+


/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131  eda04f*/

*{margin:0;padding:0;border:none;}

/* Begin CSS Popout Menu */

#menu{
width:150px;
text-align:left;
}

body.index #menu h2 {
padding:5px;
padding-right:30px;
border-left: #e87511 0.2em solid;
width:185px;
}

body.verder #menu a {font: 11px/16px verdana,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:5px;
padding-right:30px;
border-left: #e87511 0.2em solid;
width:150px;
color:#000;
}

body.verder #menu h2 a {font-weight: bold}

#menu h2 {
display:block;
white-space:nowrap;
margin:0;
color:#000;
text-transform:uppercase;

}

body.verder #menu h2 {background:#fff url(/css/images/expand3.gif) no-repeat 100% 100%; width:185px;}
body.index #menu h2 {background:#fff url(/css/images/expand3.gif) no-repeat 100% 100%; width:150px;}

#menu ul {
list-style:none;
margin:0;
padding:0;
float:left;
/*width:150px;*/}

#menu ul li ul {background:#fff url(/css/images/expand3.gif) no-repeat 100% 100%}

 #menu a{
/*background:#fff*/
text-decoration:none;
}

#menu a, #menu a:visited{
color:#000;
}

body.verder #menu a:hover{
color:#000;
background:#e87511;
}

body.verder #menu a:active{
color:#fff;
background:#e87511
}

body.index #menu a:hover{
color:#000;
background:#e87511;
}

body.index #menu a:active{
color:#fff;
background:#e87511
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul { 
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#e87511 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu ul ul ul, div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul
{display: block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.95em/1.8em verdana, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->

/* End CSS Popout Menu */

@media print {
p, h2 {margin-left:0; margin-right:0; width:40em; text-align:justify}
#video {display:none}
#name h1 {letter-spacing:5px; text-align:left}
#menu {display:none}
#contentright {display:none}
#contentleft {display:block; width:100%}
#display {display:none}
p.nav {display:none}
#footer {text-align:left}
a {color:#FFFFFF; text-decoration:underline !important}
}


