/* CSS Document */

body {
	background:#000000;
	color:#000000;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#container {
	width:930px;
	height:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	background:url(../images/bg.gif);
	text-align:left;
	border:#FFFFFF solid 2px;
	}
#header {
	background-color:#000000;
	text-align:right;
	}
	
#content-left {
	margin-top:-1px;
	background-color:#FFCC00;
	margin-left:20px;
	height:360px;
	width:190px;
	float:left;
	text-align:left;
}
#content-right {
	margin-top:-1px;
	margin-left:190px;
	padding-left:20px;
	padding-right:20px;
	display:block;
	background-color:#FFCC00;
	overflow:auto;
	height:360px;
	width:680px;
	text-align:left;
}
#content-right img {
	margin:10px;
}
#bottom {
	background: url('../images/bottom.jpg') no-repeat;
	margin-left:20px;
	padding-top:30px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
#bottom span {
	display:block;
	padding-top:20px;
	padding-left:15px;
  font-family:Tahoma;
}

/* for Internet Explorer */
/*\*/
* html #content-left {
	margin-top:-1px;
	background-color:#FFCC00;
	margin-left:10px;
	margin-right:-5px;
	height:360px;
	width:180px;
	float:left;
	text-align:left;
	}

* html #content-right {
	margin-top:-1px;
	margin-left:180px;
	padding-right:20px;
	background-color:#FFCC00;
	overflow:auto;
	height:360px;
	width:672px;
	text-align:left;
}
/**/

/** navigatsioon *************************/
#nav {
	text-transform:uppercase;	
	font-weight:bold;
	height:126px;
	margin:0px;
	float:left;
	font-size:12px;
}

#nav a {
	background:url(../images/button_off.jpg) no-repeat;
	display:block;
	width:124px;
	height:90px;
	float:left;
	color:#FFCC00;
	text-align:center;
	padding-top:36px;
	text-decoration:none;
}
#nav a:hover, #nav a:active, #nav a:focus, #nav .on {
	background:url(../images/button.jpg) no-repeat;
	color:#FFFFFF;
	padding-top:52px;
	height:74px;
}

#nav-II {
	text-transform:uppercase;	
	font-weight:bold;
	font-size:11px;
	padding-left:10px;
}

#nav-II a {
	background: url(../images/IIm.jpg) no-repeat;
	display: block;
	height: 40px;
	padding-left: 50px;
	padding-top: 10px;
	text-decoration: none;
	color: #000000;
}

#nav-II a:hover, #nav-II a:active, #nav-II a:focus, #nav-II .on {
  color: #FFFFFF;
}

#nav-II .active {
  color:#FFFFFF;
} 


	
/** kaunistused ********************/
#line {
	background:url(../images/triip.jpg) no-repeat;
	height:30px;
}
#rght {
	display:block;
	float:left;
	width:11px;
	height:126px;
	background:url(../images/rght.jpg) no-repeat;
	}

#lft {
	margin-left:20px;
	display:block;
	float:left;
	width:11px;
	height:126px;
	background:url(../images/lft.jpg) no-repeat;
	}
/* for Internet Explorer */
/*\*/
* html #lft {
	margin-left:10px;
	width:11px;
	height:126px;
	background:url(../images/lft.jpg) no-repeat;
	}
/**/		
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

.ind {
	padding-left:10px;
	}
	
/** galerii *************************/
.gal-box {
  display:block;
  float:left;
  width:190px;
  height:190px;
  margin:5px;
  padding:5px;
  background:#FFCC66;
  font-size:11px;
}
.gal-box img {float:left;}
.gal-box .imp { font-weight:bold; display:block; margin-top:8px; padding-bottom:10px; color:#333333;}
.gal-box:hover { background:#FFCC33;}

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

#bottom p {
  line-height: 150%;
  margin-top: 0;
  text-align:center; 
}

hr {
  border: none 0;
  border-top:#CC3300 dotted 1px;
  margin: 2px;
  height: 1px;
  padding: 0;
}