/* *** 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: #fff;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000;
padding:0px;
margin:0px;
}
a {color: #fff;}
a:visited {color:#fff;}
a:hover {color: #000;}
a:active { color:#fff;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
font-size:18px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 780px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background: #DD6F97 url('images/background.gif') no-repeat bottom; 
}

/* ----------banner for logo-------------- */
#top {
background: #000;
text-align: left;
padding: 0px;
border-top: solid 30px #DD6F97;  
}

#offer {
margin: 0px 0px 30px 45px;
width: 250px;
padding: 0px;
}

/* -----------------content--------------------- */
#content {
padding: 0px;
margin-left: 360px;
margin-right: 20px;
}
div#content { 
min-height:650px;
height:expression(this.scrollHeight > 650 ? "auto":"650px"); 
}

#content2 {
padding: 0px;
margin-left: 20px;
margin-right: 20px;
}
div#content2 { 
min-height:650px;
height:expression(this.scrollHeight > 650 ? "auto":"650px"); 
}

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

.story {
display: block;
padding: 3px;
color: #fff;
background: #000;
margin-bottom: 10px;
}

.story h3 {
font-size:14px;
color: #37BDEA;
}

.story a:hover {color: #37BDEA;}

#content img {
border: solid 12px #F5C7DA;
float: right;
}

#content2 img {
border: solid 12px #F5C7DA;
float: right;
margin: 0px 20px 30px 45px;
} 

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

#left img {
border: solid 12px #F5C7DA;
margin: 0px 0px 30px 45px;
} 


.quote {
border: solid 12px #F5C7DA;
background-color: #F5C7DA;
margin: 0px 0px 30px 45px;
width: 250px;
padding: 0px;
}

#left h3 {
font-size:14px;
color: #37BDEA;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
margin-top: 50px;
color:#FFF;
text-align: left; }

#footer h2 {
font-size:18px;
font-weight: bold;
padding: 2px 10px;
margin:0px;}

#footer a:hover {color: #fff;}
/* -----------nav bar--------------------------- */
#navigation {
padding-top: 10px;
background: #37BDEA;
margin-bottom: 20px;
height:13px;
}

#navigation a
{
color: #000;
background: #F5C7DA url(images/navl.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px
}

#navigation a span
{
background: url(images/navr.gif) right top no-repeat;
padding-right: 10px
}

#navigation a, #navigation a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */

#navigation a:hover
{
color: #fff;
background: #000 url(images/navlh.gif) left top no-repeat;
padding-left: 10px
}

#navigation a:hover span
{
background: url(images/navrh.gif) right top no-repeat;
padding-right: 10px
}

#navigation ul
{
list-style: none;
padding: 0;
margin: 0;
width: 780px;
}

#navigation li
{
float: left;
margin: 0;
}