/* Common */
H1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14pt;

}

H2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12pt;
	margin-top: 1.5em;
	margin-bottom: 0em;

}

BLOCKQUOTE {
	margin-top: 0em;
}

TD {
	color: Black;
	font-family: Verdana, Arial, sans-serif;
	font-size : 10pt;
	margin-left: 0pt;
	vertical-align: top;
}

P {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10 pt;
	margin-top: 5px;
	margin-bottom: 5px;
}

P.etusivu {
	border: 1px solid #808080;
	padding: 0.5em;
	background-color : #F9F9F9
}

P.Menu {
	font-size: 8pt;
	margin-left: 3em;
}

BODY {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10 pt;
	color: black;
}

DIV {
	color: Black;
	font-family: Verdana, Arial, sans-serif;
	font-size : 10pt;
}

DIV.center {
	background-color : transparent;

}

DIV.right {
	text-align : right;
	background-color : transparent;
}

DIV.Content {
	color : Black;
	background: #FFFFFF;
	font-size : 10pt;
	padding: 1em 0.5em 1em 1em;
	height: 100%;
}

TD.ajank_yla {
	border-left: dashed 1px #4D4D4D;
	color: #000000;
	/*background-image: url(images/design/ajank_tausta.jpg);*/
	background: #F1F1F1;
	height: 22px;
	vertical-align: middle;

}

TD.ajank {
	border-left: dashed 1px #4D4D4D;
	height: 100%;

}

TD.etusivuteksti {
	padding-right: 3px;
}

.main_table, .events_table  {
	width: 550px
}

.events_table td {
	padding: 3px
}

td.even_row {
	vertical-align: top;
	background-color: #F0F0F0;
}

td.odd_row {
	valign: top;
	vertical-align: top;
}

/*First page*/
DIV.FirstContent {
	background: #FFFFFF;
}

DIV.ContentHeader {
	color : White;
	background: #C6C6CE;
	font-weight : bold;
	font-size : 12pt;
	padding: 0.25em; 
/*
	border-left: 2px solid #ADADAD;
	border-top: 2px solid #ADADAD;
	border-right: 2px solid #8F8989;
*/
}

TD.Content {
	background: white;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding: 0em;
	height: 100%;
}

TD.Header {
	background: #9CA5AD;
	padding : 0px;
	margin : 0px;
}

TD.RightMargin {
	/*background: #FBF7E8;*/
	background: #EFF6FB;
}

.sisalto {
	background: #FFFFFF;
	width:993px;

}

.ylapalkki {
	background: url(images/design/ylakuva4.jpg) no-repeat;
}

TD.ylapalkki_oikea {
	background-image: url(images/design/yla_tausta.jpg);
}

.alapalkki {
	background-image: url(images/design/alatausta.jpg);
}

.eventlist_font {
	font-size: 9pt
}

/* Menu */

/* Sidemenu */
#menu {
	text-align: left;
	width: 180px;
	margin-top: 10px;
	padding: 20px 0 10px 0;

}

#menu li {

}
#menu ul, #ylamenu {
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu ul li {
	padding: 0;
	margin: 0;	
}
#sitemenu li a {
	display: block;
	/*line-height: 20px;*/
	padding: 3px 0 3px 0;
}
#sitemenu li.level0 a {
	padding: 0.5em 0 0.5em 0.5em;
	border-top: 1px dotted #AAAAAA;
	
}
#sitemenu li.level1 a {
	padding-left: 2em;
	color: #004080;
}
#sitemenu li.level2 a {
	padding-left: 3em;
	color: black;
}
#sitemenu li.level3 a {
	padding-left: 4em;
	color: #004080;
}
#menu ul li a {
	color: #414141;
	text-decoration: none;
}
#menu ul li a:hover {
	color: #969696;
}

.menupalkki {
	padding-top: 5px;
	background: #C8E472;
	/*border: solid 1px #AC1C13;*/
}

TABLE.Menu {
	background: #F1F1F1;
	border-right: solid 1px #7A991F;
	border-bottom: solid 1px #7A991F;

}

TABLE.MenuBase {
	background: #F1F1F1;
}

TD.MenuBase {
	border-right: solid 1px #7A991F;	
}

TD.MenuRow {
	background-image: url(images/design/eco_menu_tausta.gif);
	border-bottom: 1px solid #7A991F;
	height: 23;
	vertical-align: middle;
}

TD.MenuRowSel {
	background-image: url(images/design/eco_menu_tausta_sel.gif);
	border-bottom: 1px solid #7A991F;
	height: 23;
	vertical-align: middle;
}

DIV.MenuInc {
	margin-left: 1pt;
	height: 21;
	padding-top: 0.4em;	
	padding-left: 0.6em;
}

DIV.MenuSel {
	margin-left: 1pt;
	height: 21;
	padding-top: 0.4em;
	padding-left: 0.6em;
}

A.MenuInc:hover { 	
	color : #7A991F;
  	text-decoration: none;
	font-family: Verdana;
	font-size : 8pt;
}


A.MenuInc { 	
	color: #000000;  
	text-decoration: none;
  	font-weight : normal; 
	font-family: Verdana;
	font-size : 8pt;
}


a.MenuSel {
	color: #7A991F;
	text-decoration: none;
	font-family: Verdana;
	font-size : 8pt;
}

a.MenuSel:hover {
	color:  #7A991F;
	text-decoration: none;
	font-family: Verdana;
	font-size : 8pt;
}


/* Main navigation */
a.Main_nav {
	color: black;
	font-size: 10pt;
	font-family: Verdana, sans-serif;
	text-decoration: none;
	font-weight : normal;
}

a.Main_nav:hover {
	color: gray;
}


/* Feedback */
.FeedbackBase {
	background: #6E94B7;
}

.FeedbackHeader {
	background: #AFC6DB;
	/*text-valign: top;*/
	font-weight: Bold;
}

/* Bottom block */

TD.BottomHeader {
	width : 20%;
	text-align : Center;

	font-weight : Bold;
	color : White;
	border-right: 1px solid White;
}

A.BottomHeader {
	text-align : Center;
	font-weight : Bold;
	color : White;
}

TD.BottomContent {
	width : 20%;
	text-align : left;
	vertical-align : top;
	color : White;
	border-right: 1px solid White;
}

TR.BottomContent {
	height : 90px;
}

TABLE.Bottom {
}


TD.DateField {
	color : grey;
	text-align : left;
	font-size : 9pt;
	font-family : Arial;
	border-top: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
}

TD.AddressField {
	color : grey;
	text-align : left;
	font-size : 8pt;
	letter-spacing : 0px;
	font-family : Arial;
	border-top: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
}

SPAN.Logout {

}

A.Login {
	font-weight : normal;
	color : white;
	font-size: 8pt;

}

A {
	font-weight : normal;
	color : black;
}

DIV.Path {
	color : White;
	background: #9CA5AD;
}

A.Path {
	color : White;
	font-weight: bold;
	text-decoration : none;
}

INPUT.Login {
	color : Black;
	font-weight : normal;
	background-color : #1062A4;
	border : 1px solid white;
}

A.Logout {
	color : White;
	font-weight : normal;
}

A.User {
	font-size: 8pt;
	color : Black;
	font-weight : normal;
}

A.Shortcut {
	color: #647684;
	font-size: 8pt;
	font-weight : bold;
	text-decoration: none;
	font-family: Arial;	
}

SPAN.FpNewsSubject {
	color : #73848C;
	font-size : 12pt;
	font-weight : bold;
}

SPAN.FpNewsDate {
	color : #73848C;
	font-size : 8pt;
	text-decoration : none;	
}

SPAN.FpNewsContent {
	padding-left : 1.5em;	
	width : 100%;
}

A.FpNewsLink {
	color : #657D1A;
	text-decoration: none;
	font-size: 9pt;
}

A.FpNewsLink:hover {
	color : #000000;
	text-decoration: none;
	font-size: 9pt;
}

UL {
	margin	: 0px;
	padding-left : 1.5em;
}

A.NewsLink {
	color : #395A63;
	font-weight : normal;
	background-color : transparent;
	text-decoration: none;

	
}

A.NewsLink2 {
	font-size : 8pt;
	text-decoration: none;	
}

A.NewsLink2:hover {
	font-size : 8pt;
	text-decoration: none;
	color: #808080	
}


TD.buttonstyle {
	padding : 2px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 2px solid #808080;
	border-right: 2px solid #808080;
	background-color : #D4D0C8;
	text-align: center;
}

A.buttonstyle {
	color : black;
	font-weight : bold;
	text-decoration: none;
	background-color : transparent;
}

TD.colhead {
	background-color : #D4D0C8;
}

.shthead {
	border-bottom: 1px dashed #808080;
}

.shtval {
	background-color: #E4F8F8;
	font-weight : bold
}

/* FileArea */

TD.filehead {
	border-bottom: solid 1px black;
}
A.filehead {
	text-decoration: none;
	color: navy;
}
A.filehead:hover {
	text-decoration: underline;
}
A.file {
	text-decoration: none;
	color: navy
}
A.file:hover {
	text-decoration: underline;
} 
TABLE.fileupload {
	border: 1px solid black;
}

/* News */
.NewsArticleBase {
	border-width: 0;
	background: White;
} 

.NewsListBase {
	border-width: 0;
	background: White;
} 

.NewsBase {
	border-width: 0;
	background: #FBF7E8;
}

.NewsHeader {
	background: #EFF6FB;
	font-weight: Bold;
}

TD.NewsContHeader {
	background: White;
	font-weight: Bold;

}

TD.NewsContent {
	background: White;
}

.NewsBaseFP {
	border-width: 0;
	/*background: #FBF7E8;*/
	background: white;
}

TD.NewsFP {
	background: #FBF7E8;
}

.NewsHeaderFP {
	background: #AFC6DB;
	font-weight: Bold;
}

/*yhteiskoulu*/

TD.teksti {
	vertical-align: middle;
	text-align : center;
	
}

BODY.yk {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10 pt;
	background: #E8E8E8;
	color: black;
}

TD.yk_menu {
	border-right: solid 40px #077ACD;
	background: #F5F5F5
} 

TD.yk_content  {
	border-right: solid 40px #077ACD
}