@import url("system.css");


/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: white;
font-size: 9pt;
color:#564b47;
padding:0px;
margin:0px;
SCROLLBAR-HIGHLIGHT-COLOR: #dee7ec; 
SCROLLBAR-SHADOW-COLOR: #8cacbb;
SCROLLBAR-3DLIGHT-COLOR: #8cacbb; 
SCROLLBAR-ARROW-COLOR: #436976;
SCROLLBAR-TRACK-COLOR: #f7f9fa; 
SCROLLBAR-DARKSHADOW-COLOR: #f7f9fa; 
SCROLLBAR-BASE-COLOR: #dee7ec;
}
a {color: #436976;TEXT-DECORATION: none}
a:visited {color:#436976;TEXT-DECORATION: none}
a:hover {color: #436976;TEXT-DECORATION: underline;}
a:active { color:#436976;TEXT-DECORATION: none}

/* ----------container to center the layout-------- */
#maincontainer {
width: 100%;
padding:20px 0px 20px 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 
#container {
width: 100%;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
/*background-color: #EBD3E0;*/
padding-top:20px;
}
/*----------banner for logo-------------- */
.top {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
	}
.logo {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 1em 0em 1em 10em; 
	PADDING-TOP: 0px;border-color: blue;
	width:300px;
	}

/* ----------outer and inner----------------- */

#mainouter{ 
border-left: solid 200px white; /* color of the left column  */ 
border-right: solid 200px white; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
} 

#maininner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#mainleft {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }
 #mainright {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 }
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}
/* -----------------content--------------------- */ 
#maincontent{ 
position: relative; 
margin: 0px; 
}
H1 {
	margin:0px;
	padding:0px;
	border-bottom:1px solid blue;
}
H4 {
	CLEAR: left; 
	MARGIN: 0px; 
	FONT: 100% Verdana, Helvetica, Arial, sans-serif; 
	COLOR: black; 
	BORDER-BOTTOM: #8cacbb 1px solid
}
.info {
	margin:0px 0px 10px 0px;
	padding:2px;
	background:#dee7ec;
}
#maincontent #table{
margin:0px 10px 0px 10px;
width:524px;
}
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-left: auto;
margin-right: auto;
}
div#content { 
min-height:450px;
height:expression(this.scrollHeight > 450 ? "auto":"450px"); 
}
.articlelist{
width:597px;
margin-left: auto;
margin-right: auto;
}
.toptr{
background:#dee7ec;
}
/*  ----------------footer---------------------- */ 
.footer {
	CLEAR: both; 
	PADDING-RIGHT: 0em; 
	BORDER-TOP: #8cacbb 1px solid; 
	PADDING-LEFT: 0em; 
	BACKGROUND: #dee7ec; 
	FLOAT: none; 
	PADDING-BOTTOM: 1em; 
	MARGIN: 0em; 
	COLOR: black; 
	PADDING-TOP: 0.5em; 
	BORDER-BOTTOM: #8cacbb 1px solid; 
	TEXT-ALIGN: center
}

/*  ---------------tabs-----------------------*/
#tabs {
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 10em; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0em; 
	PADDING-TOP: 0.5em !important;
	PADDING-TOP: 0.1em; 
	BORDER-BOTTOM: #8cacbb 1px solid; 
	WHITE-SPACE: nowrap; 
	BORDER-COLLAPSE: collapse
}
#tabs A {
	BORDER-RIGHT: #8cacbb 1px solid; 
	PADDING-RIGHT: 1.8em; 
	BORDER-TOP: #8cacbb 1px solid; 
	PADDING-LEFT: 1.8em; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0em; 
	TEXT-TRANSFORM: lowercase; 
	BORDER-LEFT: #8cacbb 1px solid; 
	COLOR: #436976; 
	MARGIN-RIGHT: 0.5em; 
	PADDING-TOP: 0.1em; 
	BORDER-BOTTOM: #8cacbb 1px
}
#tabs A.selected {
	BORDER-RIGHT: #8cacbb 1px solid; 
	BORDER-TOP: #8cacbb 1px solid; 
	FONT-WEIGHT: normal; 
	BACKGROUND: #dee7ec; 
	BORDER-LEFT: #8cacbb 1px solid; 
	COLOR: #436976; 
	PADDING-TOP: 0.1em; 
	BORDER-BOTTOM: #dee7ec 1px solid
}
#tabs A:hover {
	BORDER-LEFT-COLOR: #8cacbb; 
	BACKGROUND: #dee7ec; 
	BORDER-BOTTOM-COLOR: #dee7ec; 
	COLOR: #436976; 
	BORDER-TOP-COLOR: #8cacbb; 
	TEXT-DECORATION: none; 
	BORDER-RIGHT-COLOR: #8cacbb
}
.personalBar {
	PADDING-RIGHT: 3em; 
	BACKGROUND: #dee7ec;
	COLOR: black; 
	PADDING-TOP: 0.1em; 
	BORDER-BOTTOM: #8cacbb 1px solid; 
	TEXT-ALIGN: center; 
	FONT: 12px Verdana, Helvetica, Arial, sans-serif
}
.personalBar A {
	MARGIN-LEFT: 1em; 
	COLOR: #436976; 
	BACKGROUND-COLOR: transparent
}

/*-----------------左右内容标签--------------------*/
.box {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0em 0em 2em; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	width:155px;
}
.box DIV.body {
	BORDER-RIGHT: #8cacbb 1px solid; 
	BORDER-TOP: #8cacbb 1px solid; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	BORDER-LEFT: #8cacbb 1px solid; 
	BORDER-BOTTOM: #8cacbb 1px solid; 
	BORDER-COLLAPSE: collapse;
	overflow: hidden;
}
.box DIV.menu {
    text-align:center;
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	BORDER-COLLAPSE: collapse;
	border:#8cacbb 1px solid;
}
.box DIV.menu a{
	list-style-type:square;
}
.box DIV.menu a:hover{
	background:#ECECEC;
}
.box .content {
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 1em; 
	PADDING-BOTTOM: 1em; 
	PADDING-TOP: 1em;
}
.box H5 {
	BORDER-RIGHT: #8cacbb 1px solid; 
	PADDING-RIGHT: 1em; 
	BORDER-TOP: #8cacbb 1px solid; 
	DISPLAY: inline; 
	PADDING-LEFT: 1em; 
	FONT-SIZE: 1em; 
	BACKGROUND: #dee7ec; 
	PADDING-BOTTOM: 0em; 
	TEXT-TRANSFORM: lowercase; 
	BORDER-LEFT: #8cacbb 1px solid; 
	COLOR: black; 
	PADDING-TOP: 0em; 
	BORDER-BOTTOM: #8cacbb 1px; 
	HEIGHT: 1em
}



/*------------test-----------*/
#search {
	width:600px;
	margin:auto;
	padding:0px;
}

#legacytop {
	width:600px;
	margin:auto;
	padding:0px;
}

.legacysearch {
	position: relative;
	width:200px;
	float:right;
	padding:2px
}