/* *** 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: #000000;
	font-size: 0.9em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#999;
	padding:0px;
	margin:0px;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-image: url(graphics/bckgrnd.png);
	background-position: center top;
}

/* ----------container to center the layout---------- */
#container {
	width: 960px;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 0px;
	background-color: #000000;
	border: 2px solid #000000;
	text-align: center;
} 
.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: left;
	width: 960px;
}
.Lcolumn {
	float: left;
	width: 300px;
	text-align: center;
}
.Mcolumn {
	float: left;
	width: 300px;
	margin-left: 30px;
	text-align: center;
}
.Rcolumn {
	float: right;
	width: 300px;
	text-align: center;
}
.clearfloats {
	clear: left;
}
a {
	color: #FFF;
}
a:visited {
	color:#CCC;
}
a:hover {
	color: #F00;
}
a:active {
	color:#FFF;
}

p {
	padding: 5px 10px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight: normal;
	text-align: center;
	font-size: 1em;
}
p2 {
	padding: 5px 10px;
	margin:0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1 {
	font-size: 2em;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #999;
	align: center;
}
h2 {
font-size:1.5em;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}
.redText {
	color: #F00;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: none;
	color: #CCCCCC;
	text-align: center;
	margin-bottom: 2px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #CCCCCC;
	text-align: center;
	font-weight: normal;
	margin-bottom: 2px;
	margin-top: -2px;
}

img.download {vertical-align:middle;}
.floatLeft {
	float: left;
	padding: 5px;
	margin-bottom: 10px;
}

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #e1ddd9;
padding: 0px;
margin: 0px; }
table.one  {padding:10px 0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #EBD3E0;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
 } 

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

/* --------------left navi------------- */
#left {
	width:200px;
	position:relative;
	margin-left:200px;
	margin-right:1px;
	height: 200px;
	float: left;
 }

/* ----------navigation bar in header---------- */

div#navbar2 {
	height: 30px;
	width: 100%;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	background-image: url(graphics/header-bckgrnd.jpg);
}
.spacer {
	height: 12px;
	width: auto;
}

div#navbar2 ul {
 	margin: 0px;
 	padding: 0px;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: small;
 	color: #FFF;
	line-height: 30px;
	 white-space: nowrap;
}

div#navbar2 li {
	list-style-type: none;
	display: inline;
}
div#navbar2 li a {
	text-decoration: none;
	padding: 7px 10px;
	color: #FFF;
}

div#navbar2 li a:link {
	color: #FFF:
	background-color: #000
	color: #F00;
	color: #FFF;
}
div#navbar2 li a:visited {
	color: #FFF;
}
div#navbar2 li a:hover {
	font-weight: bold;
	color: #FFF;
	background-color: #900;
}
div#navbar2 li a:active {
	font-weight: bold;
	text-decoration: underline;
	color: #900;
}

/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px; }

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

td{
	vertical-align:top;
	text-align: center;
}

/*  ----------------footer---------------------- */ 
#footer {
	clear:left;
	padding:0px;
	margin:0px;
	text-align: center;
} 
.pLeft {
	padding: 5px 10px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	font-size: 1em;
}
.leftText {
	text-align: left;
}
ul.disc {
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	text-align: left;
	text-indent: 5px;
	list-style-position: inside;
}
/*-- pop up image --*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
/*-- end pop up image --*/


/*-- center image --*/

IMG.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
}
/*-- end center image --*/
.PicLeft {
	float: left;
}
.pSmall {
	padding: 5px 10px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight: normal;
	text-align: center;
	font-size: .8em;
}
