body {
 background-image: url('http://www.valosto.com/img/tausta3.png'); background-repeat: repeat-x; 
 background-color:#eee;
 padding: 0;
 margin: 0;
}
#wrapper td, .MooDialog td {
     vertical-align: top;
     padding-right: 10px;
     padding-bottom: 5px;
}
/*#menu td {
     vertical-align: 
}*/
#header_print {
 display: none;
 width: 100%;
 border-bottom: 1px solid #ccc;
}
#header_bg {
 background: #368;
 width: 100%;
 height: 101px;
}     
#header_wrapper {
 margin: 0 auto;
 padding: 0;
 width: 950px;
}
#wrapper { 
 margin: 0 auto;
 padding: 0;
 width: 948px;
 position: relative;
 background-image: url('http://www.valosto.com/img/content_tausta.gif'); background-repeat: repeat-y;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-top: none;
 /*margin-bottom: 40px;*/
}
#header {
 color: #fff;
 width: 950px;
 /*float: left;*/

 /*border: 1px solid #ccc;*/
 /*height: 9em;*/
 height: 101px;
 margin: 0px 0px 0px 0px;
 background: #047;
 background-image: url('http://www.valosto.com/img/logo_tausta2.gif'); background-repeat: repeat-y;
}
#header_wrapper {
 margin: 0 auto;
 padding: 0;
 width: 950px;
}
#logo {
 float:left;
 width: 250px;
 text-align: center;
}
#menuheader {
 float:right;
 text-align: right;
 padding: 0px;
 margin: 0px;

}
#menu {

 width: 686px;
 text-align: left;
 padding-top: 10px;
 height: 6em;

}
#haku {
 /*float: right;*/
 text-align: right;
 padding-top: 1em;
 padding-right: 1em;
 height: 2em;
}

#mainmenu .menulink {
 /*height: 30px;*/
 text-transform: uppercase;
 padding: 0.5em 0.5em;
 margin-bottom: 0;
}
#topmenu .menulink {
 /*height: 30px;*/
 text-transform: none;
 padding: 0.3em 0.3em;
 margin-bottom: 0;
}


#leftcolumn { 
 color: #333;
 /*border-left: 1px solid #ccc;*/
 background: #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 /*height: 450px;*/
 width: 254px;
 float: left;
 background-image: url('http://www.valosto.com/img/vasen_tausta2.gif');
 background-repeat: repeat-x;
 background-color:#ccc;
 border: none;
}

#rightcolumn { 
 /*float: right;*/
 color: #000;
 /*border-right: 1px solid #ccc;*/
 /*background: #fff;*/
 margin: 0px 0px 0px 0px;
 padding: 0px;
 /*height: 450px;*/
 width: 694px;
 /*display: inline;*/
 min-height: 500px;
 margin-left: 254px;
 height: auto;
 _height: 500px;
}

#footer { 
 /*background: #eee;*/
 width: 950px;
 /*clear: both;*/
 color: #333;
 /*border-top: 1px solid #ccc;*/
 /*margin: 0px 0px 0px 0px;
 padding: 0px;*/
 text-align: center;
 /*position: relative;
 top: 40px;
 height: 30px;*/
 margin: 0 auto;
}
#leftpad {
 padding:10px;
 padding-top:20px;
 font-size: 1em;
 line-height: 1.5em; 
 min-height: 200px;
 _height: 200px;
}
#footerpad {
 margin:10px;
 color: #666;
}
#rightpad {
 padding:0px;
 margin-left:15px;
 margin-right:15px;
 padding-top:20px;
 font-size: 1em;
 line-height: 1.6em;
}
#content_center {
 float:left;
 padding-right:15px;
 padding-bottom:30px;
 border-right: 1px dotted #999;
 width: 468px;
}
#content_full {
 float: right;
 /*
 padding-right:10px;
 */
 padding-bottom:20px;
 width: 666px;

}
#content_right {
 float: right;
 padding-left: 10px;
 width: 165px;
 font-size: 1em;
 line-height: 1.4em;
 overflow: hidden;
}


#leftpad h1, #leftpad h2, #leftpad h3 {
 border: none;
}

a.menulink:link,
a.menulink:visited  {
 color: #ccc;
 line-height: 15px;
 text-decoration: none;
}

a.menulink:hover {
 color: #fff;
 line-height: 15px;
 text-decoration: none;
 background-color: #036; 
}
a.adminlink:link,
a.adminlink:visited  {
 color: #333;
 background: #ccc;
 margin-left: 5px;
}
a.adminlink:hover  {
 color: #000;
 background: #eee;
 margin-left: 5px;
 
}

/*a.menulink:active {
 color: #fff;
 line-height: 15px;
 text-decoration: none; 
}*/
.sublink {
 padding: 5px;
}

a.sublink:link {
 color: #ccc;
 line-height: 15px;
 text-decoration: none;
}
a.sublink:visited {
 color: #ccc;
 line-height: 15px; 
 text-decoration: none; 
}
a.sublink:hover {
 color: #fff;
 line-height: 15px; 
 text-decoration: none;
 background-color: #036; 
}
a.sublink:active {
 color: #fff;
 line-height: 15px; 
 text-decoration: none; 
}

.otsikko1 {
 border-bottom: none;
 line-height: 2em;
 height: 2em;
 text-transform: uppercase;
 font-size: 2em;
 text-decoration: bold;
}
.otsikko2 {
 border-bottom: none;
 line-height: 1em;
 height: 1em;
 text-transform: uppercase;
 text-decoration: bold;
 font-size: 1.0em;
}





.nav, .nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

.nav a {
	display: block;
	/*width: 10em;*/
}

.nav li { /* all list items */
	float: left;
      text-align: left;
     /*padding: 10px;*/
	/*width: 10em;*/ /* width needed or else Opera goes nuts */


}
.sub_list div {
     padding: 5px;
}
.main_list {
     margin-left: 1px;
     margin-right: 1px;
     margin-top: 2px;
     background: #047;
		 /*position: relative;*/
   
}
.sub_list { /* all list items */
	float: left;
     /*padding: 5px;
     background: #eee;*/
	width: 13em; /* width needed or else Opera goes nuts */
}
.main_button {
     padding: 10px;
}
.nav li ul { /* second-level lists */
	position: absolute;
	background: #047;
     color: #fff;
	width: 13em;
     border-left: 1px solid #036;
     border-right: 1px solid #036;
     border-bottom: 1px solid #036;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
     z-index: 9999;
}
#topmenu.nav li ul { /* second-level lists */
	background: #025;
     color: #fff;
     border-left: 1px solid #014;
     border-right: 1px solid #014;
     border-bottom: 1px solid #014;
}
.nav li:hover ul, .nav li.mainhover ul, .nav li.tophover ul { /* lists nested under hovered list items */
	left: auto;
}
#lomake {
     padding: 10px 15px;
     border: 1px solid #ccc;
     position: relative;
     top: -1px;
     z-index: 2;
     background: #fff;
}
#lomake span {
	 
      display: block;     
      width: 180px;
      
	 float: left;
      
	 text-align: right;
	 padding-right: 10px;
      position:relative;
}
#lomake div {
   clear: both;
   padding-top: 10px;
}
#lomake fieldset div {
   padding-top: 0px;
}
#lomake input[type=text] {
	 width: 200px;
	 padding: 2px;
}
#lomake #puoltajat {
  margin-left: 180px;
	padding-left: 10px;
}
#lomake textarea {
  width: 400px;
	height: 100px;
}
#lomake input[type=submit] {
  padding: 3px;
  border: 1px solid #bbb;
	background: #ddd;
	font-weight: bold;
}
#lomake input[type=submit]:hover {
  border: 1px solid #000;
	background: #aaa;
	color: #fff;
	cursor: pointer;
}
.fc-field-error {
	border : 2px solid #f60 !important;
}
fieldset {
  padding: 5px;
	padding-left: 10px;
	width: 385px;
	border: 1px solid #999;
}
legend {
  margin-left: 20px;
	padding: 0 10px;
	color: #000;
}
#formMenu {
     
     
}
#formMenu a.tab {
     float: left;
     display: block;
     background: #eee;
     padding: 5px 10px;
     margin-right: 10px;
     cursor: pointer;
     color: #333;
     text-decoration: none;

     border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
     border-top: 1px solid #ccc;
     border-bottom:  1px solid #ccc;
     position: relative;
     z-index: 1;
     font-size: 1.2em;
     font-weight: bold;
     -moz-border-radius-topright: 5px;
     -moz-border-radius-topleft: 5px;
     border-radius-topright: 5px;
     border-radius-topleft: 5px;
     -webkit-border-radius-topright: 5px;
     -webkit-border-radius-topleft: 5px;     
}
#formMenu a.selected {
     background: #fff;
     border-bottom:  1px solid #fff;
     color: #000;
     z-index: 3;
}
#formMenu a.tab:hover {
     color: #000;
     background: #ddd;
}
#formMenu a.selected:hover {
     color: #000;
     background: #fff;
}
#tapahtumat a,
.tapahtuma a {
     color: #000;
}
#tapahtumat a:hover,
.tapahtuma a:hover {
     color: #000;
}
#right_banner {
     position: absolute;
     right: -180px;
     top: 20px;
}
a.event_toggle {
     background: #eee;
     color: #000 !important;
     padding: 1px 2px;
     border: 1px solid #ccc;
}
.xlhover {
     background: #eee; 
     padding: 2px 4px;
}
.xlmenu {
     width: 400px;
     position: relative;
     right: 0;
     background: #fff;
     border: 1px solid #666;
     padding: 10px;
}

.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
     position: relative;
     z-index: 5;
}

.mootabs_title li {
	float: right;
	background-color: #eee;
	padding: 2px 10px 2px 10px;
	margin-left: 5px;
	cursor: pointer;
     color: #333;
     border: 1px solid #ccc;
    /* border-bottom: none;*/
     line-height: 22px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-radius-topleft: 5px;
     -webkit-border-radius-topright: 5px;
     border-radius-topleft: 5px;
     border-radius-topright: 5px;           
}


.mootabs_panel {
	display: none;
	background-color: #fff;
	position: relative;
	width: 350px;
	top: -1px;
	clear: both;
	overflow: auto;
     padding: 10px;
     right: 0;
     border: 1px solid #ccc;
     min-height: 54px;

}

.mootabs_panel.selected  {
	display: block;
     
}

.mootabs_title li.selected {
     background: #fff;
     color: #000;
     z-index: 10;
     border-color: #ccc;
     padding-bottom: 3px;
     border-bottom: none
     
}
.project {
     	cursor: pointer;
      opacity: 0.9;
      border: 1px solid #999;
      position: relative;
      width: 214px; height: 150px;
      float: left;
      margin-right: 9px;
      margin-bottom: 9px; 
      overflow: hidden;
}
.project:hover {
      opacity: 1; 
      border-color: #000;   
}
.projectDialog {
  margin-top: 10px;
}
.projectDialog img {
  margin-left: 10px;
}
.projectDialog p {
  margin-top: 0px;
}
#clearSearch {
 position: absolute; 
 right: 4px; 
 top: 9px; 
 height: 16px; 
 width: 16px; 
 color: #f30; 
 font-weight: bold; 
 font-size: 20px;
 cursor: hand;
 cursor: pointer; 
}