/* *** 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: #ffffff;
font-size: 12px;
font-family: Courier, Helvetica, sans-serif;
line-height: 200%;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #564b47;text-decoration: none}
a:visited {color:#564b47;}
a:hover {color: #2c92c0;text-decoration: underline}
a:active { color:#000000;}

li {margin-left:0px;}

h1 {
font-size: 12px;
text-transform:uppercase;
background-color: #ffffff;
border-top:0px solid #564b47;
border-bottom:0px solid #564b47;
padding:5px 15px;
margin:0px }
h2 {
font-size:14px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #ffffff;
padding: 0px;
margin: 0px; }

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

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 307px #ffffff;  /* 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:300px; 
 float:left; 
 position:relative; 
 margin-left:-314px; 
 margin-right:1px;
 }
 #left ul 
 { 
 margin: 0;
 padding: 0;
 }
 #left ul { list-style: none; };
 #left ul li { display: inline; 
 }
 #left ul a {color: #ffffff;}
 #left ul a:hover { color: #2c92c0; }
 #left li {margin-left:0px;} 
 
 
  /* --------------thumb------------- */
#thumb {
 width:80px; 
 float:left; 
 position:relative; 
 margin: 8px;
 }
#thumb ul a:hover img {
 border: 1px solid #2c92c0;
 border-width: 5px 5px 20px;
 color: #2c92c0;
 }
 #thumb01 ul a:hover { color: #2c92c0; }

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

p{
padding: 5px 0px;
margin:0px; }

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

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


/*  ----------------work section---------------------- */ 
table { /* defines the background image and dimensions of the table */
	height: 491px;
	width:  800px;
}

table th {
	padding-left: 0px; /* this is space for the left portion of your background image */
}

table td a { /* placeholder for the links to the left of the slideshow image; probably fine if you remove the 'border' line */
	
	display: block;
	height: 22px;
	width: 320px;
}

div#page { /* this 'div' tag is used to create a cross-browser, any resolution safe center alignment */
	margin: 0px auto; /* this centers the page; auto means divide the available space between the right and left margin */
	text-align: left;
	width: 800px;
	height: 491px;
}

table td.slider img { /* Apply styles to the slider image here; For this layout to work, images should have the same height and width */
	height: 491px; /* the height of the image */
	width: 580px; /* the width of the image */
}



table th.buttons a { /* for the right/left buttons */
	float: left; /* aligns them to the right of the container */
	margin-left: 5px; /* adds a bit of spacing between the buttons */
}
.style1 {color: #2c92c0}