body
{
background:  url('taust.jpg');
background-repeat: no-repeat;
}

.style3
{
font-size: 18pt;
font-family: arial;
color: #2E8B57;
margin-top: 0.6cm;
margin-bottom: 0.6cm;
font-weight: strong;
}

.style2
{
font-size: 16pt;
font-family: arial;
color: #2E8B57;
margin-top: 0.6cm;
margin-bottom: 0.6cm;
font-weight: strong;
}

.style1
{
font-size: 20pt;
font-weight: bold;
font-style: italic;
margin-top: 1cm;
margin-bottom: 1.5cm;
color: #2E8B57;
}

h1
{
font-family: "times new roman";
text-align: center;
font-size: 28pt;
text-decoration: none;
margin-top: 0.9cm;
margin-bottom: 0.7cm;
letter-spacing: 3px
}

#menu a {
text-decoration:none;
font-weight:bold;
font-style: italic;
color:#7E96BA;
font-size: 15pt;
}


.mlink {
text-decoration:none;
font-weight:normal;
font-style: italic;
font-size: 16pt;
}


.link
{
font-size: 10pt;
font-family: verdana;
text-decoration: none;
font-weight: bold
}

.mail
{
margin-top: 0.8cm;
font-size: 10pt;
font-family: verdana;
font-style: italic;
}

.doc
{
margin-top: 0.8cm;
font-size: 10pt;
font-family: verdana;
font-style: italic;
}

.lingid
{
font-size: 10pt;
font-family: verdana;
text-decoration: none;
font-weight: bold
}

.teenused
{
font-family: "times new roman";
text-decoration: none;
font-size: 11pt
}

.teenused2
{
font-family: "times new roman";
text-decoration: none;
font-size: 10pt
}

.teenused3
{
font-family: "times new roman";
text-decoration: none;
font-size: 11pt;
color: red;
}

.infoleht
{
text-align: right;
font-family: "times new roman";
font-weight: bold;
font-size: 12pt
}

h2.infoleht
{
text-align: center;
font-family: "times new roman";
font-weight: bold;
font-size: 12pt
}

.jaanuar
{
font-family: "times new roman";
font-size: 10pt
}

li.lista
{
margin-top: 1.0cm;
margin-bottom: 0.7cm;
font-size: 11pt
}

li.listb
{
margin-top: 0.4cm;
font-size: 11pt
}

.perek1
{
text-align: center;
font-size: 18pt;
font-weight: bold;
text-decoration: underline;
margin-bottom: 2cm;
color: red;
font-style: italic;
}


.perek2
{
font-size: 15pt;
margin-top: 1cm;
color: red;
font-style: italic;
}


.p_info
{
font-size: 14pt;
}

.kaal1
{
font-size: 24pt;
font-weight: bold;
margin-bottom: 0.8cm;
margin-top: 1.3cm;
color: #0000FF
}

.kaal2
{
font-size: 24pt;
font-weight: bold;
margin-bottom: 0.8cm;
margin-top: 1.3cm;
color: #FF00FF
}

.kaal3
{
font-size: 24pt;
font-weight: bold;
margin-bottom: 1.2cm;
margin-top: 1.3cm;
font-style: italic;
color: #FF0000
}

.kaal4
{
font-size: 20pt;
margin-bottom: 0.8cm;
margin-top: 0.4cm;
}

.suit1
{
font-size: 22pt;
font-weight: bold;
margin-bottom: 0cm;
margin-top: 1.3cm;
color: #FF0000
}

.suit2
{
font-size: 22pt;
font-weight: bold;
font-style: italic;
margin-bottom: 1.0cm;
margin-top: 0cm;
color: #0000FF
}

.suit22
{
font-size: 22pt;
margin-bottom: 0.6cm;
margin-top: 0.6cm;
}

.suit3
{
font-size: 18pt;
margin-bottom: 0.4cm;
margin-top: 0.4cm;
font-style: italic;
color: #0000FF
}

.suit4
{
font-size: 18pt;
font-style: italic;
margin-bottom: 0.4cm;
margin-top: 0.4cm;
color: #8A2BE2
}

.tervis
{
font-size: 14pt;
font-style: italic;
text-decoration: underline;
margin-bottom: 0.4cm;
margin-top: 0.4cm;
}

.osakonnad
{
font-size: 14pt;
text-decoration: underline;
margin-bottom: 0.4cm;
margin-top: 0.4cm;
}

.logopeed
{
font-size: 14pt;
}

.synd1
{
font-size: 18pt;
color: #0000FF;
margin-bottom: 1cm;
margin-top: 1cm;
}

.synd2
{
font-size: 14pt;
color: #FF0000;
margin-bottom: 1cm;
margin-left: 8cm;
margin-top: 0cm;
}

.synd3
{
font-size: 14pt;
margin-bottom: 0.7cm;
margin-top: 0cm;
}

.synd4
{
font-size: 12pt;
margin-bottom: 0.7cm;
margin-top: 0cm;
}

.vpt
{
margin-top: 1.3cm;
font-size: 16pt;
font-style: italic;
}

.emak1
{
font-size: 20pt;
color: #0000FF;
font-weight: bold;
margin-bottom: 1.1cm;
margin-top: 1.4cm;
}

.emak2
{
font-size: 14pt;
}

.emak23
{
font-size: 16pt;
}

.emak3
{
font-size: 16pt;
color: #0000FF;
font-weight: bold;
font-style: italic;
margin-bottom: -0.4cm;
margin-top: 0.4cm;
}

.emak4
{
font-size: 16pt;
color: 	#8B0000;
font-weight: bold;
margin-top: 0cm;
}

.laste
{
font-size: 16pt;
font-weight: bold;
margin-top: 1.4cm;
margin-bottom: 1cm;
}

.laste1
{
font-size: 14pt;
font-weight: bold;
text-align: center;
margin-top: 1.4cm;
margin-bottom: 1cm;
}

.font25
{
font-size: 20pt;
font-weight: bold;
text-decoration: underline;
}

.font26
{
font-size: 20pt;
}

.font27
{
text-align: right;
margin-top: -0.4cm;
}


.font28
{
font-size: 16pt;
font-weight: bold;
text-align: center;
margin-top: 1cm;
margin-bottom: 2cm;
font-style: italic;
}

.font29
{
font-size: 14pt;
font-weight: bold;
margin-top: 1cm;
}

.font30
{
font-size: 12pt;
font-weight: bold;
}

.font31
{
font-size: 14pt;
}



/* LINKS */

a:link    {color:black}
a:visited {color:black}
a:active  {color:#cc0000}
a:hover   {color:#cc0000}

#contentContainer{
	float:left;
}
.ad{
	clear:both;
	text-align:center;
	padding:5px;
}

#dhtmlgoodies_menu{
	font-family:arial;	/* Font for main menu items */
	width:160px;	/* Width of main menu */

}
#dhtmlgoodies_menu	li{	/* Main menu <li> */
	list-style-type:none;	/* No bullets */
	margin:0px;	/* No margin - needed for Opera */
}
#dhtmlgoodies_menu ul{
	margin:0px;	/* No <ul> air */
	padding:0px;	/* No <ul> air */
}
#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
	padding-left:10px;
}
#dhtmlgoodies_menu	li a{	/* Main menu links */
	text-decoration:none;	/* No underline */
	/*color:#000;	/* Black text color */
	/*height:40px;	 20 pixel height */
	/*line-height:20px;	/* 20 pixel height */
	vertical-align:middle;	/* Align text in the middle */
	/*border:1px solid #000;	/* Black border */
	/*background-color:#FAFAFA;	/* Light blue background color */
	margin:1px;	/* A little bit of air */
	padding:4px;	/* Air between border and text inside */
	display:block;
}
#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
	color:#FFF;
	background-color:#317082;
}
.dhtmlgoodies_subMenu{
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	/*border:1px solid #000;*/
	background-color:#FAFAFA;
	font-family:arial;
	text-align:left;

}
.dhtmlgoodies_subMenu ul{
	margin:0px;
	padding:0px;
}
.dhtmlgoodies_subMenu ul li{
	list-style-type:none;
	margin:0px;
	padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
	white-space:nowrap;	/* No line break */
	text-decoration:none;	/* No underline */
	color:#000;	/* Black text color */
	height:16px;	/* 16 pixels height */
	line-height:16px;	/* 16 pixels height */
	padding:1px;	/* 1px of "air" inside */
	display:block;	/* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	color:#FFF;	/* White text */
	background-color:#317082;	/* Blue background */
}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
  position:absolute;
  overflow:hidden;
  left:-1000px;
  top:-1000px;
  }

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
  position:absolute;
  }

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
  position:relative;
  left:0px; top:0px;
  z-index:2;
  }

.transMenu.top .items {
  border-top:none;
  }

/* each TR.item is one menu item */
.transMenu .item {
    color:#336699;
    font-size:14px;
    font-family:sans-serif;
    text-decoration:none;
	font-style: italic;
  /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
  border:none;
  cursor:pointer;
  cursor:hand;
  }

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
  position:absolute;
  left:0px; top:0px;
  z-index:1;
  -moz-opacity:.8;
  filter:alpha(opacity=80);
  }

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
  position:absolute;
  z-index:3;
  top:3px; width:2px;
  -moz-opacity:.4;
  filter:alpha(opacity=40);
  }

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
  position:absolute;
  z-index:1;
  left:3px; height:2px;
  -moz-opacity:.4;
  filter:alpha(opacity=40);
  }

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
  background:#fdfdfd;
  color:black;
  }

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
  margin-left:10px;
  }