
/* CSS Document */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.6em;
color: #000000;
background: url(images/bg.gif) #CEB673 repeat top center; 
margin: 0px;
}

img { border: 0; }

h1,h2,h3,h4,h5,h6 {color: #000000;}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 155%; /* 25 px */
	font-weight: normal;
	letter-spacing: -1px;
}
h2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 137%; /* 18 px */
	font-weight: normal;
	letter-spacing: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87%; /* 14 px */
	font-weight: bold;
	letter-spacing: 0px;;
}
h4 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87%; /* 14 px */ 
	font-weight: normal;
	letter-spacing: 0px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 77%; /* 12 px */ 
	font-weight: bold;
	letter-spacing: 0px;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-size: 62%; /* 10 px */ 
	font-weight: normal;
	letter-spacing: 0px;
}

a { 
	text-decoration: underline;
	color: #8A5C00;
	font-weight: normal;
	line-height: 22px;
	margin: 15px 0 0 0;
	font-size: 16px;
}

p {
	margin: 15px 0 0 0;
	font-size: 100%; /* 16 px */
}

td.ajankohtaista {
	margin-bottom: 13px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #000000;
	font-weight:normal;
	font-size: 82%; /* 13 px */
}

td.ajankohtaista p {
	margin-bottom: 13px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #000000;
	font-weight:normal;
	font-size: 100%;
}

.ajankohtaista a {
	margin-bottom: 13px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	font-weight:normal;
}

.ajankohtaista a:hover {
	color: #8A5C00;
}

#mainmenu{width:900px; margin-top:5px; height:30px;}
#mainmenu .linkki { display:inline;}
#mainmenu ul { list-style-type: none; margin: 0px; padding: 0px; font-size: 77%; /* 12px */ }
#mainmenu ul li { display:inline; margin: 0px; padding: 0px;}
#mainmenu ul li a{ color: #FFFFFF; padding: 16px 16px 0px 16px; text-decoration: none; font-weight: bold; height:30px; margin-right:0px; font-size: 130%; /* 16px */ font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
#mainmenu ul li a:hover { color:#ffffff; border-bottom:2px solid #FFFFFF;}
#mainmenu ul li a.selected { color:#ffffff; border-bottom:2px solid #FFFFFF;}
#mainmenu ul li a.selected:hover { color:#ffffff; border-bottom:2px solid #FFFFFF;}

<!-->Seurakalenteri

#ajat {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 92%; /* 13px */
  color: #464646;
  font-weight:normal;
  margin: 25px 0px 0px auto;
  border: 2px solid #c0d0e0;
  padding: 1px 10px 5px 10px;
}

td.ajat_otsikot{ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 83%; /* 13px */
  color: #464646;
  font-weight:bold;
}

td.ajat_viiva{ 
  padding-right:5px;
  border-bottom: 1px #416589 dotted;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 83%; /* 13px */
  color: #464646;
  font-weight:normal;
}

td.ajat_viiva_loppu{ 
  border-bottom: 1px #416589 dotted;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 83%; /* 13px */
  color: #464646;
  font-weight:normal;
}

#valikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 113%; /* 20px */
	font-weight: normal;
	color: #ffffff;
	margin-top:10px;
	margin-left:130px; 
	margin-right:30px;
	margin-bottom:40px;
	border-bottom: 0px;
	vertical-align:middle;
}

#valikko ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#valikko ul ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#valikko ul.root {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

#valikko ul.root li  {
	font-weight: normal;
	padding: 10px 15px 10px 15px;
	border-bottom: 1px solid #ffffff;
}
#valikko ul.root li:hover {
	padding: 10px 15px 10px 15px;
	background-color:#666666;
}

#valikko ul.root li.selected {
	background-color:#666666;
}

#valikko ul.root li.selected a {
	color: #ffffff;
	text-decoration:underline;
	border-bottom: 0px;
}
#valikko a:link, #valikko a:visited {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 0px;
}

#valikko a:hover, #valikko a:active {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 0px;
}
