/* *** 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: 15px;
font-family: Century Gothic, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
behavior: url(csshover.htc);

}
a {color: #666666
}
a:visited {color:#666666;
}
a:hover {color: #999999;
}
a:active { color:#33CC00;
}

h4 {
font-size: 14px;
text-transform:uppercase;
background-color: #000000;
color:#FFFFFF;
border-top:1px solid #000000;
border-bottom:1px solid #FFFFFF;
padding:5px 15px;
margin:0px }

h5 {
font-size:20px;
font-weight: bold;
padding: 5px 10px;
margin:0px;}

h6 {
font-size: 12px;
background-color: #01E611;
color:#FFFFFF;
border-top:1px solid #01E611;
border-bottom:1px solid #01E611;
padding:5px 15px;
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: left;
background-color: #FFFFFF;
padding: 0px;
margin: 0px; }

#banner img {padding:0px 0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-right: solid 200px #ffffff;  /* color of the right column  */ 
background-color: #ffffff; /* color of the content column */
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------right navi------------- */
#right {
 width:200px; 
 height:100%;;
 float:right; 
 position:relative; 
 margin-left:1px; 
 margin-right:-200px;
 margin-top: 0px;
 color:#FFFFFF;
 }

/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px; 
}

p{
padding: 5px 10px;
margin:0px; }

ol
  {
  margin-left: 2.5em;
  padding-left: 0;
  margin-top: 0;
  }

ul
  {
  margin-left: 2.5em;
  padding-left: 0;
  margin-top: 0;
  }
li
  {
  margin: 0;
  padding: 0;
  }  

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footergreen {
font-size: 12px;
font-weight: bold;
clear:left;
padding:5px 15px;
margin:0px;
text-align: right; 
background-color: #01E611;
color:#FFFFFF;
border-top:1px solid #01E611;
border-bottom:1px solid #01E611;
} 

#footerblue {
font-size: 12px;
font-weight: bold;
clear:left;
padding:5px 15px;
margin:0px;
text-align: right; 
background-color: #0015FF;
color:#FFFFFF;
border-top:1px solid #0015FF;
border-bottom:1px solid #0015FF;
} 

#footerorange {
font-size: 12px;
font-weight: bold;
clear:left;
padding:5px 15px;
margin:0px;
text-align: right; 
background-color: #FFA600;
color:#FFFFFF;
border-top:1px solid #FFA600;
border-bottom:1px solid #FFA600;
} 

#footeryellow {
font-size: 12px;
font-weight: bold;
clear:left;
padding:5px 15px;
margin:0px;
text-align: right; 
background-color: #FFF300;
color:#FFFFFF;
border-top:1px solid #FFF300;
border-bottom:1px solid #FFF300;
} 

#footerred {
font-size: 12px;
font-weight: bold;
clear:left;
padding:5px 15px;
margin:0px;
text-align: right; 
background-color: #FF0000;
color:#FFFFFF;
border-top:1px solid #FF0000;
border-bottom:1px solid #FF0000;
} 

#footerpurple {
font-size: 12px;
font-weight: bold;
clear:left;
padding:5px 15px;
margin:0px;
text-align: right; 
background-color: #8600C6;
color:#FFFFFF;
border-top:1px solid #8600C6;
border-bottom:1px solid #8600C6;
} 
#footerltgrey {
font-size: 12px;
font-weight: bold;
clear:left;
padding:5px 15px;
margin:0px;
text-align: right; 
background-color: #969696;
color:#FFFFFF;
border-top:1px solid #969696;
border-bottom:1px solid #969696;
} 


/*  ----------------all the menu stuff---------------------- */ 

#menu {
	background : black;
	color : black;
	height : 30px;
	margin : 0;
	padding : 0;
	position: relative;
	z-index: 500;
}
#menu * {
	cursor : pointer;
	margin : 0;
	padding : 0;
	white-space : nowrap;
}
#menu ul {
	list-style : none;
}
#menu li {
	display : block;
	float : left;
}
#menu li a {
	background : #000000;
	color : white;
	display : block;
	line-height : 20px;
	overflow : hidden;
	padding : 5px 10px;
	text-decoration : none;
}
#menu li:hover a,#menu #active a {
	background : #999999;
	color : white;
}
#menu dl {
	background : #CFCFCF;
	/*color : white;*/
	border : 2px solid #6F7F9F;
	position : absolute;
		width : 40%;
	top : -2000px;
}
#menu li:hover dl,#menu #active dl {
	top : auto;
}
#menu dt {
/* ACA ES EL LIO CON EL IE6 */
	font-color: black;
	cursor : default;
	font-weight : bold;
	padding : 5px;
	background : #CFCFCF;
	width : auto;
	
}
#menu dd {
	display : block;
	overflow : hidden;
		background : #0015FF;
}
#menu li:hover dd a,#menu #active dd a {
	background : #CFCFCF;
	color : black;
	display : block;
	padding : 3px 25px 3px 15px;
	text-decoration : none;
}
#menu dd a:hover,#menu #active dd a:hover {
	background : #01E611;
	color : black;

}
#menu li a:active,#menu li a:focus { background : #4F697F !important; color : white !important; }
#menu #old_active a { background-color : #8FA9BF; color : white; }

#menu2 dl { display : none; }
#menu2 li:hover dl,#menu2 #active dl { display : block; }