body {
  background: #fff url('background.jpg') repeat-x;
  font: 12px/15px 'Arial', Verdana, Sans-serif;
  color: #2c2c2c;
  margin: 0;
  padding: 0;
}

#left a {
  text-decoration: none;
	}
#right a {
  text-decoration: none;
	}
#mainColumn a {
  text-decoration: none;
  color: #4675bb;
  border-bottom: 1px solid #9e9e9e;
}

#mainColumn a:hover {
  text-decoration: none;
  color: #4675bb;
  border-bottom: none;
}

#mainColumn p
	{
	margin-top:0px;
	margin-bottom:0px;
	}

div.clear {
  clear: both;
}

img, a.noBorder {
  border: 0;
}

h1, .otsikko {
  background: url('headerImage.gif') no-repeat top left;
  font: 18px/15px 'Arial', Verdana, Sans-serif;
  color: #ca1862;
  padding: 3px 0 3px 30px;
}

h3 {
  font: 16px/15px 'Trebuchet MS', Arial, Verdana, Sans-serif;
  color: #2c2c2c;
  margin-left: 30px;
}

p {
  margin-left: 30px;
}

#root {
  background: url('rootBackground0.jpg') no-repeat;
  width: 830px;
}

#content {
  margin: 50px 0 0 18px;
}

#logoLink {
  position: absolute;
  top: 165px;
  left: 50px;
}

#logoLink a {
  border-bottom: none;
}


#menu {
  margin: 158px 0 0 350px;
}

#menu #menuBorder {
  margin: 0 0 5px 0;
  height: 4px;
  background: #ca1862;
}

#menu #left img, #menu #right img {
  margin: 0 0 3px 5px;
}

#menu #left a:hover, #menu #right a:hover {
  color: #4675bb;
}

#menu #left a, #menu #right a {
  font: 14px 'Trebuchet MS', Arial, Verdana, Sans-serif;
  text-transform: uppercase;
  border-bottom: none;
}

#menu #left {
  float: left;
}

#menu #left a {
  color: #ca1862;
}

#menu #right {
  float: right;
}

#menu #right a {
  color: #2c2c2c;
}


#content #leftColumn {
  float: left;
  width: 285px;
}

#content #leftColumn #nextHappening {
  margin: 0;
}

#content #leftColumn #subMenu {
  margin: -2px 0 2px 0;
}

#content #leftColumn #subMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content #leftColumn #submenu ul li {
  padding: 2px 0 0 12px;
  display: block;
  width: 285px;

}

#content #leftColumn #subMenu ul li.menu a {
  background: #4675bb url('subMenuArrow.gif') no-repeat 3px 8px;
  font: 14px 'Trebuchet MS', Arial, Verdana, Sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  color: #fff;
  display: block;
  padding: 5px 0 5px 20px;
  margin: 0 0 1px 0;
}


#content #leftColumn #subMenu ul li.menu a:hover {
  background: #38b1ed url('subMenuArrow.gif') no-repeat 3px 8px;
}

#content #leftColumn #subMenu ul li.active  a {
  background: #ca1862 url('subMenuArrow.gif') no-repeat 3px 8px;

}


#content #mainColumn {
  float: right;
  width: 495px;
  margin: -5px 0 0 0;
}


#content #logo {
  background: #eeeeee;
  padding: 3px 5px 0 5px;
  margin: 0 0 20px 0;
}

#content #logo a:hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  border-bottom: none;
}

#content #logo span {
  float: right;
  font-size: 10px;
  text-transform: uppercase;
}

#content #logo span a {
  color: #9e9e9e;
  border-bottom: none;
}

.thumb
	{
	border: 1px #000 solid;
	float:left;
	clear:both;
	}

.kokoomatbl1 {border-top:0px #EEE solid;border-bottom:1px #999 dotted; background-color:#F4F4F4}
.kokoomatbl2 {border-top:0px #DDD solid; border-bottom:1px #CCC dotted;background-color:#FFF}

.kuvateksti
	{
	padding-top:3px;
	padding-bottom:8px;
	}

.menuvalittu
{
	border:1px #FFF solid;
  background: #ca1862 url('subMenuArrow.gif') no-repeat 3px 8px;
  font: 14px 'Trebuchet MS', Arial, Verdana, Sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  color: #fff;
  display: block;
  padding: 5px 0 5px 20px;
  margin: 0 0 1px 0;
}
.menuvalittu:hover
{
  background: #38b1ed url('subMenuArrow.gif') no-repeat 3px 8px;
  font: 14px 'Trebuchet MS', Arial, Verdana, Sans-serif;
 }
li.menuvalittu a
{
  color: #fff;
  text-decoration:none;
}