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



/* GLOBALS */
body {
	padding : 0;
	margin : 0;
	text-align : center;
	font : 10px/1.5 Geneva, Times, serif;
	background : #385182 url('images/tausta.jpg') repeat top left;
}

th, td {font : 10px/1.5 Verdana, Arial, sans-serif;
}
img {
	border : 0;
}
a:link {
	color: #1888C2;
	text-decoration : underline;
}
a:visited {
	color: #1888C2;
	text-decoration : underline;
}
a:hover {
	text-decoration : none;
	color : #01888C2;
}
a:active {
	color: #1888C2;
	text-decoration : none;
}
#wrapper {
	margin : 0;
	padding : 0;
	text-align : center;
	background: transparent url('images/alatausta.jpg') repeat-x top left;
}

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

/* HEADER */
#header-cell {
	width : 710px;
	height : 200px;
	background : #466DA6 url('images/ylapalkki.jpg') no-repeat top left;
}
#header-cell img {
	border : 0;
	margin : 0;
	padding : 0;
}

/* BREADCRUMBTRAIL */
#breadcrumbtrail-cell {
	font : 10px/1.5 Verdana, Arial, sans-serif;
	width : 710px;
	height : 34px;
	background : #112F69 url('images/yla2.jpg') no-repeat top left;
}
#breadcrumbtrail-cell p {
	padding : 2px 0 0 40px;
	font-weight: bold;
	color : #fff;
	margin : 0;
}
#breadcrumbtrail-cell a:link {
	text-decoration : none;
	font-weight : bold;
	color: #fff;
}
#breadcrumbtrail-cell a:visited {
	text-decoration : none;
	font-weight : bold;
	color: #fff;
}
#breadcrumbtrail-cell a:hover {
	text-decoration : underline;
	font-weight : bold;
	color : #fff;
}
#breadcrumbtrail-cell a:active {
	text-decoration : none;
	font-weight : bold;
	color: #fff;
}
/* MENU (TABLE AND IMAGES) */
#menu-cell {
	width : 190px;
	background : #334C7E url('images/linkyla.jpg') repeat-y top left;	
}

/* MENU (UNORDERED LIST AND CSS LAYOUT) */
#menu-box {
	width : 190px;
	margin-top : 27px;
	margin-bottom : 27px;
	font: 10px/1.5 Verdana, Arial, 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 : 190px;
	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 : 6px;
	height : 21px;
	text-decoration : none;
	font-weight: normal;
	white-space : nowrap;
	border-bottom : 0px solid #CCCDE5 ;
}
#menulist li.main a {
	color : #385182;
	padding-left : 38px;
	background : transparent url('images/mainlink.jpg') no-repeat top left;
	font-weight: bold;
}
#menulist li.sub1 a {
	color : #385182;
	padding-left : 46px;
	font-weight: normal;
	background : transparent url('images/mainlinkb.jpg') no-repeat top left;
}
#menulist li.sub1 a:hover {
	text-decoration : underline;
	color : #1888C2;
	font-weight: normal;
	background : transparent url('images/bhover.jpg') no-repeat top left;
}
#menulist li.sub1 a:active {
	text-decoration : underline;
	color : #385182;
	font-weight: bold;
	background : transparent url('images/bactive.jpg') no-repeat top left;
}
#menulist li.sub1 a.active{
	text-decoration : underline;
	color : #385182;
	font-weight: bold;
	background : transparent url('images/bactive.jpg') no-repeat top left;
}


#menulist li.sub2 a {
	color : #385182;
	padding-left : 52px;
	font-weight: normal;
	background : transparent url('images/mainlinkc.jpg') no-repeat top left;
}
#menulist li.sub2 a:hover {
	text-decoration : underline;
	font-weight: normal;
	color : #1888C2;
	background : transparent url('images/chover.jpg') no-repeat top left;
}
#menulist li.sub2 a:active {
	text-decoration : underline;
	color : #385182;
	font-weight: bold;
	background : transparent url('images/cactive.jpg') no-repeat top left;
}
#menulist li.sub2 a.active{
	text-decoration : underline;
	color : #385182;
	font-weight: bold;
	background : transparent url('images/cactive.jpg') no-repeat top left;
}


#menulist li a:hover {
	text-decoration : underline;
	color : #1888C2;
	font-weight: bold;
	background : transparent url('images/hover.jpg') no-repeat top left;
}
#menulist li a:active {
	text-decoration : underline;
	color : #385182;
	font-weight: bold;
	background : transparent url('images/active.jpg') no-repeat top left;
}
#menulist li a.active{
	text-decoration : underline;
	color : #385182;
	font-weight: bold;
	background : transparent url('images/active.jpg') no-repeat top left;
}
.showIt {
	display: block;
}
.hideIt {
	display: none;
}
.showThis {
	display: block;
}
.hideThis {
	display: none;
}

/* CONTENTS */
#content-cell {
	margin: 0;
	padding: 1.5em 15px 1em 0;
	width : 520px;
	background : #fff url('images/tekstitausta.jpg') repeat-y top left;
}
#title-box {
	margin : 0;
	padding : 0;
}
#title-box img {
	display : none;
	overflow : hidden;
	margin : 0;
	padding : 0;
}
#title-box h3 {
	font-size : 15px;
	font-family : Verdana, sans-serif;
	font-weight : bold;
	color : #08255E;
	margin : 0 30px 1em 30px;
	padding : 0 0 0 0;
	border-bottom: 1px dotted #000;
}
#content-box {
	margin : 0;
	padding : 0 30px 0 30px;
	height : 100%;
	background : transparent;
}
#content-box p {
	margin : 0 0 1em;
	padding : 0;
}
#content-box h3 {
	font-size : 15px;
	font-family : Verdana, sans-serif;
	font-weight : bold;
	color : #08255E;
	margin : 0 30px 1em 30px;
	padding : 0 0 0 0;
	border-bottom: 1px dotted #000;
}
#content-box h4,
#content-box h5,
#content-box h6{
	font-family : Verdana, sans-serif
	font-weight : normal;
	color : #08255E;
	margin: 0;
	padding: 0 0 0.8em;
}
#content-box h4{
	font-size: 15px;
}
#content-box h5{
	font-size: 13px;
}
#content-box h6{
	font-size: 11px;
	font-weight: bold;
}

#content-box ol li,
#content-box ul li {
	margin-bottom : 0.5em;
}
#content-box table {
    Width: 95%;
    margin: 0 0 1em;
    padding: 0;
}
#content-box th {
    margin : 0;
    padding : 2px 1em;
    background-color : #E5DBBB;
}
#content-box td {
    margin : 0;
    padding : 2px 1em;
}

/* FOOTER */
#footer-corner-cell {
	width : 190px;
	height : 60px;
	background : #112F69 url('images/alakulma.jpg') no-repeat top left;
	font-family : Arial, Helvetica, sans-serif;
	text-align : center;
}
#footer-corner-cell img {
	margin : 0;
	padding : 0;
}
#footer-corner-cell a,
#footer-corner-cell p {
	color: #fff;
	font : 9px/10px Arial, sans-serif;
	margin: 0;
	padding: 0 25px 6px 30px;
}
#footer-cell {
	width : 520px;
	height : 60px;
	text-align : center;
	padding: 0 15px 2px 15px;
	background : #112F69 url('images/ala.jpg') no-repeat top left;
}
#footer-cell p {
	padding: 0;
	margin: 0;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : bold;
	color: #fff;
}
#footer-cell a:link {
	color: #A4DEFC;
	text-decoration : none;
}
#footer-cell a:visited {
	color: #A4DEFC;
	text-decoration : none;
}
#footer-cell a:hover {
	color : #A4DEFC;
	text-decoration : underline;
}
#footer-cell a:active {
	color: #A4DEFC;
	text-decoration : underline;
}