/* CSS Document *//* =Structure
--------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd
{
	margin:0;
	padding:0;
	border:0;
	
}
/* ul,ol,li are treated on an individual basis */
p {margin: 10px 0px 10px 0px;}
img {
border: none;
}
td {font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	background-color:#1d5335;
}
#container {
	text-align: left;
	background: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	width: 730px;
}

#header {
	height: 24px;
	border: 1px solid #660000;
	width: 730px;
	color: black;
	font-weight: bold;
	margin-bottom: 10px;
	position:relative;
/*background-image: url(/images/layout/www/header.gif) repeat-x;*/

}
#header img {
	vertical-align: middle;
	float:left;
	/* width: 201px;
	display:block; */
}
.identity {
	position:absolute;
	top:0px;
	left: 135px;
	line-height:24px;
}

#header a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	
}
#header a:hover {
	color:#35393A;
}
#content {
	padding-bottom:10px;
}
#footer {
	float: left;
	clear: both;
	width: 720px;
	line-height: 25px;
	padding-left: 10px;
}
#footer ul#navBottom{
	margin:0;
}
/* =Columns
--------------------------------------------------------------------*/
#col_l {
	width:175px;
	float:left;
	margin: 0px;
}

#col_m {
	width:345px;
	float:left;
	margin-left: 10px;
}
*> #col_m {
	width:360px;

}
#col_r {
	width:175px;
	float:right;
	
}

#col_2{
	width:534px;
	float:left;
	margin-left:10px;
}



/* =Content related
--------------------------------------------------------------------*/
.ad {margin:10px 0px 0px 0px;}
.news {
	
	padding: 0px;
	list-style: none;
	margin: 0 5px;
}
.news li {
	margin: 0;
	padding: 7px 0px;
	list-style: none;
}
.newsDate {color:#990000;}
.news a {
	text-decoration: none;
}
.news a:hover {
	text-decoration: underline;
}

.sukupuut {
	float: left;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	width: 532px;
}
.sukuotsikko {
	width: 173px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	float: left;
	margin: 1px;
}
.sukupolvi {
	width: 177px;
	float: left;
}
.sukupolvi p {
	margin: 0;
	padding: 0;
}

.sukupuut table {
	width: 100%;
	height: 336px;
	text-align: center;
}
.sukupuut td {
	border: 1px solid #000000;
	padding-left: 10px;
	text-align: left;
}
.sukutuotanto {
	padding: 3px 0;
	font-size: 10px;
	border: 0px solid #000000;
	width: 175px;
	text-align: left;
	float: left;
	margin: 0 1px;
}

/* =Boxes
--------------------------------------------------------------------*/
.sponsors {
	margin: 0px;
	text-align:left;
	padding:2px;
	border: solid 1px #eaeaea;
	display: block;
	
}
.greyBox {
background:#AABBCC;
padding:0px 5px 5px 5px;
}
.greyBox h2 {
color:#54708B;
margin-bottom:10px;
}
.greyBox h2 a:link,.greyBox h2 a:visited,.greyBox h2 a:hover{
color:#54708B;
margin-bottom:10px;
text-decoration:none;
}
.greyBox h2 a:hover {
color:#990000;
}
.boxDefault {
	/*background:#F8F6EB;*/
	border: 1px solid #E9E2C0;
	margin-bottom:10px;
}
.boxDefault h2 {
	background:black;
	border-bottom:1px solid #E9E2C0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	font-size: 11px;
	letter-spacing: normal;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin:0px;
}
.boxDefault h2 a:link, .boxDefault h2 a:visited, .boxDefault h2 a:active {
	text-decoration: none;
}
.boxDefault h2 a:hover {
	text-decoration: none;
	color: #86e072;
}
.boxDefault p {
	margin:10px;
}
.boxText {
	width:165px;
	float:left;
	margin-left:5px;
}
.boxImage {
	width:165px;
	float:left;
	margin-left:5px;
}
.divider { 
	padding:5px 0px 5px 0px;
display:block;
clear:both;
}

/* =Calendar
--------------------------------------------------------------------*/

.greyBox table {
width:165px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #A7CADC;
	border-left-color: #A7CADC;
	background-color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial;
}
.greyBox td, table.yearCalendar td table td {
	border-top-style: none;
	border-left-style: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #A7CADC;
	border-bottom-color: #A7CADC;
	font-size: 11px;
	color: #016399;
	text-align: center;
	padding:2px;
}
.dateSelected {
background-color: #CCE0EB;
}
.greyBox td a {
	color: #016399;
	text-decoration: none;
}
.greyBox table caption{
	background-image: url(/images/layout/www/heding_y.gif);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #A7CADC;
	border-right-color: #A7CADC;
	border-left-color: #A7CADC;
	margin:0px;
}
/* =Cal legend
------------------------------------------------------*/
.legend ul
{
  width: 390px;  /* room for 3 columns */
padding:0px;
margin:0px;
}
.legend ul li
{
  float: left;
  width: 120px; 
  list-style:none; 
  padding: 3px 0px 3px 5px;
  text-align:left;
  /* accommodate the widest item */
}
/* stop the floating after the list */
.legend br
{
  clear: left;
}
/* separate the list from what follows it */
div.legend
{
width:auto;
float:right;
margin-right:5px;
background:#EAEAEA;
padding:5px;
border: solid 1px #8FA9BF;
  
 text-align:left;
}
*> div.legend {margin-right:10px;}
div.calSelect {
	width: auto;
	float:left;
margin-right:10px;
}
.calSelect select {float: left; margin: 0px 0px 10px 10px;}
div.calColRed,div.calColOrange,div.calColLila,div.calColGreen {
	width:11px;
	height:11px;
	border: solid 1px #8FA9BF;
	float:left;
	font-size:1px;
	margin-right: 5px;
}
div.calColRed {	
	background: #990000;	
}
div.calColOrange {
	background: #FF3300;	
}
div.calColLila {
	background: #CC0066;	
}
div.calColGreen {
	background: #339900;	
}
/* =Cal table
------------------------------------------------------*/
.greyCalPage {
	background:#AABBCC;
	text-align:center;
padding:2px 0px 10px 0px;
}
table.yearCalendar, table.yearCalendar td {
	vertical-align:top;
}
table.yearCalendar {
	margin: 0px auto 0px auto;
}
*> table.yearCalendar {
	

}
table.yearCalendar td {
	padding:5px;
	text-align:center;

}
*> table.yearCalendar td {
	text-align:center;
}
table.yearCalendar td table{
	/*width:168px;*/
	width:auto;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;
}
table.yearCalendar td table td {
	width:16px;
	height:16px;
}
table.yearCalendar td table caption {
	background-image: url(/images/layout/www/heading_x.gif);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-bottom: 2px;	
	margin:0px;
}
#yearsNavi {
	background:#BBCEE1;
	padding:5px;
	font-weight: bold;
	border:none;
	margin: 10px;
}
a.yearMore, a.yearBefore ,a.yearCurrent {
	text-decoration: none;
}
a.yearCurrent:link,a.yearCurrent:visited {
color: #990000;

}
/* =Calendar links
--------------------------------------------------------------------*/
a.redLink:link, a.redLink:visited, a.redLink:hover{
	color: #990000;
	text-decoration: none;
	font-weight:bold;
}
a.redLink:hover{
	color: #660000;
}
a.orangeLink:link, a.orangeLink:visited, a.orangeLink:hover{
	color: #FF3300;
	text-decoration: none;
	font-weight:bold;
}
a.orangeLink:hover{color: #FF3300;}

a.lilaLink:link, a.lilaLink:visited, a.lilaLink:hover{
	color: #CC0066;
	text-decoration: none;
	font-weight:bold;
}
a.lilaLink:hover{color: #CC0066;}

a.greenLink:link, a.greenLink:visited, a.greenLink:hover{
	color: #339900;
	text-decoration: none;
	font-weight:bold;
}
a.greenLink:hover{color: #339900;}


/* =Navigation
--------------------------------------------------------------------*/
/* =Top navigation
--------------------------------------------------------------------*/
#topNav {
	width: 500px;
	height: 24px;
	text-align: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position:absolute;
	right:10px;
	top:0px;
}
#topNav li {
	height: 24px;
	padding:0px;
	margin:0px 2px 0px 0px;
	display:inline;
	list-style:none;
	line-height: 24px; 
}
#topNav li a:link, #nav li a:visited, #nav li a:active {
	text-decoration: none;
	font-weight: bold;	
}

/* =Main Navigation
--------------------------------------------------------------------*/
#nav {
	
	height: 24px;
	width: 730px;
	list-style: none;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}
#nav li {
	line-height: 24px; 
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
	
}

#nav li a:link, #nav li a:visited, #nav li a:active {
	padding-left:3px;
	padding-right:3px;
	font-size:10px;
	float:left;
	text-decoration: none;
	font-weight: bold;
	color:#ffffff;
}
#nav li a:hover{
	color:#86e072;
}
/* =Right navigation
--------------------------------------------------------------------*/

/* =Left Navigation
--------------------------------------------------------------------*/
/* =Left Navigation
--------------------------------------------------------------------*/
#navLeft {
	margin: 0px 10px 10px 0px;
	padding:0px;
	list-style:none;
	width: 175px;
	vertical-align: middle;
	
}

*> #navLeft {
	
}
#navLeft li {
	
	margin: 0px 0px 1px 0px;
	text-align:right;
	
}
#navLeft li a:link, #navLeft li a:visited, #navLeft li a:active {
	display:block;
	padding:10px 20px 10px 0px;
	color:#234230;
	text-decoration: none;
	font-weight: bold;
	background-image:  url(/milstone/images/layout/menu_b.gif);
	background-repeat: no-repeat;
	background-position: top right;	
}
#navLeft li a:hover,#navLeft li a:active  {
	background: #234230;
	color:white;
	background-image:  url(/milstone/images/layout/menu_b_over.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#navLeft li.navLeftSelect a:link, #navLeft li.navLeftSelect a:visited  {
	background-image:  url(/images/layout/www/menu_b_over.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#navLeft li.navLeftSelect a:hover {
	background-image:  url(/images/layout/www/menu_b.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#languages {
height:30px;
}
#languages a{
	color:#00367B;
	line-height:30px;
	vertical-align: middle;
	margin-left: 10px;
	text-decoration: none;
}
#languages a:hover {
color:#993333;
}
/* =Nav bottom
--------------------------------------------------------------------*/
#navBottom {
	height: 24px;
	width: 730px;
	list-style: none;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
#navBottom li {
	line-height: 24px; 
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
	color:#FFFFFF;
}

#navBottom li a:link, #navBottom li a:visited, #navBottom li a:active {
	padding-left:4px;
	padding-right:4px;
	float:left;
	text-decoration: none;
	font-weight: bold;
}

#navBottom li.navBottomSelect a:link, #navBottom li.navBottomSelect a:visited, #navBottom li.navBottomSelect a:hover, #navBottom li.navBottomSelect a:active {
	color: #990000;
}

/* =Links
--------------------------------------------------------------------*/
a:link, a:visited, a:hover {color: #333333;}
a:visited {color: #000000;}
/* =Misc.
--------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.left {
	float:left;
	margin-left:-3px;
	display: block;
	padding:0px;
}
*> .left {
	float:left;
	margin-left:0px;
	display: block;
	padding:0px;
}
hr {
  border:0;
  border-top: 1px solid #Eaeaea;
  height: 0;
  background: #Eaeaea;
  clear:both;
}

/* =Lists
------------------------------------------------------------------------------------------*/
ul.linkList {
	padding:0px;
	margin:0px;
	list-style:none;
}
ul.linkList li {
	margin:5px 0 5px 0px;
	padding: 0px;
	list-style:none;
}
ul.linkList li a {
	background-image:  url(/images/layout/www/bullet_square.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 5px 0px 5px 12px;
}
div.newsWrapper{
	padding:0px 5px;
	padding-bottom:10px;

}
div.newsWrapperFirst{
	padding:0px 0px;
	padding-bottom:10px;
	padding-top:5px;

}
div.newsWrapper div.title,
div.newsWrapperFirst div.title{
	margin-bottom:1px;
	font-weight:bold;
}
div.newsWrapper div.title a,
div.newsWrapperFirst div.title a{
	text-decoration:none;
}
div.newsWrapper div.title a:hover,
div.newsWrapperFirst div.title a:hover{
	text-decoration:underline;
}
div.readmore{
	/*float:right;*/
	display:block;
	text-align:right;
}
div.clear{
	clear:both;
}
div#middle{
	border:none;
}