* { margin: 0; padding: 0; }
#content p { margin-bottom: 1.5em; }

body, div, p, td, th, ol, ul, li, h1, h2, h3, h4, h5, h6 {
	color:#000; font-family: Arial, Helvetica, sans-serif;
} 
html {
	height: 100%;
	max-height: 100%;
	Xoverflow:hidden; 
}
body {
	font-size:100%;
	background-color:#fff;
	text-align: center;
	height: 100%;
	max-height: 100%;
	Xoverflow:hidden; 
	text-align: center;
	position: relative;
}
#outer {
	position: relative; 
	width: 900px;
	max-width: 100%;
	width: expression( document.body.clientWidth<900 ? "auto": "900px" );
	margin: 0 auto;
	top: 0; bottom: 0;
	padding: 8px;
}

#main { width: 100%; }

#banner { 
	height: 70 px;
	padding: 4 0 12 0px !important;
	text-align: left;  
}
#preM {
	border-right: 1px solid black; font-size:6px; 
}
#mnu {	z-index: 100; 
		font-size:12px; 
		white-space: nowrap;
		vertical-align: bottom;
	}
#bl { 	
		height: 100%;
		text-align: left;
		vertical-align: top;
	border-right: 1px solid black; 
		}
#br { 
	border-right: 1px solid black; 
	border-bottom: 1px solid black;
	position: relative;
	height: 100%; width: 100%;
	z-index: auto;
}
#content { 
	XXoverflow: auto;
	position: relative;
	Xheight: 100%; Xwidth: 100%;
	margin: 0 0 0 0;
	vertical-align: top;
	text-align: left;
	z-index: 3;
	border: 8px solid grey;
	padding: 28px;
	XXoverflow-y: auto;
}

#content.contenta, .contenta { border-color: #FFFB7D; }
#content.contentb, .contentb { border-color: #E5FF80; }
#content.contentc, .contentc { border-color: #FFDA82; }
#content.contentd, .contentd { border-color: #FFB891 }
#content.contente, .contente { border-color: #FFEA80 }


#logo { margin: 12 8 8 0px; 	
}
#slogans  { float: right; padding: 6 0 8 8px; text-align:center; white-space: nowrap;  }

#slogan1 			{ font-size:12px; font-weight:bold; letter-spacing: 1px; }
#slogan2, #slogan3  	{ font-size:11px; line-height:100%; }
#slogan3 			{ word-spacing: 2px; }

#slen1		{ font-size:12px; font-weight:bold; letter-spacing: 1px; word-spacing: 2px; }
#slen2, #slen3  	{ font-size:11px; line-height:100%; }
#slen2		{ word-spacing: 1px; }


#mnu td { width: 20%; }

#mnu ul {
	position: relative; z-index: 111;
	list-style: none inside none;
	}
#mnu li {
	position: relative; z-index: auto;
	list-style: none inside none;
	}

#mnu li li { width:100%; display:block;  z-index: 111; }	

#mnu a, #mnu div {  
	display:block;
	position: relative;  z-index: auto;
	width: 100%
	height: 2em;
	border: 1px solid black;  border-left: none;
	white-space:nowrap;
	color:#000; font-size:12px; text-decoration:none;
	cursor:hand;
}
#mnu span { 
	position: relative; left: -1px; top: -1px;  z-index: auto;
	display: block;
	background: url(lo.png) top left no-repeat; 
}
#mnu span span { 
	left: 2px; top: 0px;  
	display: block;  z-index: auto;
	background: url(ro.png) top right no-repeat; 	
	text-align:center;  
	padding: 0.2em ;
}

/* css - drop down menus based on code found at 
	http://www.cssplay.co.uk/menus/index.html 
	thanks Stu Nicholls! */
#mnu ul ul {
	visibility:hidden;
	position:absolute;	top:1.6em; left:-10px; 
	height:0; width:200px;
	display: block;
	xxborder: 1px solid black;
	padding: 0px;
	list-style: none inside none;
	text-align: left;
	z-index: 112;
}
* html #mnu ul ul {
	top: 15px; left: -36px;
}

#mnu ul ul li {
	display: block;
	position: relative;  left:0;  z-index: 111;
	width: 100%;
	padding: 0;
	marign: 0;
	}
#mnu ul ul li.dtop {	
	height:3px; display:block; border-bottom: 1px solid black; width: 100%; padding: 0 6px; background: transparent; 
	}
#mnu ul ul li div,
#mnu ul ul li a {
	display: block;
	width: 100%;
	padding: 5px;
	border: 1px solid black !important;	
	border-top: 0px !important;
	color:#000; text-align: left;
	white-space: normal;
	z-index: 111;
	marign: 0;
}

#mnuAct a:hover,  #mnu ul a:hover ul, #mnu li:hover ul, #mnu div:hover ul {
	visibility:visible !important;
}

.iatitle, .ibtitle, .ictitle, .idtitle, .ietitle {
position: relative; left: 0px; bottom: 0px;
padding: 12 6 6 6;
font-size:12px;
font-weight:bold;
border-bottom: 1px solid black;
z-index: 5;
}
* html .iatitle, * html .ibtitle, * html .ictitle, * html .idtitle, * html .ietitle {
position: static;
z-index: 0;
}
.iatitle { color: #F2EC3F; }
.ibtitle { color: #D0F246; }
.ictitle { color: #F2BC3F; }
.idtitle { color: #F08146; }
.ietitle { color: #F2D541; }

* html #smnu a { position: relative; top:0; left:0; height:1px;  } 
* html #smnu span { position: relative; top:0; left:0; height:1px; }
* html #smt a{ position: relative; top:0; left:0; height:1px;  } 
* html #smt span { position: relative; top:0; left:0; height:1px; }

#smnu { margin-right:-1px; }

#smnu a, #smnu span {
	display:block;
	position: relative; top: 0px; left: 0px;
	border: 1px solid black; border-top: none;  
	color:#000; text-decoration:none;  font-size:12px; 
	cursor:hand;
	z-index: 7;
}
#smnu span.ca { border-right: 1px solid #FFFB7D;	}
#smnu span.cb { border-right: 1px solid #E5FF80;	}
#smnu span.cc { border-right: 1px solid #FFDA82;	}
#smnu span.cd { border-right: 1px solid #FFB891;	}
#smnu span.ce { border-right: 1px solid #FFEA80;	}

#smnu a div, #smnu span div  { position: relative; top: -1px; left: -1px; background: transparent url(lo.png) top left no-repeat; z-index: 20; }
#smnu p { position: relative; bottom: -2px; left: 0px; background: transparent url(lu.png) bottom left no-repeat; padding: 6px; }

#content #smt a { display: block; text-decoration: none; color: black; font-size:12px; padding: 6px !important; border: 1px solid black; border-top: 0px; margin: 0px; }
#content #smt div.smheader { font-size: 12px; font-weight: bold; border-bottom: 1px solid black; height: 3em; vertical-align: bottom !important; }

#smw { position:relative; top:0; left:0; width: 100%; text-align: center; }
#smt { width: 100%; }
* html #smt { width: 90% }

.smm { padding-right: 8px; text-align: center; vertical-align: top; }

#lt { list-style: none outside none ; margin: 48 48 0 0px; padding:0; }
#lt li { margin: 0; padding:0; }

#l1, #l2, #l3 { 
	position: relative; top: 0px; left: 0px;
	display: block;
	border: 1px solid #000;
	background-color:#e8e8e8; 
	vertical-align: bottom; text-align:left; 
	font-size:12px;
	white-space: nowrap;
	padding: 0 5 0 0;
	}
#l1,#l2 {border-bottom: none;}
* html #lt li { height:1px; }

#lt a div { position: relative; display: block; bottom: -1px; right: -1px; background: transparent url(ru.png) bottom right no-repeat; }
#lt a p { position: relative; top:  -2px; left: 0px; display: block; background: transparent url(ro.png) top right no-repeat; z-index: 20; padding: 4 0px; }
#lt img { margin: 0 5px;}

#lt A:link, #lt A:hover, #lt A:active, #lt A:visited { 
	display: block; 
	padding: 0px; 
	color: black; text-decoration:none; 
	}
#lt A:hover, #lt A:active { background-color:#888; color:#fff; }

.teasercol {
	float: right;
	clear: right;
	position: relative; left: 8px;  top: -3em;
	width: 35%; 
	z-index: 1;
}
.teaser-a, .teaser-b, .teaser-c, .teaser-d, .teaser-e {
	margin-bottom: 12px; 
	border: solid 1px gray; 
	padding: 6px; 
	z-index: 1;
}
.teaser-a { 	background-color:#FFFB7D; }
.teaser-b { 	background-color:#E5FF80; }
.teaser-c { 	background-color:#FFDA82; }
.teaser-d { 	background-color:#FFB891; }
.teaser-e { 	background-color:#FFEA80; }

#mnuAct a.ca, div.ca, a.ca:hover, ul.ca a:hover, span.ca { background-color:#FFFB7D; }
#mnuAct a.cb, div.cb, a.cb:hover, ul.cb a:hover, span.cb { background-color:#E5FF80; }
#mnuAct a.cc, div.cc, a.cc:hover, ul.cc a:hover, span.cc { background-color:#FFDA82; } 
#mnuAct a.cd, div.cd, a.cd:hover, ul.cd a:hover, span.cd { background-color:#FFB891;  }
#mnuAct a.ce, div.ce, a.ce:hover, ul.ce a:hover, span.ce { background-color:#FFEA80;  } 

ul.ca a, a.ca { background-color:#F2EC3F; }
ul.cb a, a.cb  { background-color:#D0F246; }
ul.cc a, a.cc { background-color:#F2BC3F; }
ul.cd a, a.cd { background-color:#F08146; }
ul.ce a, a.ce { background-color:#F2D541; }

#mnu a {border-bottom: 1px solid black; }
#mnu #mnuAct a.ca { border-bottom: 1px solid #FFFB7D; }
#mnu #mnuAct a.cb { border-bottom: 1px solid #E5FF80; }
#mnu #mnuAct a.cc { border-bottom: 1px solid #FFDA82; }
#mnu #mnuAct a.cd { border-bottom: 1px solid #FFB891; }
#mnu #mnuAct a.ce { border-bottom: 1px solid #FFEA80; }
#mnu li li div { border-bottom: 0; }



table, td, p{
	font-size:100%;
	padding: 0p; margin: 0;
}
th {
	font-size:100%;
	text-align:left;
	font-weight: normal;
}
#content ul { padding: 4 16 4 24px; }
#content li {  margin-bottom: 8px; }

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	line-height:120%;
	margin:0;
	margin-bottom: 1.5em; 
	color:#000;
}
h1 {font-size:120%;}
h2 {font-size:110%;}
h3 {font-size:105%;}

a,  span { margin: 0px; padding: 0px; border:none; }

A:link, A:visited, A:hover, A:active {
	color:#080;
	text-decoration:underline;
	font-size:100%;
}