/*                                     commont html redefinition */
body {
	font-size: 1em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px auto;
	background-color: #a2a6a6;
	background-image: url(bkg_main.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: top left;
	padding:21px 0px 0px 0px;
}


/*                                     position divs */
div#header {
	position:absolute;
	text-align: left;
	top:0px;
	left:0;
	width:100%;
	height:20px;
	color: #356f73;
	overflow:visible;
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
	z-index:100;	
}
div#footer {
	position:absolute;
	top:35px;
	left:-425px;
	width:100%;
	height:80px;
	background-color: transparent;  
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div#mirror {
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 55px 0px;
}

div#central {
	text-align: center;
	position: relative;
	width:705px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin:0px auto 9px;
	background-image: url(bkg_content.gif);
	background-repeat: repeat-y;
}

/*                                     main subcontainer */
div#content {
	position:relative;
	top:0px;
	left:50px;
	float:left;
	width:500px;
	height:100%;
	padding: 27px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-right: 1px solid #d7e0e1;
}

div#navigate {
  position:relative;
  top:0px;
  left:0px;
  float:right;
  width:155px;
  height:100%;
  overflow:hidden;
  padding: 102px 0px 110px 0px;
  margin:0px 0px 0px 0px;
}

.columns { 
	padding: 0px 0px 15px 0px;
	margin: 5px 0px 0px 0px;
}

.columns:after	{
	content: '[yadayada]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.columns	{
	display: inline-block;
}
/*\*/
.columns {
	display: block;
}
/*                        central content tags */
div#content h1 {
  text-align:left;
  font-family: Palatino, Georgia, sans-serif;
  font-size: 1.4em;
  color: #3e7f7f;
  font-weight: bold;
  overflow:visible;
  padding: 10px 20px 10px 0px;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px dashed #000000;
  border-top: 1px solid #000000;
}
div#content h2 {
  text-align:left;
  font-family: Palatino, Georgia, sans-serif;
  font-size: 1.2em;
  color: #3e7f7f;
  font-weight: normal;
  letter-spacing:0em;
  overflow:visible;
  padding: 10px 20px 10px 0px;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px dashed #000000;
  border-top: 1px solid #000000;
}
div#content h3 {
  text-align:left;
  font-family: Palatino, Georgia, sans-serif;
  font-size: .9em;
  color: #3e7f7f;
  font-weight: bold;
  letter-spacing:.1em;
  overflow:visible;
  display:block;
  padding: 10px 20px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px;
}
div#content .small   {
  text-align:left;
  font-family: Palatino, Georgia, sans-serif;
  font-size: .9em;
  color: #3e7f7f;
  font-weight: bold;
  letter-spacing:.1em;
  overflow:visible;
  display:block;
  padding: 10px 20px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px;
}

div#content img {
  overflow:visible;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #000000;
}
div#content p img {
  overflow:visible;
  padding: 0px 0px 0px 0px;
  margin: 7px 15px 0px 0px;
  border-bottom: 0px;
  float:left;
}
div#content p {
  font-size: .75em;
  text-align: left;
  line-height:180%;
  color: #000000;
  letter-spacing:0em;
  padding: 5px 20px 10px 0px;
  margin: 0px 0px 50px 0px;
  border-bottom: 1px solid #000000;
}
div#content .divided{
  font-size: .75em;
  text-align: left;
  line-height:180%;
  color: #000000;
  letter-spacing:0em;
  padding: 5px 20px 10px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px;
}
div#content .citat{
	font-family: Palatino, Georgia, sans-serif;
	font-size: .8em;
	font-style:italic;
	text-align: left;
	line-height:150%;
	color: #000000;
	letter-spacing:0em;
	overflow:visible;
	padding: 0px 20px 8px 0px;
	margin: 7px 0px 20px 0px;
	border:0px;
}

div#content .date {
  font-family: Verdana, Arial, sans-serif;
  font-size: .7em;
  color: #011822;
  font-weight: normal;
  font-variant: small-caps;
  text-align:left;
  padding: 0px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}


div#content a {
  font-variant: small-caps;
  color: #3e7f7f;
  text-decoration:underline;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
div#content a:hover {
  color: #ffffff;
  background-color: #3e7f7f;  
}



/*                                     right navigate div */





.avtor {
  font-family: Verdana, Arial, sans-serif;
  font-size: .8em;
  color: #043E43;
  font-weight: bold;
  font-variant: small-caps;
  font-style:normal;
  text-align:left;
  padding: 10px 0px 5px 0px;
  margin: 0px 0px 10px 0px;
  border-bottom: 1px solid #000000;
}
div#content .avtor a{
  color: #043E43;
  text-decoration:none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div#content .avtor a:hover {
  color: #ffffff;
  background-color: #3e7f7f;  
}
.subavtor {
  font-size: .7em;
  font-weight: normal;
  font-variant: normal;
  font-style:italic;
}




/*                                     ul/li secondary navigation */
div#header ul {
	text-align:center;
	font-family: Arial, eHlvetica,  sans-serif;
	color: #ffffff;
	font-size: .75em;
	list-style: none; 
	height:20px;
	padding:2px 0px 0px 490px;
	margin:0px 0px 0px 0px;
	background-color: #4a5757;  
}
div#header li {
  position: relative;
  display:inline;
  font-weight: normal;
  font-variant: small-caps;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

div#header li a {
  text-decoration: none;
  color:#ffffff;
  padding:0px 5px 0px 5px;
  margin:0px 0px 0px 0px;

}
div#header li a:hover {
	color: #ffffff;
	padding:0px 5px 0px 5px;
	border-bottom: 3px solid #ffffff;
} 

/***************************************** UL/LI primary navigation */
/*1st level*/
div#navigate ul {								
	list-style: none;
	padding: 0px;
	margin:0px;
	z-index: 5;		
}
div#navigate li {	
	position:relative;
	text-align:left;	


}



div#navigate li a {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height:140%;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	color:#ffffff;
	background-color: #00A2A4; 	
	width:155px;
	display:block;
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 17px;
	border-top: 1px solid #D7E0E1;
	border-bottom: 1px solid #00A2A4;

}
div#navigate li a:hover {		
	color: #3E7F7F;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 7px 11px;
	background-image: url(arrowdark.gif);	
	border-top: 1px solid gray;
	border-bottom: 1px solid #00A2A4;

} 
div#navigate li a.active  {
	background-repeat: no-repeat;
	background-position: 5px 11px;
	background-image: url(herewhite.gif);
}
div#navigate li a.active:hover  {
	color: #ffffff;
	background-color: #3E7F7F; 	
	background-repeat: no-repeat;
	background-position: 5px 11px;
	background-image: url(herewhite.gif);
}


/* 2nd level */
div#navigate li ul.active {						
	position: relative; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	z-index:10;
	overflow:visible;
	display:block;
}
div#navigate li ul {						
display:none;
}
div#navigate li li {
	position:relative;
	text-align:left;	
}


div#navigate li li a {	
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0em;
	font-size: .8em;
	line-height:140%;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color:#3E7F7F;
	background-color: #D7E0E1;
	width:137px;
	/width:155px;	
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 17px;
	border: 0px;
} 

div#navigate li li a:hover {		
	color: #3E7F7F;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 8px center;
	background-image: url(arrowdark.gif);
	border: 0px;
} 
div#navigate li li a.active  {
	background-repeat: no-repeat;
	background-position: 5px center;
	background-image: url(heredark.gif);
}
div#navigate li li a.active:hover  {
	color: #3E7F7F;
	background-color: #D7E0E1; 	
	background-repeat: no-repeat;
	background-position: 5px center;
	background-image: url(heredark.gif);
}











/*                                      do the fake frames */
@media screen{
  body>div#header{
  position:fixed;
 }
  body>div#footer{
  position:fixed;
 }
}
 * html body{
  overflow:hidden;
 } 
 * html div#wrapper{
  height:100%;
  overflow:auto;
}

img {
	border: 0px;
	behavior:	url("elements/pngbehavior.htc");
}