body {
	height: 569px;
	width: 2900px;
	margin:0;
	padding:0;
	font: 62.5%/150% Tahoma, Sans-Serif;
}

#page {
	height: 569px;
	width: 2900px;
	color:#f5f5f5; 
	background: #ffffff url(../img/tausta.gif) repeat-x left top;
}

h2 {font-size: 1.1em}
h3 {font-size: 1.4em}

hr, .hide {
	position:absolute; 
	top:0;
    left:-9000px;
}

a {color: #cccccc;}
a:hover { color: #999999;}

a.newslink {color: #ffffff;}
a:hover.newslink { color: #ffffff;}

#leftsider {
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width:250px;
	height: 470px;
	background: #000000 url(../img/bg_hills.gif) repeat-x left top;
}

/* Holds the site title and subtitle */

#title {
  position: fixed;
  z-index: 3;
  top: 5px;
  left: 50px;

  padding: 5px;
  text-align: right;
}

#title h1 {
  margin: 0;
  padding: 0;

  font: 700 40px "trebuchet ms", serif;
  letter-spacing: -3px;
  text-transform: lowercase;
  color: #000;
}

#title h2 {
  position: absolute;
  top: 10px;
  right: 5px;

  margin: 0;
  padding: 0;

  font: 700 10px "trebuchet ms", serif;
  text-transform: lowercase;
  color: red;
}

/* Holds the site menu */

#menu {
	padding: 70px 10px 10px 15px;
	font-size: 1.2em;
}

#menu ul {
	list-style: url(../img/rightsmall2.gif);
}

#menu a{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

#menu a:hover{
	border-bottom: 1px solid #000;
}


#downmenu {
  	position: fixed;
  	top: 520px;
	left: 50px;
	font-size: 1.1em
}	

#downmenu a{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#downmenu a:hover {
	color: #666666;
}


/* Holds the site content */

#content {
	margin: 50px 0px 0px 0px;
	float: left;
	font-size: 1.1em; 
}

#content h4 {font-size: 1.2em;}
#content h5 {font-size: 1.1em;}
#content h6 {font-size: 1.0em;}

.par {
	margin: 0px 0px 0px 0px; 
	padding-left: 30px; 
	float: left; 
	width: 315px;	
	height: 470px;
	background: #000000;
	overflow: auto;
}

.alt {
	margin: 0px 0px 0 0px; 
	padding-left: 50px; 
	float: left; 
	width: 250px;	
	height: 470px;
	overflow: auto;
}

.alt1 {
	margin: 0px 0px 0 0px; 
	padding-left: 30px; 
	float: left; 
	width: 300px;	
	height: 470px;
	overflow: auto;
}

.alt2 {
	margin: 0px 0px 0px 0px; 
	padding-left: 30px; 
	float: left; 
	width: 250px;	
	height: 470px;
	overflow: auto;
}

.alt3 {
	margin: 0px 0px 0px 0px; 
	padding-left: 30px; 
	float: left;
	width: 580px;	
	height: 470px;
	overflow: auto;
}

.alt4 {
	margin: 0px 0px 0px 0px; 
	padding-left: 30px; 
	float: left;
	width: 200px;	
	height: 470px;
	overflow: auto;
}

.alt5 {
	margin: 0px 0px 0px 0px; 
	padding-left: 50px; 
	float: left;
	width: 200px;	
	height: 470px;
	overflow: auto;
}

#note { 
	margin-top:10px;
}

/* "footer" */

#rightsider {
	position: absolute;
	top: 497px;
	left: 50px;
	color: #666;
}	

#rightsider a{
	color: #22b1e1;
	text-decoration: none;
}
	
img.infopic { border: 0px solid #ccc;
				  padding: 3px 10px 3px 0px;
				  margin: 0px 0px 0px 0px;
				  float: left;
}

img.newspic { border: 0px solid #ccc;
				  padding: 1px;
				  margin: 2px 5px 5px 0px;
				  float: left;
}

.smaller {font-size: .8em;
		  color: #ccc;
}
.normal {font-size: 0.9em;
		 font-weight: normal;
}
.bold {font-weight: bold;}

.white {color: ffffff;}
.black {color: 000000;}

.hidden {visibility: hidden;}
.disp {display: none;}

.floatLeft	{float: left;}
.floatRight	{float: right;}