body {
	background-color:#EFEFF0;
	margin: auto;
	padding: 0em;
	font-family:verdana,arial,serif;
	font-size:12px;
}

/* YLEISET */
h3 span { display: none }  

form, input, ul, ol, li, p, h1, h2, h3, h4	{margin: 0px; padding: 0px;}
a { font: normal bold 11px verdana; color:#00ACFE; text-decoration: none;}  
  
/* HEADER */
  
#header {
  background-image: url(/pics/bg-header.gif);
  background-repeat: no-repeat;
  background-position: center;
  width: 766px;
  height: 139px;
  margin: auto;
  padding: auto;
  }
  
/* NAVIGOINTI */  
  
#navi {
  background-image: url(/pics/bg-navi.gif);
  background-repeat: no-repeat;
  margin: auto;
  padding: auto;
  width: 766px;
  height: 28px;
  text-align: center;
  }
  
#navi ul li {
  display: inline;
  list-style: none;
  margin: auto;
  padding: auto;
  }
    
    
#navi ul li p {
  display: inline;
  list-style-type: disc;
  margin: 0px;
  padding: 0px;
  }
        
       
/* NAVIGOINTI TYYLIT */   


#navi ul li a {
  text-transform: uppercase;
  padding-left: 14px;
  padding-right: 10px;
  margin: 0px;
  }


  
.divider {
  background-image: url(/pics/bg-navi-divider.gif);
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  }  
  
/* SISÄLTÖ */

/* ETUSIVU */


#content-frontpage {
  position: relative;
  background-image: url(/pics/bg-content-frontpage.gif);
  background-repeat: no-repeat;
  height: 559px;
  width: 766px;
  margin: auto;
  padding: auto;
  }  
  
#content-frontpage p {
 font: normal normal 12px verdana;
 line-height: 18px;
 color: #000;
 margin: 0px;
 padding: 0px;
 }
  
#content-left-collum  {
 position: absolute;
 left: 0px;
 float: left;
 width: 243px;
 margin: 0px;
 padding: 0px;
 
 }

#content-left-collum img {
 margin-left: 10px;
 padding: 0px;
 }

#content-left-collum p {
 font: normal normal 12px verdana;
 line-height: 18px;
 color: #000;
 margin: 12px;
 padding: 0px;
 } 
 
 
#content-left-collum ul li {
 list-style-type: none;
 margin: 11px;
 line-height: 15px;
 padding: 0px;
 } 
 
#frontpage-news
{
  position: absolute;
  left: 0px;
  top: 300px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
} 
 
 
/* keskipalsta */  
 
 
#content-middle-collum {
 float: left;
 position: absolute;
 left: 243px;
 width: 225px;
 margin: 0px;
 padding: 0px;
 }
 
 
#content-middle-collum h5 {
 font: normal normal 11px verdana;
 color: #000;
 margin-top: 10px;
 margin-left: 5px;
 margin-bottom: 12px;
 padding: 0px;
 }  
 
 
#content-middle-collum p {
 position: relative;
 font: normal normal 11px verdana;
 color: #000;
 margin: 0px;
 padding: 0px;
 }  
 
 
    #president, #vice-president,#secretary
    {
      position: absolute;
      left: 43px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
    }
    
    
      
 
    #vice-president { top: 48px; }
    #president      { top: 204px; } 
    #secretary      { top: 362px; }
  
    #president p, #vice-president p,#secretary p
    {
      position: relative;
      top: 10px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
    }
 
 
 
/* oikea palsta */ 
 
#content-right-collum {
 float:right;
 width: 283px;
 padding: 0px;
 margin: 0px;
 
 }

#content-right-collum p.oneexamp {
  font: normal normal 11px verdana;
  margin: 0px;
  padding: 0px;
 }
 
#content-right-collum a { margin:0px; padding: 0px; }
 
#content-right-collum h5 {
 font: normal bold 18px verdana;
 line-height: 14px;
 color: #3F7AB3;
 margin-top: 0px;
 margin-bottom:13px;
 padding: 0px;
 }  
 
/* #content-right-collum img{
 margin-left: 10px;
 margin-top: 8px;
 margin-bottom: 0px,
 }
 
*/  
.castle-fronpage {
 position: relative;
 margin-top: 22px;
 margin-left: 1px;
 /* mac ie fix \*/
  top: 22px;
  left: 1px;
  margin: 0px 0px 0px 0px;
  /* end fix */
  padding: 0px 20px 0px 0px;
 }
 
#content-right-collum p {
 font: normal normal 12px verdana;
 line-height: 18px;
 color: #000;
 width: 250px;
 padding: 0px;
 margin: 0px;
 }  
 
#extranet-login {
  position:relative;
  top: 0px;
  left: 10px;
  margin: 0px;
  padding: 0px;
  } 
 
 

 /* ALASIVU PERUS*/
 
 
 
#content-top {
  background-image: url(/pics/bg-contentarea-upper.gif);
  background-repeat: no-repeat;
  width: 766px;
  height: 42px;
  margin: auto;
  padding: auto;
  }

#content-top a {
  font: normal normal 11px verdana;
  color: #1576B4;
  margin-left: 615px;
  text-decoration: none;
  }
 
 
#container 
{
  position: relative;
  background-image: url(/pics/bg-content-subpage.gif);
  background-repeat: repeat-y;
  width: 766px;
  min-height: 200px;
  padding: auto;
  margin: auto;
}  

#container-news {
  position: relative;
  background:transparent url(/pics/bg-news-container.gif) repeat-y;
  width: 766px;
  min-height: 200px;
  padding: auto;
  margin: auto;
  }   
 
#container h2,#container-news h2 {
  font: normal normal 30px verdana;
  color: #E7960A;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 22px;
  margin-right: 10px;
  padding: 0px;
  }  
 
 
#content-subpage {
  width: 730px;
  min-height: 200px;
  height: auto;
  _height: 200px;
  padding: auto;
  margin: auto;
  }
 
 
#content-subpage h2 {
  font: normal normal 30px verdana;
  color: #E7960A;
  margin: 0px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0px;
  }
 
#content-subpage h4 {
  font: normal normal 18px verdana;
  color: #007FBB;
  margin: 0px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0px;
  }
 

 
#content-subpage img {
  border: 1px solid;
  color:  #E7960A;
  padding: 5px;
  margin-left: 10px;
  margin-right: 10px;
  }
 	#container #content-subpage img.atSign { border:none;margin:0;padding:0;position:relative;top:3px;}
 
#content-subpage ul li { 
  font: normal normal 12px verdana;
  line-height: 18px;
  color: #000;
  margin-left: 40px;
  margin-right: 20px;
  margin-top: 5px;
  padding: 0px; 
  }
  
#content-subpage ol li {  
  font: normal normal 12px verdana;
  line-height: 18px;
  color: #000;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 5px;
  padding: 0px;  
  }
  
#content-subpage ul li { list-style-image: url(/pics/ul-list-type.gif); } 

 
.clear { clear:both; } 
 
 
 /* MEMBER CASTLE LISTAUS SIVUN TYYLIT */
 
 
 
.castle
 {
    float: left;
    position: relative;
    left: 25px;
    top: 0px;
    width: 370px;
    height: 400px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
  
 }
 
.castle-photo
  {
    border: 1px solid;
    color:  #E7960A;
    width: 239px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 0px 0px;
    border: 1px solid;
  }
.castle-desc
  {
    font: normal normal 12px verdana;
    width: 239px;
    line-height: 18px;
    color: #000;
    margin: 5px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
   }  
   
.castle-title  
  {
    font: normal bold 18px verdana;
    line-height: 14px;
    color: #3F7AB3;
    margin: 0px 13px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
                     
 .cleaner { clear: both}
 .mc-blueline 
  {
      clear: both;
      background: transparent url(/pics/p-blueline.gif) repeat-x center left;
      width: 752px;
      height: 20px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
 
  }
 
 
 
 
 
 
/* YKSITTAINEN MEMBER CASTLE -ALASIVU*/

#membercastle-left-collum  
{
  float: left;
  width: 254px;
  margin: 0px;
  padding: 0px;
  margin-left: 15px;
}

  #membercastle-left-collum img 
  {
    border: 1px solid;
    color:  #E7960A;
    padding: 5px;
    border: 1px solid;
  }
  
  #membercastle-left-collum h5 
  {
    font: normal bold 18px verdana;
    line-height: 14px;
    color: #3F7AB3;
    margin-top: 0px;
    margin-bottom:13px;
    padding: 0px;
  } 
   
  #membercastle-left-collum ul li 
  {
    list-style-type: none;
    margin: 12px;
    line-height: 15px;
  } 
 
#membercastle-middle-collum 
{
  float: left;
  left: 1px;
  width: 210px;
  margin: auto;
  padding: auto;
}

#membercastle-middle-collum p 
{
  font: normal normal 12px verdana;
  line-height: 18px;
  color: #000;
  margin-left: 12px;
  margin-top: 0px;
  margin-bottom:0px;
  padding: 0px;
}  
 
#membercastle-middle-collum h4 
{ 
  font: normal bold 12px verdana; 
  color: #E7960A; 
  margin-left: 12px; 
  margin-bottom: 6px;
}

 
#membercastle-right-collum 
{
  float: left;
  background-image: url(/pics/p-rasteri-pysty.gif);
  background-repeat: repeat-y;
  width: 226px;
  margin: auto;
  margin-left: 20px;
  padding: auto;
}

  
#membercastle-right-collum div 
{
  font: normal normal 12px verdana;
  line-height: 18px;
  color: #000;
  margin-left: 10px;
  padding: 0px;
}  
 
#membercastle-right-collum h4 
{ 
  font: normal bold 12px verdana; 
  color: #E7960A; 
  margin-left: 10px;
}

 
#membercastle-right-collum p
{
  font: normal normal 12px verdana; 
  color: #000 ;
  margin: 10px;
  padding: 0px;
  
}

 
#membercastle-right-collum a 
{
  font: normal normal 11px verdana;
  margin-bottom: 10px;
  padding: 0px;
} 
 
  
.mc-divider {
  background: transparent url(/pics/p-rasteri-vaaka.gif) repeat-x;
  width: 200px;
  height: 3px;
  margin: 5px;
  } 


 
 
/* NEWS ALASIVU */

#news-left-column {
  
  width: 390px;
  margin: 0px 0px 0px 18px;
  padding: 0px 0px 0px 0px;
  }

#news-left-column h5,#news-right-column h5 {
 font: normal bold 18px verdana;
 line-height: 14px;
 color: #3F7AB3;
 margin: 0px 0px 0px 2px;
 padding: 10px 0px 10px 0px;
 }
    
 
  
#news-right-column {
 width: 300px;
 margin: 0px 20px 0px 0px;
 padding: 0px 0px 0px 0px;
 }
 

    
   
#news-right-column p { width: 300px; margin: 0px; padding: 0px; line-height: 22px;}
 
#news-left-column img, #news-right-column img {
  border: 1px solid;
  color:  #E7960A;
  padding: 5px;
  margin-left: 10px;
  margin-right: 10px;
 }
 
.news-divider {
  background-image: url(/pics/p-rasteri-vaaka.gif);
  background-repeat: repeat-x;
  width: 310px;
  height: 3px;
  margin: 5px;
  } 
    


 
 /* ALATUNNISTE */
 
#footer {
  background-image: url(/pics/bg-footer.gif);
  background-repeat: no-repeat;
  width: 766px;
  height: 87px;
  padding: auto;
  margin: auto;
  } 
 
 
/* UUTISTYYLIT */

/* etusivu */

.date        { font: normal bold 10px verdana; color: #007FBB; }
.heading     { font: normal bold 12px verdana; color: #E7960A; }
.ingress     { font: italic normal 12px verdana; color: #000;  }
.body        { font: normal normal 12px verdana; color: #000;  }
.body p      { line-height: 22px; margin-bottom: 10px; }
.news-castle { font: normal bold 11px verdana; color: #007FBB; text-align: right;}




/* LINKKITYYLIT */

a.navi-not_active        {  font: normal bold 12px verdana; color:#1576B4; }  
a.navi-not_active:hover  {  text-decoration: underline;  }
a.navi-active            {  font: normal bold 12px verdana; color:#E7960A; }
a.navi-active:hover      {  text-decoration: underline; }
a.extranet               {  font: normal normal 12px verdana; color:#3F79B2 }
a.extranet:hover         {  text-decoration: underline; }

#ambientialogo         { position: relative; width: 750px; margin: auto; padding: auto; }
#ambientialogo img     { position: relative; left: 540px;  top: -30px; }