/* *** 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: #fff;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
text-align:center;
}


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;
border-bottom: 1px solid #ccc;
}

#searchbox {
display: block;
margin: 0 .5em 1.75em .5em;
}

#searchbox h2 {
border: 0;
font-size: 24px;
font-family: georgia, helvetica, serif;
text-transform: uppercase;
padding-bottom: .25em;
}

#searchbox h2 a {
color: #000;
padding: .15em;
text-decoration: none;
text-align: center;
margin-bottom: 1em;
border-bottom: 1px dotted #f00;
}

#searchbox h2:hover {
}

#searchbox h2 a:hover {
border-bottom: 1px solid #f00;
color: #f00;
}

img.download {vertical-align:middle;}

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

/* ----------banner for logo-------------- */
#banner {
text-align: left;
background-color: #fff;
padding: 0px;
margin: 0px; 
margin-left: auto;
margin-right: auto;
width: 950px;
border-bottom: 1px solid #000;
}

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

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 180px #fff; /* color of the left column  */ 
border-right: solid 200px #fff; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
} 

#inner{
  margin:0; 
  padding:0;
  width:100%; 
  border-right:1px dotted #ccc;
  border-left: 0px dotted #ccc;
} /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
 width:180px; 
 float:left; 
 position:relative; 
 margin-left:-180px; 
 margin-right:1px;
 padding-top: 1em;
 }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 padding-top: 1em;
 
 }

/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px; 
padding-top: 2em;
}


#content a { color: #f00; text-decoration: none; }
#content a:visited { }
#content a:hover { color: #f00; text-decoration: underline; }
#content td p { 
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
padding-bottom: 0;
padding-top: 0;
margin-top: 0;

}
#content td h4 { 
font-family: georgia, helvetica, serif;
font-size: 16px;
text-decoration: none;
color: #000;
padding-left: .5em;
padding-bottom: .25em;
margin-bottom: 0;
}


p {
padding: 5px 10px;
margin:0px; 
text-align: left;
line-height: 1.8em;
margin: 0 0 1em;
}

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

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:1em;
margin:0;
margin-bottom: .5em;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
background-color: #fff;
color: #666;
} 

#footer p{
text-align: center;
}


#years {
margin: .5em;
margin-top: 0;
padding: 0;
float: left;
}


/* ----------------side menu--------------------- */
#nav-side ul { 
margin: 0;
/* margin-top: 65px; */
padding: 0;
list-style-type: none; 
}

#nav-side li { 
margin: 0 0 1px 0; 
}

#nav-side a { 
display: block; 
color: #888;
font-family: georgia, helvetica, serif;
font-size: 18px;
background-color: #fefefe;
width: 8em;
padding: .2em .8em;
text-decoration: none;
border-left: 4px solid #eee;
border-bottom: 0px solid #fff;
text-align: left;
}

#nav-side a:hover
{
background-color: #fff;
color: #000;
border-left: 4px solid #f00;
border-bottom: 0px solid #f00;
text-decoration: underline;
}

#active a
{
display: block;
color: #000;
width: 8em;
padding: .2em .8em;
text-decoration: none;
border-bottom: 0px solid #fbb;
border-left: 4px solid #f00;
background-color: #fff;
}


/* ----------------year side menu--------------------- */
#nav-side-year ul { 
margin: 0;
padding: 0;
list-style-type: none; 
}

#nav-side-year li { 
margin: 0 0 1px 0; 
}

#nav-side-year a { 
display: block; 
color: #000;
font-family: verdana, arial, sans-serif;
font-size: 11px;
background-color: #fff;
width: 3em;
padding: .2em .8em;
text-decoration: none;
border-left: 4px solid #eee;
border-bottom: 1px solid #fff;
}

#nav-side-year a:visited
{
color: #000;
}

#nav-side-year a:hover
{
color: #000;
border-left: 4px solid #f00;
}

#activeyear a
{
display: block;
width: 3em;
padding: .2em .8em;
text-decoration: none;
border-left: 4px solid #f00;
font-weight: bold;
color: #000;
}


/* ------------------------- top nav -------------------- */
#nav-top ul { 
margin: 0;
margin-top: 1em;
/*margin-left: 195px;*/
padding: 1em;
padding-bottom: .8em;
list-style-type: none; 
text-align: center;
}

#nav-top ul li { 
display: inline; 
padding: 0;
margin: 0;
}

#nav-top li {
/* background: url(images/diamond-black.gif) 100% 66% no-repeat; */
}

#nav-top ul li a { 
text-decoration: none; 
padding: 1em .65em .25em .65em;
color: #888;
font-family: georgia, helvetica, serif;
font-size: 18px;
border-bottom: 4px solid #eee;
background-color: #fff;
}

#nav-top ul li a:hover
{
color: #000;
border-bottom: 4px solid #f00;
/* background: url(images/red-triangle.gif) bottom center no-repeat; */
}

#nav-top #active a {
display: inline;
text-decoration: none; 
padding: 1em .65em .25em .65em;
color: #000;
font-family: georgia, helvetica, serif;
font-size: 18px;
border: 0;
border-bottom: 4px solid #f00;
background-color: #fff;
}

/*
#activetop ul li a
{
text-decoration: none; 
padding: 1em .65em .25em .65em;
color: #888;
font-family: georgia, helvetica, serif;
font-size: 18px;
border-bottom: 4px solid #f00;
background-color: #fff;
}

*/



#masthead {position: absolute; z-index: 5; top: 0px; left: 25px;}
#masthead a {
  display: block;
  width: 150px; 
  height: 116px;
  }
#masthead a:hover {
}

#top-nav-container{
width: 950px;
text-align: left;
margin-left: 0;
}

#firstplace{
clear: left;
text-align: center;
margin: 0;
padding: 0;
width: 100%;
}

#firstplace h5{
display: block;
margin: .5em 0 0 0;
padding: .25em;
background-color: #449;
color: #fff;
font-family: georgia, helvetica, serif;
font-size: 18px;
font-weight: bold;
font-style: italic;
text-align: center;
border: 0;
border-top: #30f solid 1px;
}

#secondplace h5{
display: block;
width: 100%;
margin: .5em 0 0 0;
padding: .25em;
background-color: #f66;
color: #fff;
font-family: georgia, helvetica, serif;
font-size: 13px;
font-weight: bold;
font-style: italic;
text-align: center;
border: 0;
border-top: #f00 solid 1px;
}

#thirdplace h5{
display: block;
width: 100%;
margin: .5em 0 0 0;
padding: .25em;
background-color: #666;
color: #fff;
font-family: georgia, helvetica, serif;
font-size: 13px;
font-weight: bold;
font-style: italic;
text-align: center;
border: 0;
border-top: #333 solid 1px;
}

#othergroups h5{
display: block;
width: 100%;
margin: .5em 0 0 0;
padding: .25em;
background-color: #ddd;
color: #000;
font-family: georgia, helvetica, serif;
font-size: 13px;
font-weight: bold;
font-style: italic;
text-align: center;
border: 0;
border-top: #999 solid 1px;
}

#detailslink p{
text-align: right;
}
