<!--



body {
	margin:0;
	height:100%;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff
}


td {
	vertical-align: top;
}


/* =============================================================================
   title
   ============================================================================= */


   
div#div_title {
	width: auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;	
	padding-left: 5px;
	padding-right:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold
}

p.titlehead {
	text-align: center;
   font-size: 250%;
   font-weight: bold;      
	margin-top: 5px;
	margin-bottom: 5px;
	font-variant : small-caps;
   color: black
}
hr.title {
	margin-top:15px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px
}
	

/* =============================================================================
   bar that is grey coloured
   ============================================================================= */
	


div.bar {
	height: 30px;
	border-top: none;
	border-bottom: .25em solid #D0D0D0;
	margin: 0;
	padding: 0;
}

/* =============================================================================
   topmenu styles
   ============================================================================= */


div#div_topmenu {
	width: auto;
	margin-left: 154px;
	background-color: #cfe1e5;
	padding-left: 5px;
	padding-right:5px;
	border: white solid 2px;
	font-size: 100%;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-decoration: none;
   color: #000000
}

p.topmenu {
   font-size: 100%;
   font-weight: normal;      
	margin-top: 6px;
	margin-bottom: 6px;
   color: #000000
}

a.topmenu:link{ 
	text-decoration: none;
   color: #0000FF
}

a.topmenu:visited{
   text-decoration: none;
	color: #0000ff
}
a.topmenu:active{
   text-decoration: none;
   color: #FF6600
}

a.topmenu:hover{
   text-decoration: underline; 
   color: #000000
}


/* =============================================================================
   Left menu styles
   ============================================================================= */

div#menu {
	width: 140px;
	background-color: #90c4c1;
	height:800px;
	padding: 5px;
	padding-top: 15px;
	float:left;
	border: white solid 1px;
	font-size: 80%;
   text-align: right;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-decoration: none;
   color: #ffff00
}

a.menulink:link{ 
	text-decoration: none;
   color: #0000FF
}
a.menulink:visited{
   text-decoration: none;
	color: #0000ff
}
a.menulink:active{
   text-decoration: none;
   color: #FF6600
}
a.menulink:hover{
   text-decoration: none; 
   color: #000000
}

hr.menuline  {
	color: #696969;
	height:2px;
	width: 130px
}

p.hidden {
	font-weight: none;
	font-size: 80%;
	color: #fffacd
}

.empty_space {
	font-weight: none;
	font-size: 50px
}
p.menu {
	margin-top: 75px;
	margin-bottom: 2px;
	color: #000000
}

/* =============================================================================
   hidden test color is #000000, real color is (same as menu) #00dcff
   ============================================================================= */








/* =============================================================================
   main styles - About Us - Contacts - programme (latest news)
   ============================================================================= */

div#div_main {
	width:auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
   font-size: 100%;
   font-weight: normal;
   color: black
	
}

p.maintitle {
   text-align: center;
   font-size: 180%;
   font-weight: bold;
   font-variant: small-caps;
   color: #000000
}

p.mainhead {
   font-size: 100%;
   font-weight: bold;
   color: #0000ff
}


p.mainsubtitle {
   font-size: 100%;
   font-weight: bold;
   color: #000000
}

td.mainsubtitle {
   font-size: 100%;
   font-weight: bold;
   color: #000000
}

p.maintext {
	margin-top: 6px;
	margin-bottom:6px;
	font-size: 80%
}

td.maintext {
	margin-top: 6px;
	margin-bottom:6px;
	font-size: 80%
}

hr.mainline  {
	color: #000000;
	height:2px;
}


li {
	margin-top: 6px;
	margin-bottom:6px;
	font-size: 80%
}



/* =============================================================================
   general styles - picture gallery - archive - links
   ============================================================================= */


div#div_gen {
	width:auto;
	margin-left: 154px;
	border: #d0d0d0 solid 1px;
	background-color: #ffffff;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 0px;
	text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: normal;
   color: #000000 
}

p.gentitle {
	text-align: center;
   font-size: 180%;
   font-weight: bold;
   color: #000000
}

p.gensubtitle {
   font-size: 130%;
   font-weight: bold;
   color: #0000FF
}

p.gensubcent {
   font-weight: bold;
	font-size: 130%;
	text-align: center;
	color: #0000ff
}

p.gentext {
	margin-top: 6px;
	margin-bottom:6px
}

hr.genline  {
	color: #000000;
	height:2px;
}

a.genlink:link{ 
	text-decoration: none;
   color: #0000FF
}
a.genlink:visited{
   text-decoration: none;
	color: #0000ff
}
a.genlink:active{
   text-decoration: none;
   color: #FF6600
}
a.genlink:hover{
   text-decoration: underline; 
   color: #000000
}



-->