/* -------------------------------------------------  */
/* www.keskustanuoret.fi - palvelun tyylimäärittelyt  */
/* etusivun tyylit sekä yleiset tyylit                */
/* -------------------------------------------------  */

body {
    margin:0px;
    padding:0px;
    background:#FEF7C9  url(pics/bg.gif) 0px 0px repeat-x;
    font-family:verdana,arial,serif;
	font-size:10pt;
}

p,a,ul,ol,li,table,tbody,tr,td,form,input { margin:0px;padding:0px; }

/* tyhjennys div */
div.clear { clear: both; height: 1px; margin: -1px 0 0 0; line-height: 0; padding: 0; }

/* sivun kehys div */
div#max-width {
  position:relative;
  width:877px;
  margin:auto;
  padding:0px;
  
}

/* --- ylätunniste --- */
div#header {
  position:relative;
  clear:both;
  top:0px;
  left:0px;
  width:877px;
  height:92px;
  background:transparent url(pics/header.gif) no-repeat;
  margin:0px;
  padding:0px;
}

/* logo */
div#logo {
  position:absolute;
  top:0px;
  left:0px;
  width:220px;
  height:75px;
  margin:0px;
  padding:0px;
  background:transparent url(pics/logo.gif) no-repeat;
 }
div#logo h1 { font-size:16px;font-weight:bold;margin:0px;padding:0px;}
div#logo h1 span {display:none;}

/* haku */
div#search {
  position:absolute;
  display:inline;
  margin:0px;
  padding:0px;
  left: 470px;
  top:19px;
  text-align:right;
}
div#search form { font:normal bold 11px verdana,arial,serif;color:#ffffff; }
div#search input { border:2px solid #BAE600;background:#EEF9C1;width:206px;font-size:11px;}
div#search input:focus { border:2px solid #BAE600;background:#ffffff; }
div#search input#send { background:transparent url(pics/search-submit.gif) 0px 0px no-repeat; border:0px; width:60px;height:21px;}

/* kielivalinta */
div#ylavalikko {
  position:absolute;
  display:inline;
  margin:0px;
  padding:0px;
  left: 730px;
  top:57px;
}
div#ylavalikko p { font:normal normal 11px verdana,arial,serif;color:#ffffff;margin:0px;padding:0px; }
div#ylavalikko a { font:normal normal 11px verdana,arial,serif;color:#ffffff;text-decoration:none;}
div#ylavalikko a.current { font-weight:bold;}
div#ylavalikko a:hover {text-decoration:underline;}

/* sisaltoalueen taustagraffa */
div#container {
  position:relative;
  width:877px;
  margin:auto;
  padding:0px;
  background:transparent url(pics/max-width.gif) 0px 0px repeat-y;
}
div#container {
  position:relative;
  width:877px;
  margin:auto;
  padding:0px;
  background:transparent url(pics/max-width.gif) 0px 0px repeat-y;
}
/* paavalikko */
div#main-navi {
  position:relative;
  clear:both;
  margin:auto;
  padding:0px;
  width:847px;
  height:35px;
  border-bottom:1px solid #BAE600;
  background:#719D00;
  text-align:center;
}
div#main-navi ul { list-style-type:none;margin:auto;padding:0.2em 0em 0em 1em;}
div#main-navi li { display:inline; background:transparent url(pics/li-navi.gif) 0px 6px no-repeat;margin:0em 0em 0em 0em;padding:0em 0.3em 0em 0.3em; }
div#main-navi li.first { background:none; }
div#main-navi li a { font:normal bold 11px verdana,arial,serif;text-decoration:none;color:#ffffff;}
div#main-navi li a:hover {text-decoration:underline; }
div#main-navi li a.current-main { color:#CEFF00;text-decoration:underline; }
/* sisallon kehys div */
div#fp-content {
  position:relative;
  margin:auto;
  padding:0px;
  width:847px;
}

/* -- 1. rivi -- */
div#row-1 {
  position:relative;
  margin-left:1px;
  padding:0px;
  width:847px;
  height:296px;
  background:transparent url(pics/row-1.gif) no-repeat;
}

/* kuvapaikka */
div#imageplace {
  position:relative;
   }
div#imageplace img {}

/* esittelyteksti */
div#description {
  position:absolute;
  left:429px;
  top:7px;
  height:277px;
  width:200px;
  margin:0px;
  padding:0px;
  background:transparent url(pics/description.gif) no-repeat;
  }
div#description div#text { position:relative; margin-left: 15px;margin-top:10px; padding:0px; width: 180px; }
div#description p { position:relative;margin-bottom:3px;/* mac ie fix \*/margin:0em 0.5em 0em 0em;padding:0.5em 0em;/* end fix */font:normal normal 11px verdana,arial,serif;color:#596F34; line-height:12px; }

/* -- 2.rivi -- */
div#row-2 {   
  position:relative;
  margin:0px;
  width:849px;
  background:transparent url(pics/row-2.gif) repeat-y;
  border-top: 4px solid #ffffff;
  
}
/* ajankohtaista */
div#bulletin {
  float:left;
  width: 210px;
  margin:0px;
  padding:0px;
  min-height:265px;
  
}
/* ajankohtaista otsikko */
div#bulletin-header {
  position:absolute;
  left:2px;
  top:-38px;
  width:206px;
  height:36px;
  background:transparent url(pics/bulletin-header.gif) no-repeat;
 }
div#bulletin-header h1 { 
	font:normal normal 1px verdana,arial,serif; margin:6px auto;padding:0px;background:transparent url(pics/h1-bulletin.gif) no-repeat; width:171px;height:27px; 
	cursor: pointer; /* virallinen tapa */
	cursor: hand; /* IE 5:n tapa */
}
div#bulletin-header h1 span { display:none; }
/* uutislistaus */
div#bulletin ul { list-style-type:none;}
div#bulletin li { background:transparent url(pics/icon-bulletin.gif) 7px 10px no-repeat;padding:0.2em 0em 0.2em 40px;border-bottom:1px solid #CEE3B6;}
div#bulletin a { font:normal bold 11px verdana,arial,serif;color:#9C3700;margin:0em;padding:0em 0em; text-decoration:none;}
div#bulletin a:hover { text-decoration:underline; }
div#bulletin span.date { font:normal normal 11px verdana,arial,serif;color:#557321;margin:0px;padding:0px;}

/* galleria */
div#galleria {
  float:left;
  left:218px;
  width: 214px;
  padding:0px;
  min-height:265px;
  }
/* galleria otsikko */
div#galleria-header {
  position:absolute;
  left:214px;
  top:-38px;
  width:210px;
  height:36px;
  background:transparent url(pics/galleria-header.gif) no-repeat;
 }
div#galleria-header h1 { 
	font:normal normal 14px verdana,arial,serif; margin:6px auto;padding:0px; background:transparent url(pics/h1-galleria.gif) no-repeat; width:171px;height:27px;
	cursor: pointer; /* virallinen tapa */
	cursor: hand; /* IE 5:n tapa */
}
div#galleria-header h1 span { display:none; }

div#galleria .rivi {
	text-align: center;
	margin: 5px 0 3px 0;
}

div#galleria .rivi img {
	margin: 0 2px;
	border: 1px solid #759245;
}

/* tapahtumat */
div#events {
  float:left;
  left:634px;
  width: 210px;
  padding:0px;

 }
/* tapahtumat otsikko */
div#events-header {
  position:absolute;
  left:638px;
  top:-38px;
  width:210px;
  height:36px;
  background:transparent url(pics/galleria-header.gif) no-repeat;
}
div#events-header h1 { 
	font:normal normal 14px verdana,arial,serif; margin:6px auto;padding:0px; background:transparent url(pics/h1-tapahtumat.gif) no-repeat; width:171px;height:27px;
	cursor: pointer; /* virallinen tapa */
	cursor: hand; /* IE 5:n tapa */
}
div#events-header h1 span { display:none; }
/* tapahtumalistaus */
div#events ul { list-style-type:none; }
div#events li { background:transparent url(pics/icon-events.gif) 10px 10px no-repeat;margin:0px 0px 0px 0px;padding:0.2em 0em 0.2em 45px;border-bottom:1px solid #CEE3B6;}
div#events a { font:normal bold 11px verdana,arial,serif;color:#9C3700;margin:0em;padding:0em 0em; text-decoration:none;}
div#events a:hover { text-decoration:underline; }
div#events span.date { font:normal normal 11px verdana,arial,serif;color:#557321;margin:0px;padding:0px;}

/* Nuori Keskusta -lehti buffi */
div#nk {
  float:left;
  width:212px;
  min-height:263px;
  margin:0px;
  padding:0px;
  
}
div#nk h1 { }
div#nk h1 span { display:none; }
div#nk p { font:normal normal 11px verdana,arial,serif;color:#616161;margin:1em 0em;padding:0em 1.5em;  }
div#nk a { font-weight:bold;text-decoration:none;color:#9C3700;}
div#nk a:hover { text-decoration:underline; }


/* -- 3.rivi -- */  
div#row-3 {   
  clear:both;
  position:relative;
  margin:0px;
  padding:0px;
  width:848px;
  height:130px;
  background:transparent url(pics/row-3.gif) no-repeat;
  border-top: 4px solid #ffffff;
}
/* palaute */
div#feedback {
  position:absolute;
  width:180px;
  height:100px;
  margin:0px;
  padding:8px 0px 0px 13px;
}
div#feedback h1 { font:normal bold 14px verdana,arial,serif;height:31px;width:183px;margin:0px;padding:0px;background:transparent url(pics/h1-palaute.gif) no-repeat; }
div#feedback h1 span { display:none;}
div#feedback p { font:normal normal 11px verdana,arial,serif;color:#000;margin-left:5px;padding:0px;}  
div#feedback p a { font-weight:bold;text-decoration:none;color:#9C3700;margin:0px;padding:0px;}
div#feedback p a:hover { text-decoration:underline; }

/* keskustelu */
div#forum {
  position:absolute;
  left:214px;
  width: 180px;
  height:100px;
  margin:0px;
  padding:8px 8px 0px 19px;
}
div#forum h1 { height:31px;width:183px;font:normal bold 14px verdana,arial,serif; margin:0px;padding:0px;background:transparent url(pics/h1-keskustelu.gif) no-repeat;}
div#forum h1 span { display:none; }
div#forum p { font:normal normal 11px verdana,arial,serif;color:#000;margin-left:4px;padding:0px; }
div#forum p a { font-weight:bold;text-decoration:none;color:#9C3700;margin:0px;padding:0px; } 
div#forum p a:hover { text-decoration:underline; }
/* piirit */
div#precinct {
  position:absolute;
  left:426px;
  width: 180px;
  height:100px;
  margin:0px;
  padding:8px 8px 0px 19px;
  }
div#precinct h1  {height:31px;width:183px;font:normal bold 14px verdana,arial,serif;margin:0px;padding:0px;background:transparent url(pics/h1-piirit.gif) no-repeat;}
div#precinct h1 span {  display:none;  }
div#precinct p { font:normal normal 11px verdana,arial,serif;color:#000;margin-left:5px;padding:0px; }  
div#precinct p a { font-weight:bold;text-decoration:none;color:#9C3700;margin:0px;padding:0px; } 
div#precinct p a:hover { text-decoration:underline; }
/* bannerialue */
div#banner {
  position:absolute;
  left:634px;
  width: 200px;
  height:100px;
  margin:0px;
  padding:8px 8px 0px 13px;
  overflow:none;
}
div#banner h3,div#banner h4 { font:normal bold 14px verdana,arial,serif;margin:0px;padding:0px;color:#fff; }
div#banner h1 span,div#banner h4 span { display:none; }
div#banner p { font:normal normal 11px verdana,arial,serif;color:#000;margin-right:0.5em;padding:0px; }  
div#banner p a { font-weight:bold;text-decoration:none;color:#9C3700;margin:0px;padding:0px; } 
div#banner p a:hover { text-decoration:underline; }
div#banner img {}

/* --- alatunniste --- */
div#footer {
  position:relative;
  clear:both;
  margin:0px;
  padding:0px;
  width:877px;
  height:30px;
  background:transparent url(pics/footer.gif) no-repeat;
}
div#footer div#copyright {
  float: left;
  text-align:center;
  margin-top:20px;
  margin-right:7px;
  width: 877px;
}

#copyright, #copyright a:link, #copyright a:visited {
  font:normal normal 11px verdana,arial,serif;
  color:#70982C;
  text-decoration: none;
}

#copyright a:hover, #copyright a:active {
	text-decoration: underline;
}