body {
  margin:  0px;
  padding: 0px;
  text-align: center;
  vertical-align: top;
  background-color: #FFC163;
  color: #000;
  font-family: Georgia, Arial, Verdana, "Times New Roman";
  font-size: 11pt;
}

table, td {vertical-align: top;}

#container {
  width  : 760px;
  margin : 3px auto 5px auto;  /* left & right auto rajastavad keskele ! */
  padding: 0px;
  text-align : center;
  vertical-align: top;
  background:  #FFC163;
  border: solid 1px #fff;
}



#headerImg {
  width: 760px;
  height: 200px;
  margin: 0px auto auto 0px ;
  padding: 0px;
  text-align : left;
  vertical-align: top;

  background-image : url(Images/header.jpg);
  background-color: #FFB545;
  background-position : center bottom;
  background-repeat : no-repeat;
  border: solid 0px #aaa;
}

#footerImg {
  width: 760px;
  height: 50px;
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align : center;
  vertical-align: bottom;
  background-image : url(Images/footer.jpg);
  background-color: #FFB545;
  background-position : center bottom;
  background-repeat : no-repeat;
  border: solid 0px #a00;
}



H1 {text-align : left; font-size: 16pt; color : #500000;}

H1 span {DISPLAY: none;}

H2 {
  text-align : left;
  font-size: 12pt;
  vertical-align: baseline;
  color : #500000;
}
H2.span {text-align : center;}

/*
H2:first-letter
{
  color: #FF9900;
  font-size:xx-large
}

*/


H3 {text-align : left; font-size: 12pt;}

H5 {text-align : left; font-size : 12pt; font-style : italic; font-weight : bold; text-decoration : underline;}

p.j {text-align: justify;}
p.c {text-align : center;}
p.r {text-align : right;}
p.l {text-align : left;}

#mainPart {
 width: 760px;
 margin: 0px auto 0px auto;
 padding : 0px;
 border: solid 0px #ff00dd;
}

#leftCol {
  WIDTH: 240px;    TEXT-ALIGN: center; VERTICAL-ALIGN: top;
  PADDING: 0;
  MARGIN: 0;
  BORDER-right: 0px solid #aaa;
  background-image : url(Images/leftBack.jpg);
  background-repeat : repeat-y;
  background-color: #FF9900;
  border : solid 0px yellow;
}

#rightCol {
  WIDTH: 20px;
  TEXT-ALIGN: center; VERTICAL-ALIGN: top;
  PADDING: 0;
  MARGIN: 0;
  background-color: #FF9900;
  background-image : url(Images/rightBack.jpg);
  background-repeat : repeat-y;
  border : solid 0px yellow;
}

#centerCol {
  width : 500px;
  TEXT-ALIGN: justify; VERTICAL-ALIGN: top;
  PADDING: 0px 0px 0px 0px;
  MARGIN: 0px 0px 0px 0px;
  border : solid 0px #006900;
}

#newsList {
  DISPLAY: block;
  list-style-type : none;
  margin : 10px;
  padding: 0px;
}

#newsList li {
  MARGIN: 1px 0px 2px 0px;
}

#navContainer {
  MARGIN: 0px;
  PADDING: 0px;
  width : 200px;
  FONT-SIZE: 11pt; FONT-STYLE: normal; FONT-WEIGHT: bold;
  LINE-HEIGHT : 170%;
  border : solid 0px #800000;
}


#navContainer ul {
  DISPLAY: block;
  list-style-type : none;
  WIDTH: 150px;
  MARGIN: 15px;
  PADDING : 0px;
  TEXT-ALIGN: left;
  border : solid 0px red;
}


#navContainer ul li {
  DISPLAY: block;
  MARGIN: 1px 0px 1px 0px;
  PADDING: 0px;
  background-image : url(Images/corn2.gif);
  background-repeat : no-repeat;
  background-position : 0.1EM  0.5EM;
  border : solid 0px yellow;
}

#navContainer ul li a {
  display: block;
  margin : 0px;
  padding-left: 20px;
  width : 160px;
  color: #fff;
  TEXT-DECORATION: none;
}

#navContainer ul li a:hover, #navContainer ul li a:active
{
/*
  background-image : url(Images/corn.gif);
  background-repeat : no-repeat;
  background-position : 0.1EM  0.5EM;
*/
  color : #fff;
  TEXT-DECORATION: underline;
}

#menyyContainer2 {
  position : absolute;
  top : 100px;
  left : 50%;
  MARGIN: 0px auto auto -110px ;
  PADDING: 0px;
  text-align : center;
  vertical-align : bottom;
  width : 360px;
  height : 30px;
  FONT-SIZE: 14pt; FONT-STYLE: normal; FONT-WEIGHT: bold;
  border : solid 0px red;
}

#menyyContainer2 ul {
  DISPLAY: inline;
  list-style-type : none;
  width : 360px;
  height : 30px;
  MARGIN: 0px auto auto 0px;
  PADDING : 0px ;
  TEXT-ALIGN: left;
  border : solid 0px yellow;
}

#menyyContainer2 ul li {
  DISPLAY: inline;
  float : left;
  MARGIN: 0px 0px 0px 20px;
  PADDING: 0px;
  border : solid 0px #006900;
}

#menyyContainer2 ul li a {
  display: inline;
  margin : 0px;
  padding: 0px;
  color: #FFA200;
  TEXT-DECORATION: none;
}

#menyyContainer2 ul li a:hover, #menyyContainer2 ul li a:active
{
  color : #FF9900;
  TEXT-DECORATION: underline;
}


#navContainer ul ul {
/* Teise taseme ul */
  DISPLAY: block;
  list-style-type : none;
  padding-left : 15px;
  margin : 3px 0px 3px 0px;
  text-align : left;
  font-size  : 9pt;
  line-height : 150%;
  border : solid #006900 0px;
}

#navContainer ul ul li {
/* Teise taseme li */
  padding : 0px;
  margin  : 0px;
  border : none;
}

#navContainer ul ul li a {
 color : #E9a00;
 border : none;
 font-weight : normal;
 background : #FF9900;
}

#navContainer ul ul li a:hover, #navContainer ul ul li a:active {
background : #FF9900;
}

OL.withRoman {

  list-style-type: upper-roman;
}

div.news, div.newsHide {width : 480px; border : solid 0px #fff; margin-bottom: 20px;}
div.newsHide {background-color : #ddd;}

div.newsHide div.imgCell, div.news div.imgCell,  #rightStoryCell div.imgCell {
  float : left;
  margin: 5px 10px 5px 0px;
  text-align: left;
}

div.newsHide img, div.news img, img.contentImg   {width: 150px; border: 1px solid #fff;}

div.news_admLinks {margin-bottom: 15px; margin-top: -15px;}

DIV.clear {clear : both;}

div.imgCell, div.imgCellXL {
  float:left;
  margin:0 10px 5px 0px;
  padding: 0px;
  text-align: left;
  position: relative;
  font-size: 9pt; font-style: italic;
}

div.imgCell   {width:120px;}
div.imgCellXL {width:170px;}

a {color: #fff; }


td.space5 {width : 25px;}

#storyCell {
  width : 490px;
  margin : 0px;
  padding: 0px 10px 10px 0px;
  border: 0px solid  red;
  }

#storyCell a {color: #000; font-style : italic;}

img.photo_hist {
  border : solid 1px #fff;
  width  : 380px;
  height : 252px;
}

img.photo_hist_vert {
  border : solid 1px #fff;
  width  : 252px;
  height : 380px;
}

img.photo_hist_sq {
  border : solid 1px #fff;
  width  : 380px;
  height : 380px;
}

img.photo_tolgid_sq {
  border : solid 1px #fff;
  width  : 200px;
  height : 200px;
}

hr {
  width : 100%; height: 2px; background-color: #fff;
}

img.photo_small_vert {
  border : solid 1px #fff;
  width  : 60px;
  height : 90px;
}

div.imgEsimehed {
  float:left;
  margin:0 10px 2px 0px;
  padding: 0px;
  text-align: right;
  font-size: 9pt; font-style: italic;
}

div.esimehed {clear : both;}

#eenetLogo {
  padding-top: 25px;
  border : 0px solid #a00;
}



#loginForm {
  margin: 0px auto 0px 10px;
  width : 175px;
  padding: 10px 10px 10px 10px;
  font-size : 9pt;
  text-align : left;
  border:  solid 1px #fff;
  background-color : #FFDC72;
  color : #FF9900;
}

#loginForm legend {
  padding-left: 0px;
  font-weight: bold;
  color: #FF9900;
  }

#loginForm fieldset {
  width : 140px;
  margin : 0px 0px 5px 0px;
  padding: 1px;
  border : solid 1px #fff;
}

#loginForm input {
  width : 100px;
  margin : 3px 2px 3px 3px;
  padding: 0;
}

#submitButton {
  color: #fff;
  background-color : #FF9900;
  cursor: pointer;
}

#admLeftCol {
  width : 170px;
  height : 500px;
  TEXT-ALIGN: left; VERTICAL-ALIGN: top;
  PADDING: 0;
  MARGIN: 0;
  BORDER-right: 0px solid #aaa;
  background-color: #FF9900;
  border : solid 1px yellow;
}

#admCenterCol {
  padding : 20px 20px 20px 30px;
}

#admMenyy  {
  display : block;
  list-style: none;
  text-align : left;
  vertical-align : top;
  margin : 20px 5px 10px 5px;
  padding: 5px 5px 5px 5px;
  background-color : #ff9000;
  color : #800000;
}

#admMenyy li {
  margin: 0;
  padding-left: 10px;
  padding-top : 5px;
}


a.adm-Menyy:hover {text-decoration: underline;}

#pageForm {
  width : 100%;
  border : solid 0px #fff;
  font-size : 10pt;
}

#pageForm input.pealkiri {
  width : 97%;
}

#pageForm textarea {
  width : 100%;
}

#userForm table {
  font-size : 11pt;
}

#userForm input.textIn {
  width : 190px;
}

#pageChoice table {
  font-size : 11pt;
}

#pageChoice td.pealkiri {
  padding-left : 10px;
}

#textEdit a {
  color : #000090;
  cursor : hand;
}

#kalenderplaan {	border : solid 1px #ff9000;
}

#kalenderplaan td {
	border : thin 0px #ff9000;
	padding-left: 5px;
}

