body {background-color: #dbdbdb;
      margin: 0;
      padding: 0;
      font-family: sans-serif;
      height: 100%;}

html {height: 100%;
      margin: 0;
      padding: 0;}

img {padding: 0;
     margin: 0;
     border: 1px solid black;}

.img_right {float: right; margin: 10px 15px 10px 10px;}
.noborder {border: 0;}

.img_left {float: left; margin: 10px 10px 10px 15px;}



#container1 {width: 866px;
	     margin: 0;
	     margin-left: auto;
	     margin-right: auto; 
	     padding: 0;}

  .prop {
    height:450px;
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

a {text-decoration: none; color: #ff6800;}
a:hover {text-decoration: underline;}

/* -------------------------------------- header and top navigation -------------------------------- */

#topheader {width: 866px; 
	    height: 128px;
            background-image: url(../images/top.png);
	    float: left;}

#topheader img {float: right;}

#topnavcontainer
	{width: 866px;
         background-image: url(../images/midbg.png);
	 background-repeat: repeat-y;
	 float: left;
	 }

#topnav {width:818px;
	 padding: 5px 0 0 0;
	 margin: 0 0 5px 0;
	 margin-left: auto;
	 margin-right: auto;
	 border-bottom: 1px solid black;
	 }

#topnav ul {list-style-type: none;
    	    padding: 0;
    	    margin: 0;
	    text-align: center;}

#topnav ul li {display: inline;
	       padding: 0 10px 0 10px;
	       margin: 0;
	       border-right: 1px solid black;
	       border-left: 1px solid black;
	       border-top: 1px solid black;}

#topnav ul li a {text-decoration: none;
	         font-size: 10pt;
	         color: #ff6800;
	         font-weight: bold;
		 padding: 0;
		 margin: 0;}

#topnav a:link, #topnav a:visited {
color: #ff6800;
border-bottom: none;
}

#topnav li.active, #topnav li.active a:visited{
border-bottom: 1px solid white;
color: #000;}

#topnav a:hover {
color: #000;}


/* --------------------------------------------- actual content ------------------------------------------- */


#middlediv {
	    width: 866px;
	    padding: 0;
	    float: left;
	 background-image: url(../images/midbg.png);
	 background-repeat: repeat-y;}


#sidenav {width: 175px;
	  margin: 20px 0 0 24px;
	  float: left;
	  font-size: 10pt;
	  color: black;
	  overflow: hidden;}




	#sidenav ul {list-style-type: none;
        	     background-color: #f3f3f3;
		     padding-left: 2em;
		     margin: 0;
		     text-align: left;}

	#sidenav ul li {padding: 5px 5px 5px 0;
			margin: 0;}

	#sidenav ul li a {text-decoration: none;
		         font-size: 10pt;
		         color: #ff6800;
		         padding: 0;
			 margin: 0;}

	#sidenav ul li:before {
		content: "\00BB \0020";}

	.sidenavli1 {text-indent: -1em;}
	.sidenavli2 {padding-left: -1em;}
	

	.sidenavul1 {border-left: 1px solid black;
	    	     border-right: 1px solid black;}

	.sidenavmenu {border-bottom: 1px solid black; border-top: 1px solid black;}

	.sidenavul1 .sidenavnomenu {border-bottom: 0; border-top: 0;}

	.sidenavul2 {border-left: 1px solid #dbdbdb;}

	     


	#sidenav a:link, #sidenav a:visited {
		color: #ff6800;
		border-bottom: none;}

	#sidenav .sidenavli1.active>a:visited, #sidenav a:hover {color: #000;}
	#sidenav .sidenavli2.active>a:visited {color: #000;}

#middlecontent {width: 500px;
                float: right;

		font-size: 10pt;
		margin: 5px 135px 0 0;}

	#middlecontent img {max-width: 490px;}

#rightnews {width: 100px;
	   padding: 10px 30px 10px 10px;
	   margin: 0;
	   float: right;
	   font-size: 10pt;
	   color: black;}

	#rightnews ul {list-style-type: none;
		     padding: 0;
		     margin: 0;
		     text-align: left;
		     background-color: #f3f3f3;}

	#rightnews ul li {padding: 5px;
		          margin: 1px;
 	                  border-bottom: 1px dotted #ff6800;}




/* --------------------------------------------- footer and contact ------------------------------------------- */

#footer {font-size: 8pt;
	  color: black;
          text-align: right;
	  padding: 0;
	  width: 866px;
	  float: left;
          height: 44px;
          background-image: url(../images/footer.png);
          background-repeat: no-repeat;}

#footer .contact {padding: 20px 24px 0 0;}
#footer .copyright {float: left; padding: 20px 0 0 24px;}

#footer a {font-size: 8pt;
	    color: black;
	    text-decoration: none;
	    font-weight: bold;}



#childnav {font-size: 5pt;}




select {background: white; font-size: 6pt; border: 1px solid black;}
option {background: white; font-size: 6pt;}
input {background: white; font-size: 5pt;}
form {font-size: 6pt; color: black; padding: 5px 0 0 15px;}


#kaaviocont {width: 500px;}
#toprow .leftbox {background: url(../images/box.png); background-repeat: no-repeat; float: left; height: 97px; width: 134px;}
#toprow .rightbox {background: url(../images/box.png); background-repeat: no-repeat; float: left; height: 97px; width: 134px;}
#toprow .centerarrow {background: url(../images/arrowright.png); background-repeat: no-repeat; background-position: 50% 50%; height: 97px; width: 164px; float: left;}

#midrow .leftbox {background: url(../images/arrow4.png); background-repeat: no-repeat; float: left; height:180px; width: 134px; background-position: 95% 100%;}
#midrow .rightbox {background: url(../images/arrow3.png); background-repeat: no-repeat; float: left; height: 180px; width: 134px;}
#midrow .centerarrow {background: url(../images/globe.png); background-repeat: no-repeat; height: 180px; width: 164px; float: left; background-position: 50% 50%;}

#bottomrow .leftbox {background: url(../images/box.png); background-repeat: no-repeat; float: left; height: 97px; width: 134px;}
#bottomrow .rightbox {background: url(../images/box.png); background-repeat: no-repeat; float: left; height: 97px; width: 134px;}
#bottomrow .centerarrow {background: url(../images/arrowright.png); background-repeat: no-repeat; background-position: 50% 50%; height: 97px; width: 164px; float: left;}

#toprow a {position: relative; left: 25px; top: 20px; color: black;}
#bottomrow a {position: relative; left: 25px; top: 20px; color: black;}