/* *** 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: #CCCCCC;
	font-size: 12px;
	font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0;
	margin:10px 0 20px 0;
}

a {
	color: #666666;
}

a:hover {
	color: #CC3300;
	background: #FFFFCC;
}


h1 {
	font-size: 16px;
	text-transform:uppercase;
	padding:5px 15px;
	margin:0;
}

h2 {
	font-size:14px;
	padding: 5px 10px;
	margin:0;
}

h3 {
	font-size:13px;
	padding: 5px 10px;
	margin:0;
}

img {
	border: 0;
}


/* ----------container to center the layout-------------- */
#container {
width: 900px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #FFFFFF;
}

/* ----------banner for logo-------------- */
#banner {
background: url(../images/banner_new.jpg) 0 0 no-repeat;
padding: 10px;
margin: 0 0 10px 0;
height: 115px;
color: #FFFFFF;
font-size: 24px;
}

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

#banner2 {
background: url(../images/banner_new2.jpg) 0 0 no-repeat;
padding: 10px;
margin: 0 0 10px 0;
height: 115px;
color: #FFFFFF;
font-size: 24px;
}

#banner2 img {
padding:0;
margin: 0;
} 

/* -----------------content--------------------- */
#content {
background: #FFFFFF;
padding: 0 20px 20px 20px;
margin: 0 200px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

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


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 30px 0 10px 0;
padding: 5px 10px 5px 5px;
text-align: right; 
font-size: 10px;
color: #666666;
}

/*---------------customize class --------------*/
#left p{
margin-bottom: 10px;
}

#right ul{
background:#ddd7BE;
min-height: 120px;
padding: 10px 10px 10px 25px;
margin: 5px 0 10px 0;
width: 165px;
}

#right li{
	margin-bottom: 5px;
	color: #FFFFFF;
}

#right li a{
	color: #000000;
}

#right li a:hover{
color: #CC3300;
background: transparent;
}

#content h3{
margin: 20px 0 5px 0;
}

#content .highlight{
	background: #f0ecdd;
	border: #ddd7be solid 1px;
	padding: 10px 0 10px 0;
	margin: 10px 20px 0 10px;
	font-size: 14px;
	color:#000000;
}

#content .highlight h1{
	padding: 0 0 0 10px;
	text-transform: none;
}

#content .date{
	border-left: #ddd7be solid 1px;
	border-right: #ddd7be solid 1px;
	border-bottom: #ddd7be solid 1px;
	background: #f4f4f4;
	padding: 5px 0 5px 10px;
	margin: 0 20px 10px 10px;
}

#content h3{
	color:	#000000; 
	border-bottom: #ddd7be solid 1px;
}

#content hr{
	border-top: #ddd7be solid 1px;
	margin: 40px 0 10px 0;
}

#content img{
	max-width: 450px;
}

.clientlist {
text-align: right;
margin: 70px 0 0 0;
}

.subscribe {
	margin: 5px 0 0 0;
	font-size: 11px;
	float: right;
	text-align: right;
}

.subscribe a{
	text-decoration: none;
}

#footer a{
	color:#666666;
}

.description {
	background: #FFFFCC;
	padding: 10px;
	margin: 10px 30px 10px 20px;
	color: #666666;
}

.logo {
	text-align: right;
}

#banner h1{
	color:#3897ce;
	margin: 10px 0 0 190px;
	font-size: 22px;
}

#banner h2{
	color:#3897ce;
	margin: 0 0 0 200px;
	font-size: 16px;
	font-style: italic;
}

#adminpage{
	margin: 10px 5% 10px 5%;
	padding: 20px;
	background: #FFFFFF;
	line-height: 25px;
	min-height: 600px;
}

#adminpage table{
	width: 100%;
}

#adminpage th{
	font-size: 11px;
}

#adminpage .navi{
	text-align: left;
	font-size: 13px;
	margin: 20px 0 20px 10px;
}

#adminpage .odd{
	background: #e9f3f9;
	height: 20px;
}

#adminpage .even{
	height: 20px;
}

#adminpage hr{
	border: #CCCCCC dotted 1px;
}

#left .navi {
	background: #F4F4F4; 
	padding: 0 0 20px 0;
}

#left a{
	text-decoration: none;
	color: #000000;
}

#left a:hover{
	color: #CC3300;
	background: #FFFFCC;
}

#left hr {
	border: #CCCCCC dotted 1px;
}

#left .navi h2{
	color: #000000;
	border-bottom: #ddd7be solid 1px;
	margin: 5px 0 20px 0;
	padding: 5px 0 5px 0;
}

#left .date {
	font-size: 11px;
	color: #999999;
	margin: 0;
	padding: 0 0 0 10px;
}

#left .current {
	font-weight:bold;
}

#right a{
	text-decoration: none;
}

#right p{
margin: 0;
padding: 0;
}

#preview_box{
	margin: 20px 0 0 -15px;
	width: 100%;
	height: 50px;
}