html body {
  margin:0;
  padding:0;
 background:#DCDFF6;     
  font:x-small Verdana,Sans-serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  }
html>body {
  font-size:medium;
  }
#content {
	position:relative;
	clear:both;
	line-height:1.5em;
	left: -9px;

  }
#maincol {
  width:65%;
  margin:0;
  background:#fff;
  font-size:100%;
  color:#333;
  }
  
#maincol .col {
  background: url(../img/o_lilac_chinese.jpg) repeat-x;
  border-left:1px solid #ABC2D9;  
  border-right:1px solid #ABC2D9; 
  margin-left:15px;
  padding:130px 50px 30px 15px;
  }
#subcol {
  position:absolute;
  width:35%;
  right:14px; margin-right:-15px; /* IE5/Mac Horiz Scrollbar Hack */
  left:auto;
  top:0;
  font-size:75%;/*85%*/
  line-height:1.5em;
  }
#subcol .col {
  margin:0 15px 0 0;
  padding:10px 15px 10px 15px;
  color:#666;
  }


/* Links
----------------------------------------------- */
a:link, a:visited {
  border-bottom:1px dotted #69f;
  color:#366FA8;
  text-decoration:none;
  }
a:visited {
  border-bottom-color:#9577AB;
  color:#9577AB;
  }
a:hover {
  border-bottom:1px solid #FC5F03;
  color:#FC5F03; 
  }
a.noline:link, a.noline:visited, a.noline:hover, a.thumb {border-style:none;}


/* Header
----------------------------------------------- */
#header {
  float:left;
  width:100%;
  background:#fff; /* url(../img/bg_hdr_lilac.gif); */ 
  border-bottom:1px solid #ABC2D9;
  border-top:1px solid #ABC2D9;  
  }

  
#logo {
  background: url(../img/oshana_logo.gif) no-repeat 15px 15px;
  display:block;
  width:342px;
  height:50px;
  margin-left:15px;
  border:1px solid #ABC2D9;
  border-width:0 0 0 1px;
  }
#logo img {
  visibility:hidden;
  }


/* Nav
----------------------------------------------- */
#header ul {
  margin:0px;
  border-top:1px solid #ABC2D9;
  padding:0 0 0 15px;
  text-transform:lowercase;
  font-size:75%; /*85%*/
  white-space:nowrap;
  }
#header ul li {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  background-image:none;
  line-height:normal;
  font-family:Verdana,Sans-serif;
  }
#header ul a, #header ul strong {
  background:none;
  display:block;
  float:left;
  height:auto;
  border:1px solid #ABC2D9;
  border-width:0 1px 0 0;
  margin:0;
  padding:4px 8px;
  text-decoration:none;
  font-weight:normal;
  color:#FFF;
  white-space:nowrap;
  }
#header ul a strong {
  padding:0;
  border:none;
  background:none;
  }
/* Commented Backslash Hack hides 
   rule from IE5-Mac \*/
   #header ul a, #header ul strong {float:none;}
   /* End hack */
   
#header ul span {
  text-transform:uppercase;
  font-weight:bold;
  color:#F60; 
  }

#header ul a:hover {
  background:#F60; 
  }
#header #c strong, #header #c a, #header #c a strong {
  background:#F60;
  }
#header ul a:hover, #header ul a:hover strong, #header ul a:hover span, #header #c strong, #header #c strong span {
  color:#fff;
  }

#header ul #h {
  border-left-width:1px;
  }


/* Titles
----------------------------------------------- */
.pageheader {
  margin:0 -50px 0 -15px;
  padding:10px 50px 10px 15px;
  background:#F60;  
  font-size:85%;
  line-height:1.5em;
  }
.pageheader p {
  margin:.5em 0 0;
  }

.pageheader h1 {
  font:bold 200% Verdana,Sans-serif;
  color:#fff;
  } 
  
#maincol h2, #maincol h1 {
  clear:both;
  margin:0 -50px 10px -15px;
  padding:15px 15px 0 15px;
  font:bold 150% Verdana,Sans-serif;
  }
#subcol h2 {
  margin:25px -15px 8px -15px;
  padding:0 15px;
  border-top-width:0;
  font:150% Verdana,Sans-serif;
  color:#366FA8;
  }

#content h2 a, #content h3 a {
  border-width:0;
  }
h2 span, h3 span {
  font:85% Verdana,Sans-serif;
  color:#666;
  }

  
body h3 {font:bold 100% Verdana,Sans-serif;}
h3.first {margin-top:0;}
#maincol h3 {
  margin:1em 0 .5em 0;
  padding-bottom:5px;
  border-bottom:1px solid #eee;
  font-weight:bold;
  }
#subcol h3 {
  margin:.5em 0;
  font:100% Verdana,Sans-serif;
  text-transform:lowercase;
  }
  
body h4 {
  font-size:100%;
  line-height:1.3em;
  margin:1.5em 0 .5em 0;
  }
#maincol h4 {
  font:bold 100% Verdana,Sans-serif;
  margin:1.5em 0 .5em 0;
  }

body h5 {
  font-size:100%;
  margin:1em 0 .5em 0;
  }
  
#subcol .date {
  margin:25px -15px 8px -15px;
  padding:0 15px;
  border-top-width:0;
  font:bold 135% Verdana,Sans-serif;
  color:#F60;
  }  

div#subcol h2#finland, div#subcol h2#uk {
   color:#FC5F03;
  }


/* Lists
----------------------------------------------- */
dl {margin:0 0 1.5em;}
#subcol dl {margin-bottom:.5em;}
dt {
  font-weight:bold;
  margin:0 0 .1em 0;
  }
#maincol dt {
  font:bold 100%/1.4em Verdana,Sans-serif;
  }
dd {margin:0 0 1em 0; font-size:85%; line-height:1.5em;}
dd p {margin:0 0 .5em;}
dd p.location em {
  display:block;
  color:#666;
  }
#subcol dd {font-size:100%;}

ul {
  margin:.5em 0 1em;
  padding:0;
  list-style-type:none;
  }
ul li {
  background:   url(../img/enlightenment-circle-sm.gif) no-repeat 4px .4em;
  margin:0;
  padding:0 0 2px 24px;
  line-height:1.5em;
  }
ul.fin-links li {
/* background:   url(../img/finnish-flag.gif) no-repeat 4px .4em;*/
  margin:0;
  padding:0 0 2px 24px;
  line-height:1.5em;
  }  
  
ul.entrylist li {
  font:bold 100%/1.5em Verdana,Sans-serif;
  }
#subcol ul li {
  font:100%/1.5em Verdana,Sans-serif;
  }
#maincol ul li {background-position:4px .45em;}
ul ul {
  margin:.5em 0;
  }
#subcol ul li span {margin:0 .25em;}
ul li .date, dl dt em {
  font:italic 85% Verdana,Sans-serif;
  color:#999;
  white-space:nowrap;
  }
#subcol ul li .date, #subcol dl dt em, ul dl dd em.date {
  font-size:100%;
  }


/* Link Lists
----------------------------------------------- */
ul.links {margin-bottom:.5em;}

dl.links dt {
  background:   url(../img/enlightenment-circle-sm.gif) no-repeat 0 .4em;
  padding-left:18px;
  }
dl.links dt.onsite {
  background:   url(../img/enlightenment-circle-sm.gif) no-repeat 4px .45em;
  }
dl.links dd {
  padding-left:4px;
  }



/* Misc Rules
----------------------------------------------- */
a img {border-width:0;}
acronym {border-bottom:1px dotted #ccc;}
code {font-size:100%;}
p, pre {margin:.75em 0;}

p.left, p.right {
  position:relative;
  float:left;
  margin:3px 12px 5px 0;
  }
p.right {
  float:right;
  margin:3px 0 5px 12px;
  }

p.left img, p.right img {
  display:block;
  margin-bottom:.75em;
  border:1px solid #ccc;
  padding:4px;
  }
p.left a, p.right a {
  border-width:0;
  }
p.left em, p.right em {
  display:block;
  margin-bottom:5px;
  font-size:85%;
  line-height:1.5em;
  color:#666;
  }

#maincol .sub {font-size:85%; line-height:1.5em;}
#maincol dd .sub {font-size:100%;}
.arrow {color:#f30;}
del, .strike {text-decoration:line-through; color:#666;}
ins {text-decoration:none;}
.imgLeft, .imgleft {
  position:relative;
  float:left;
  margin:3px 12px 2px 0;
  }
.imgRight, .imgright {
  position:relative;
  float:right;
  margin:3px 0 5px 12px;
  }
#maincol .imgleft, #maincol .imgright, a.thumb img, img.thumb {
  border:1px solid #ccc;
  padding:4px;
  }
.imgleft img, .imgright img {display:block;}
.nowrap {white-space:nowrap;}
.none, hr, .skip {display:none;}
.clearb {clear:both;}
.reset {clear:both; display:block; height:1px; font-size:1px; line-height:1px;}


/* Footer
----------------------------------------------- */
#footer {
  color:#999;
  margin-top:2em;
  }
#maincol #footer {font-size:85%; line-height:1.5em;}
#footer a:link, #footer a:visited {border-width:0;}

#contact-us a {
  background:   url(../img/email.gif) no-repeat 4px .4em;
  margin:0;
  padding:1px 0 2px 24px;
  line-height:1.5em;
  }

/* Meetings
----------------------------------------------- */
.events {
  margin:.75em 0;
  padding:0;
  }
  
.events dt {
  font:130%/1.4em Verdana,Sans-serif;
  padding:10px 10px 0;
  }
.past dt {
  padding:8px 5px 0;
  font-size:110%;
  }
.events dt.alt {
  background:#DCDFF6;
  }

.events dd {
  padding:0 10px 15px;
  margin:0;
  }
.past dd {
  border-bottom:1px dotted #ccb;
  padding:0 5px 8px;
  }
.events dd.alt {
  background:#DCDFF6;
  }
.events dd.alt-box {
  border:5px solid #DCDFF6;
  margin-bottom:2em; 
  }
.events .location, #event .location {
  border-left:1px solid #ccc;
  padding-left:.5em;
  margin-left:.25em;
  font-style:normal;
  color:#777;
  }
.past .location {
  font-size:77%;
  font-family:Verdana,Sans-serif;
  }
.events .date, .events .aika {
  display:block;
  margin:0;
  padding:.75em 15px;
  font-size:85%;
  line-height:1.6em;
  font-style:normal;
  }
.past .date {
  padding:.5em 15px;
  }
.events .date:before {
  content:"Date: ";
  font-weight:bold;
  color:#FC5F03;
  }  
.events .aika:before {
  content:"Aika: ";
  font-weight:bold;
  color:#FC5F03;
  }  
.events dl {
  margin:0;
  padding-left:15px;
  }
.events dl dt {
  background:none;
  margin:0 0 .15em;
  padding:0;
  font:110%/1.4em Verdana,Sans-serif;
  }
.events dl dt a, .events a.title, .teaser a.title {
  background:url(../img/pg-icon.gif) no-repeat 1px .35em;
  display:block;
  border-width:0;
  padding-left:15px;
  }
.events dt a, .events a.title {
  color:#358;
  border-color:#469;
  }
.events dt a:hover, .events a.title:hover {
  color:#933;
  border-color:#b55;
  }
.past a.title {
  margin-left:15px;
  }
.past a.title, .event-info {
  font-size:85%;
  line-height:1.6em;
  }
.events dl dd {
  background:none;
  margin:0 0 .75em;
  padding:0 15px;
  }
.events .meta, #event .meta {
  color:#777;
  font-size:85%;
  line-height:1.6em;
  font-style:italic;
  }
.events .more {
  font-size:85%;
  line-height:1.6em;
  }

.cs5 #maincol  h2 {
  color:#FC5F03;
  }  
  
#events h3 {
  margin:0 0 .5em;
  border-bottom:1px dotted #ccc;
  padding:.2em 0 .2em 15px;
  font-size:130%;
  line-height:1.5em;
  }
  
  
  
  
/* Entry
----------------------------------------------- */

.entry {margin-bottom:20px;}
 .entry p {
  font-size:85%;
  }
  .entry ul {
  font-size:85%;
  }
.entry dd {
  margin:0 2em;
  font-size:100%;
  }
.entry dd p {
  margin:0 0 .75em;
  }
.entry blockquote {
  margin:1em 0;
  padding:0 1em .75em;
  border:1px solid #eee;
  border-width:1px 0;
  font-size:85%;
  line-height:1.5em;
  }
.entry blockquote p {margin:.75em 0 0;}
.entry p.posted {
  clear:left;
  font-size:85%;
  color:#999;
  margin:1em 0 2em;
  }
.entry .sub {font-size:85%;}  
  
.descr {
  margin:.75em 0;
  padding:0 5px 0 5px;
  background:#DCDFF6;
  }
  
a.permalink {
  background:url(../img/pg-icon.gif) no-repeat 0 0;
  float:left;
  display:block;
  width:9px;
  height:10px;
  margin:.3em 5px 0 0;
  text-indent:-10000px;
  border-width:0;
  }  
.cs1 #maincol h2, .cs1 #maincol h1 {
  color:#FC5F03;
  }


  /* rails */

  #flash_notice{
	font-size:14px;
	width:250px;
	margin-left:-125px;
	position:fixed;
	top:200px;
	left:50%;
	color:#FFF;
	font-weight:bold;
	background-color:#AAA;
	opacity: 0.9;
	filter:alpha(opacity=90);
	text-align:center;
	padding: 10px;
	z-index:10000;
}

textarea.default{
    width:400px;
    height:130px;
}

.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea,
#simple_captcha .simple_captcha_field .fieldWithErrors input
{
	border: 2px solid #FF3366;
	background-color:#EEE;
}

.red, .errorExplanation{
	color:#FF3366;
}

/* Captcha */

#simple_captcha{
    width:160px;
}