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

.footer {margin-left: 10px; padding: 10px 0px 0px 10px;}
.footer a {color: #fff; text-decoration: none; padding-right: 10px; z-index: 100;}
.footer a:visited {color:#fff;z-index: 100;}
.footer a:hover {color: #fff; text-decoration: underline;z-index: 100;}
.footer a:active { color:#fff;z-index: 100;}

.menu a {color: #fff; text-decoration: none;}
.menu a:visited {color:#fff;}
.menu a:hover {color: #fff; text-decoration: underline;}
.menu a:active { color:#fff;}

.email a {color: #fff; text-decoration: none;}
.email a:visited {color:#fff;}
.email a:hover {color: #fff; text-decoration: underline;}
.email a:active { color:#fff;}

h3 a {color: #336699; text-decoration: none;}
h3 a:visited {color:#336699;}
h3 a:hover {color: #336699; text-decoration: underline;}
h3 a:active { color:#336699;}

h1 {
font: 16px verdana, arial, Sans-Serif;
font-weight: bold;
color: #ff9900;
padding: 0px;
margin: 0px;
}
h1 a:link {
color: #FFF;
}
h1 a:hover {
color: #FFF;
text-decoration: underline;
}
h2 {
font: 12px verdana, arial, Sans-Serif;
font-weight: bold;
color: #336699;
padding: 0px;
margin-bottom: 10px;
}
h3 {
font: 12px verdana, arial, Sans-Serif;
font-weight: bold;
color: #336699;
padding: 5px 0px 5px 10px;
margin-bottom: 10px;
background: url(.././images/h3.jpg);
background-repeat: repeat-x;
border-top: 1px solid #336699;
border-bottom: 1px solid #336699;
width: 385px;

}
HR {
	height: 1px;
	margin: 0em;
	border: none;
	border-bottom: 1px solid #ccc;
	width: 385px;
	}

b, strong {
	color: #cc0000;
}

tr {
margin: 0px;
padding: 0px;
}

/* ----------container to center the layout-------- */
#container {
left:50%;
margin-left:-380px;
top:124px;
position:absolute;
width: 760px;
height: 380px;
padding:0px;
border: 1px solid #ccc;
} 

/* ----------header image position-------------- */
#header {
left:50%;
margin-left:-380px;
top:60px;
position:absolute;
height:60px;
width:760px;
z-index:100;
background: url(.././images/bckgrd.jpg);
background-repeat: repeat-x;
font-family: verdana, Arial, sans-serif;
color: #fff;
padding: 0px;
}

#address {
left:50%;
margin-left:225px;
top:60px;
position:absolute;
height:45px;
width:145px;
z-index:100;
background: url(.././images/bckgrd.jpg);
background-repeat: repeat-x;
font-family: verdana, Arial, sans-serif;
font-size: 10px;
color: #fff;
padding: 15px 5px 5px;
}

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

#outer{ 
border-left: solid 155px #3399FF; /* color of the left column  */ 
background-color: #ffffff;  /* color of the content column */
margin: 0px;
} 

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

/* --------------left and right navi------------- */
#left {
 width:155px;
 height: 380px; 
 float:left; 
 position:relative; 
 margin-left:-155px; 
 margin-right:0px;
background-color: #3399FF;
 }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 }
/* side menu */

#sidemenu {
	margin-top: 10px;
	margin-left: 0px;
	width: 145px;
	padding: 0px;
	font: 11px verdana, arial, Sans-Serif;
	color: #fff;
	background-color: #3399FF;

	}
ul {
	list-style: none;
	padding: 0;
	margin: 0	}

li {
background-image: url(.././images/icon1.gif);
background-repeat: no-repeat;
background-position: 10px;
padding-left: 35px;
margin-bottom: 10px;
margin-left: 0px;
}

ul.list1 {
	list-style: none;
	padding: 0;
	margin: 0	}

li.list1 {
background-image: url(.././images/icon2.gif);
background-repeat: no-repeat;
background-position: 0px;
padding-left: 30px;
}

ul.list2 {
	list-style: none;
	padding: 0;
	margin: 0	}

li.list2 {
background-image: url(.././images/icon3.gif);
background-repeat: no-repeat;
background-position: 0px;
padding-left: 30px;
}

ul sitemap{
	list-style: disk;
	margin-left: 10px;
	padding-left: 0px;
	text-indent: -10px;
	}

/* -----------------content--------------------- */ 
#content{ 
left:50%;
margin-left:-225px;
top:10px;
position:absolute;
width: 575px;
height: 310px;
padding:10px;
font-size: 11px;
text-align: justify;
color: #666;
}
.text{ 
width: 376px;
z-index:20;
}
#contentimage {
left:50%;
margin-left:160px;
top:0px;
position:absolute;
width: 220px;
height: 380px;
padding:0;
z-index: 1;
}
.image a:link{
border: 0px;
}
#donateimage {
left:50%;
margin-left:170px;
top:265px;
position:absolute;
width: 180px;
height: 120px;
padding:5px;
z-index: 300;
font: 11px verdana, arial, Sans-Serif;
color: #336699;
}
.back {
left:50%;
margin-left:-295px;
top:330px;
position:absolute;
width: 80px;
height: 20px;
}
#contactdesc {
left:50%;
margin-left:180px;
top:145px;
position:absolute;
width: 170px;
height: 95px;
padding:10px;
font-size: 10px;
text-align: justify;
color: #CC0000;
z-index: 300;
font: 11px verdana, arial, Sans-Serif;
color: #336699;
border: 1px dashed #cc0000;
}

p {
padding: 0px;
margin-top: 10px;
 }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

#banner {
background-color:#fff;
padding: 15px 0 0 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
height:60px;
width:468px;
}
#pageimage {
float: right;
margin: 10px 5px 10px 10px;
background-color:#ccc;
height:330px;
width:200px;
}

/*  ----------------footer---------------------- */ 
#footer {
left:50%;
margin-left:-380px;
margin-right:10px;
top:385px;
position:absolute;
width:740px;
height: 60px;
clear:left;
text-align: left; 
background: url(.././images/bckgrd.jpg);
background-repeat: repeat-x;
padding:20px 0px 0px 20px;
color: #fff;
}
#footerimg{
left:50%;
margin-left:180px;
top:385px;
position:absolute;
height:60px;
width:200px;
z-index:30;
}

#stats {
left:50%;
margin-left:-380px;
top:445px;
position:absolute;
height:15px;
width:760px;
clear:left;
padding:5px;
color: #666;
font: 10px verdana, arial, Sans-Serif;
background-color: #FFF;
}

/* -----------------Form--------------- */

input, select  {
font: 11px verdana, arial, Sans-Serif;
color: #666;
padding-left: 4px;

}
textarea {
font: 11px verdana, arial, Sans-Serif;
color: #666;
padding-left: 4px;
}