/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	color:#5A131D;
	padding:0px;
	margin:0px;
	background: #1A0001 repeat left top;
	font: 90%/130% Trebuchet, Arial, Helvetica, sans-serif;
	border: 0px;
}
a:link {color: #8b0100;}
a:visited {color:#860100;}
a:hover {color: #CC0000;}
a:active {color:#8b0100;
}

h1 {
	text-transform:uppercase;
	padding:6px 25px 6px 30px;
	color: #FFCC99;
	margin: 0px 10px;
	font: .9em Arial, Helvetica, sans-serif;
	border: 0px;
	text-decoration: none;
}

h2 {
	font-size:120%;
	font-weight: bold;
	padding: 15px 25px 5px 30px;
	margin:0px;
	color: #5A131D;
	font-style: normal;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
	width: 800px;
	margin: 0px auto 20px;
	background: url(../images/music036.gif);
}

/* ----------banner for logo-------------- */
#banner {
	text-align: center;
	padding: 0px;
	margin: 0px;
	background: #000000 url(../images/pj.jpg) no-repeat center top;
	width: 800px;
	height: 170px;
	border-top: solid;
	vertical-align: top;
}

/* -----------------content--------------------- */
#content {
	padding: 10px 0px 0px;
	background: #FFCC99 left top;
	margin: 0px 0px 0px 170px;
}


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

/* --------------left navi------------- */
#left {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000000;
}

#navlist
{
	padding: 0px;
	width: 150px;
	margin: 2px 0px 0px 15px;
	z-index: 12;
	float: left;
	font-weight: bold;
}

#navlist li
{
	list-style: url(none) none;
	margin:2px 5px 2px -22px;
	padding: 0px;
	text-indent: 6pt;
	font-weight: bold;
}

#navlist li a:link {
	color: #FFCC99;
	font: bold 0.9em/140% Arial, Helvetica, sans-serif;
	background: #993300;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px 12px 0px 0px;
}

#navlist li a:visited {
	color: #FFCC99;
	font: bold 0.9em/140% Arial, Helvetica, sans-serif;	
	background: #990000;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px 12px 0px 0px;
}

#navlist li a:hover
{
	color: #FFFFFF;
	background: #000000;
	font: bold 0.9em/140% Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px 12px 0px 0px;
}

#navlist li a:active {
	color: #FFCC99;
	background: #993300;
	font: bold 0.9em/140% Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px 12px 0px 0px;
}

/* -----------footer--------------------------- */
#footer {
	clear: both;
	margin: 0px;
	padding: 6px 8px 8px;
	text-align: center;
	background: #000000;
	color: #FFCC66;
	width: 786px;
	font-size: small;
	vertical-align: middle;
}
h3 {
	font: .95em/125% Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
