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


/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
background-image:url(images/vertical-swirly1.gif);
background-color: #FFFFFF;
background-repeat:no-repeat;
background-position: top;
padding-top:15px;
margin-left: auto;
margin-right: auto;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}

/* ----------banner for menu / logo-------------- */
#topcontain {
text-align: right;
vertical-align:middle;}

.logofloat {float:left;}

#banner img {padding:0px 0px;} 

#menuwrap {padding-top:34px; clear:right;} 

/* ----------banner for sizzle-------------- */
#flash {
padding-top:2px; clear:left;
}

/* -----------------content--------------------- */
#content {
padding: 10px 12px 0px 12px;
margin-left: 200px;
margin-right: 0px;}

div#content { 
min-height:300px;}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding-top: 10px;
}

/* -----------------menu---------------------*/
.navlist
{
padding: 1px;
margin-left: 0;
font: 11px verdana, sans-serif;
width: 200px;
color: #666666;
background-color:#FA702A }

.navlist li
{
list-style: none;
margin: 0px;
border-bottom: 1px gray solid;
text-align: left;
}

.navlist li a
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
color: #FA702A;
}

.navlist li a:link { color: #666666; }
.navlist li a:visited { color:  #666666; }

.navlist li a:hover
{
font-weight:bold;
color: #fff;
background: #FA702A;
border-left: 3px #A3AEB4 solid;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

/* -----------inner grids--------------------------- */
.innerwrap {
padding-left: 0px;
padding-bottom:10px;
float:left;
text-align: center;
}
.inner3
{
float: left;
width: 160px;
border: 1px solid #999;
margin: 5px;
padding: 5px;
}
.inner4
{
float: left;
width: 120px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}
.clearright { clear: right; }

.innerwrap h2 {
font-size: 12px;
}

/* -----------look and feel--------------------------- */

body {
background-color: #cccccc;
font-size: 12px;
line-height:150%;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#666666;
padding:0px;
margin:0px;
}

a {color: #FA702A;}
a:visited {color:#FA702A;}
a:hover {
color: #fff;
background-color:#FA702A;
}
a:active { color:#000000;}

a:hover img {
color: #fff;
background-color:#fff;
}

h1 {
font: verdana, sans-serif;
font-size: 26px;
line-height: 30px;
color: #A3AEB4;
padding:5px 10px;
margin:0px }

h2 {
font: verdana, sans-serif;
font-size:20px;
font-weight: normal;
padding: 5px 10px;
color: #999999;
margin:0px;}

h3 {
font: verdana, sans-serif;
font-size:16px;
font-weight: normal;
padding: 5px 10px;
color: #FA702A;
margin:0px;}

img.download {vertical-align:middle;}

.silver {
color: #A3AEB4;
}

.orange {
color: #FA702A;
}

#content p, pre{
padding: 5px 10px;
margin:0px;
text-align: justify;
}

.wip {
background-color: yellow;
}

.cta {
background-color: #A3AEB4;
clear: both;
padding: 6px 12px;
text-align:right;
color: #fff;
}

/*------------data table----------*/

table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 550px;
	margin: 30px 0px 10px 10px;
	}

th {
	padding: 0 0.5em;
	text-align: left;
	}

tr.toprow td {
	border-top: 1px solid #FA702A;
	border-bottom: 1px solid #FA702A;
	font-weight:bold;
	background: #FFC;
	}

td {
	border-bottom: 1px solid #CCC;
	padding: 5px 10px;
	vertical-align: top;
	text-align: left;
	}

td.col1 {
	width: 250px;
	}

td.col2 {
	width: 150px;
	}
td.col3 {
	width: 150px;
	}
	
td h3 {
padding: 0px;
}

/*------------form table----------*/

formtable {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 550px;
	margin: 0px 0px 10px 10px;
	}

th {
	padding: 0 0.5em;
	text-align: left;
	}

tr.toprowtable {
	border-top: 1px solid #FA702A;
	border-bottom: 1px solid #FA702A;
	font-weight:bold;
	background: #cccccc;
	}

td.table {
	border-bottom: 1px solid #CCC;
	padding: 5px 10px;
	vertical-align: top;
	text-align: left;
	}

td.tabcol1 {
	width: 270px;
	}

td.tabcol2 {
	width: 70px;
	align: centre;
	}
td.tabcol3 {
	width: 70px;
	}
td.tabcol4 {
	width: 70px;
	}	
td.tabcol5 {
	width: 70px;
	}
	
td tabh3 {
padding: 0px;
}

/*------------form css----------*/

#comments {
width: 550px;
height: 100px;
padding:5px;
margin-left:10px;
margin-bottom:10px;}

#address {
width: 400px;}