/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #FFFFFF;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #564b47;}
a:visited {color:#564b47;}
a:hover {color: #000FFF;}
a:active { color:#564b47;}

h1 {
font-size: 11px;
color:#FFFFFF;
text-transform:uppercase;
background-color: #FF6633;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px;
text-align:center}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h4 {
font-size:11px;
font-weight: bold;
font-style:italic; 
padding: 5px 5px;
margin:0px;}

div#footer {
font-size: 11px;
color:#000000;
text-transform:uppercase;
background-color: #009933;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px;
text-align:center}

div#footer a {color: #FFFFFF;}

td#selected {
	background:#FF9966;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
background-color: #F0F0F0;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #FFFFFF;
text-align: center;
padding: 0px;
margin: 0px;
}
#banner img {padding:5px 10px;} 

/* -----------------content--------------------- */
#content {
background-color: #FFFFFF;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
}
div#content { 
min-height:420px;
height:expression(this.scrollHeight > 420 ? "auto":"420px"); 
}


p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

/*
Cool Table Menu - CSS
By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from javascriptkit.com
Visit http://javascriptkit.com for this and over 400+ other scripts
*/
.coolmenu{
width: 200px;
}

.coolmenu td{
background-color:#F0F0F0;
cursor:hand;
padding: 5px 10px;
font-family:Arial;
font-size: 12px;
font-weight:bold;
}

.coolmenu td a{
text-decoration:none;
color:black;
}

.coolmenu td#boxdescription{
background: #F0F0F0;
height: 25px;
font-weight: normal;
}

/*
Style for the dynamic banner - background image with dynamic text - avoids the need for
new images everytime a new page is created or a title is changed.
*/
#bannercontainer{
   display: block;
   width: 337px;
   height: 60px;
   padding: 0;
   margin-left: auto;
   margin-right: auto;
   background: #eee url(../images/banner_new.jpg) 0 0 no-repeat;
   border: 0px solid #000;
   font: italic 40px Verdana;
   color: #FFFFFF;
   text-align: center;
}

/*
Style for tables with alternate row color and a different color for header row
*/
table.data-table-normal {
background-color: #eee;
border-spacing:0px;
border-collapse: collapse;
}

table.data-table-normal  td {
border: 1px solid #000000;
}

table.data-table-normal  thead {
background-color: #99CCFF;
}

table.data-table-normal  tr.alt td {
background-color: #FFFFFF;
}
