/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

/*defaults*/
body 	{background:#2765AF url('images/body_bg.html') repeat-x 0 0; color:#000000; margin:20px 0; padding:0; font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:90%; }
p		{margin:0; padding:0 0 15px 0; }
a		{color:#000000; text-decoration:underline; }
a:hover	{color:#225799; text-decoration:none;}
#holder		{width:720px; padding:5px 20px 5px 20px; background:#e6e6e6; text-align:left; }

body {
    background: #519df7 url('body.jpg') top left;
    font-size: 13px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#000000;
    padding:0px;
    margin:0px;
}
a {color: blue;}
a:hover {color: #c43300;}

h1 {
    color: #000000;
    font-size:20px;
    font-weight: normal;
    padding: 20px 10px 10px;
    margin:0px;
    text-align: center;
}

h2 {
    color: #000000;
    font-size:20px;
    font-weight: normal;
    padding: 20px 10px 10px;
    margin:0px;}

h3 {
    color:black;
    font-size:18px;
    font-weight: normal;
    padding: 5px 25px;
    margin:0px;}

h4 {
    color:black;
    font-size:14px;
    font-weight: normal;
    padding: 5px 25px;
    margin:0px;}

img.download {vertical-align:middle;}




/* ----------container to center the layout-------------- */
#container {
    width: 760px;

    margin-left: auto;
    margin-right: auto;
    height:100%;

    border:1px solid #8D8D8D;
}

/* ----------banner for logo-------------- */
#banner {
    height:140px;
    text-align: center;
    background:  url('header.jpg') no-repeat bottom center;
    background-color: #e1ddd9;

    padding: 0px;
    margin: 0px;
}
#banner img {padding:10px 0px;} 
#bannertitle{padding-top:25px;font-size:2em;font-weight:bold;}

/* -----------------content--------------------- */
#content {
    background:#ffffff  url('content.jpg') no-repeat bottom right;
    padding: 0px;
    margin-right: 0px;
}
div#content { 
    padding-bottom: 20px;
    float: left;
    /*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}

#content1 {
    background:#ffffff;
    padding: 0px;
    margin-right: 0px;
}
div#content1 { 
    min-height:600px;
    /*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}

p, pre{
    padding: 5px 10px 15px;
    margin:0px;
}

/* --------------left navi------------- */
#left {
    float: left;
    width: 200px;
    margin: 0px;
    padding: 0px;
    background:#E8E8E8;
    height:90%;
}

/* -----------footer--------------------------- */
#footer {
    clear: both;
    margin: 0px;
    padding:0px;

    height:35px;
    text-align: right; 
    background:  url('footer.html') repeat-x ;
}
#footer a{
    color:#FFFFFF;
}
#footer a{
    padding:5px 5px 0px 0px;
}





/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */


#navigation{
    float: left;
    width: 100%;
}
#navigation ul{
    float: left;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
#navigation ul li{
    display: inline-block;
    position: relative;
}
#navigation ul li a{
    text-decoration: none;
    color: #225799;
    padding: 15px 10px;
    font-size: 13px;
}
#navigation ul li a:hover{
    color: #000000;
}
#navigation ul li ul{
    display: none;
    position: absolute;
    top: 30px;
    background-color: #225799;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 210px;
}
#navigation ul li ul li{
    width: 100%;
}
#navigation ul li ul li a{
    float: left;
    color: #ffffff;
    width: 190px;
    padding: 10px;
}
#navigation ul li ul li a:hover{
    color: #eeeeee;
    background-color: #4674ae;
}
.BoxInfo{
    float: left;
    padding: 5px 18px;
    width: 724px
}
ul{
    margin-top: 0;
}
TD.thumbnail {
    background-color: #e7e7e7;
    padding: 5px;
    text-align: center;
    width: 1800px;
}
.thumbnail {
    border-color: silver;
    border-width: 0;
}