/* CCBot/1.0 (+http://www.commoncrawl.org/bot.html) (38.103.63.61) */


/* GLOBALS */
body {
	padding : 10;
	margin : 0;
	text-align : center;
	font : 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	background : #7FBB93;
	color : #000;
}
th, td {font : 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
}
img {
	border : 0;
}
a:link {
	color: #007728;
	text-decoration : underline;
}
a:visited {
	color: #007728;
	text-decoration : underline;
}
a:hover {
	text-decoration : none;
	color : #007728;
}
a:active {
	color: #007728;
	text-decoration : none;
}
#wrapper {
	margin : 0;
	padding : 0;
	height : 100%;
	text-align : center;

}
#wrapper table {
	padding : 0;
	margin : auto;
	width : 728px;
	text-align : left;
}

/* HEADER */
#header-cell {
	width : 728px;
	height : 128px;
	background : #007728 url('images/ylapalkki.jpg') no-repeat top left;
	border : 1px solid #fff;
}
#header-cell img {
	border : 0;
	margin : 0;
	padding : 0;
}

/* BREADCRUMBTRAIL */
#breadcrumbtrail-cell {
	font : 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	width : 728px;
	height : 36px;
	background : #7FBB93 url('images/yla2.gif') no-repeat top left;
	border-left : 1px solid #fff;
	border-right : 1px solid #fff;

}
#breadcrumbtrail-cell p {
	padding : 0 0 10px 165px;
	font-weight: normal;
	color : #000;
	margin : 0;
}
#breadcrumbtrail-cell a:link {
	text-decoration : none;
	font-weight : normal;
	color: #000;
}
#breadcrumbtrail-cell a:visited {
	text-decoration : none;
	font-weight : normal;
	color: #000;
}
#breadcrumbtrail-cell a:hover {
	text-decoration : underline;
	font-weight : normal;
	color : #000;
}
#breadcrumbtrail-cell a:active {
	text-decoration : none;
	font-weight : normal;
	color: #000;
}
/* MENU (TABLE AND IMAGES) */
#menu-cell {
	width : 153px;
	background : #007728;
	border-left : 1px solid #fff;
	
	
}

/* MENU (UNORDERED LIST AND CSS LAYOUT) */
#menu-box {
	width : 153px;
	margin-top : 22px;
	margin-bottom : 22px;
	font-family : Arial, Helvetica, sans-serif;
}
#menulist ul {
	margin : 0;		    /*removes indent in IE and Opera*/
	padding : 0;		/*removes indent in  Mozilla and NN7*/
	list-style : none;  /*turns off display of bullet*/
}
#menulist {
	padding : 0;
	margin : 0;
	text-align : left;
	background : transparent;
	width : 153px;
	overflow : hidden;
}
#menulist li {
	display : inline;   /*removes break: after in Mozilla and NN7*/
	list-style : none;  /*turns off display of bullet*/
}
#menulist li a {
	display : block;
	padding-top : 4px;
	height : 18px;
	text-decoration : none;
	font-weight: normal;
	white-space : nowrap;
	border-bottom : 0px solid #CCCDE5 ;
}
#menulist li.main a {
	color : #fff;
	padding-left : 20px;
	background : 2F8927;
	border-top : 1px solid #fff;
	border-bottom : 1px solid #000;
}
#menulist li.sub1 a {
	color : #fff;
	padding-left : 30px;
	background : #12AD2B;
	font-weight : normal;

}
#menulist li.sub2 a {
	color : #fff;
	padding-left : 40px;
	background : #5DCB4F;
}

#menulist li a:link {
	color : #fff;
}

#menulist li a:hover {
	text-decoration : underline;
	color : #fff;
	background : #1C4E11;
}
#menulist li a:active {
	text-decoration : underline;
	color : #fff;
	background : #07401A;
}
#menulist li a.active{
	text-decoration : underline;
	font-weight: bold;
	color : #007728;
	background : #A5DB92;
}
.showIt {
	display: block;
}
.hideIt {
	display: none;
}
.showThis {
	display: block;
}
.hideThis {
	display: none;
}

/* CONTENTS */
#content-cell {
	margin : 0;
	padding : 1em 0;
	background : #fff;
	border-right : 1px solid #fff;
}
#title-box {
	margin : 0;
	padding : 0;
}
#title-box img {
	display : none;
	overflow : hidden;
	margin : 0;
	padding : 0;
}
#title-box h3 {
	font-size : 16px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #007728;
	margin : 3px 30px 1em;
	padding : 0;
	border-bottom: 1px solid #007728;
}
#content-box {
	margin : 0;
	padding : 0 30px;
	background : transparent;
}
#content-box p {
	margin : 0 0 1em;
	padding : 0;
}
#content-box h4,
#content-box h5,
#content-box h6{
	font-size : 26px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #007728;
	margin: 0;
	padding: 0 0 0.5em;
}
#content-box h4{
	font-size: 16px;
}
#content-box h5{
	font-size: 14px;
}
#content-box h6{
	font-size: 12px;
}
#content-box table{
	width: 100%;
	margin: 0;
	padding: 0;
}
#content-box ol li,
#content-box ul li {
	margin-bottom : 0.5em;
}

/* FOOTER */
#footer-corner-cell {
	width : 153px;
	height : 38px;
	background : #007728 url('images/alakulma.gif') no-repeat top left;
	font-family : Arial, Helvetica, sans-serif;
	text-align : center;
	border-left : 1px solid #fff;
	border-bottom : 1px solid #fff;
}
#footer-corner-cell img {
	margin : 0;
	padding : 0;
}
#footer-corner-cell a,
#footer-corner-cell p {
	color: #fff;
	font : 9px/1 sans-serif;
	margin: 0;
	padding: 0 6px 10px 6px;
}
#footer-cell {
	width : 575px;
	height : 38px;
	text-align : center;
	background : #7FBB93 url('images/ala.gif') repeat-x top left;
	border-bottom : 1px solid #fff;
	border-right : 1px solid #fff;
}
#footer-cell p {
	padding: 10px 0 0 0;
	margin: 0;
	font-size : 10px;
	font-weight : bold;
	color: #fff;
}
#footer-cell a:link {
	color: #007728;
	text-decoration : none;
}
#footer-cell a:visited {
	color: #007728;
	text-decoration : none;
}
#footer-cell a:hover {
	color : #007728;
	text-decoration : underline;
}
#footer-cell a:active {
	color: #007728;
	text-decoration : underline;
}