/* CSS Document */

* {
   padding: 0;
   margin: 0;
   margin-left: 0;
   padding-left: 0;
}

body {
   background: url(../images/back1.gif) repeat 100%;
   color: #000; 
   text-align: center; 
   min-width: 680px; 
   font-family: lucida, arial, helvetica, sans-serif;
}

p {
   margin-bottom: 10px;
   line-height: 19px;
   font-size: 80%;
}

a, a:link, a:visited {
   color: #014E94;
   text-decoration: none;
   font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

a:active, a:focus {
   text-decoration: none;
   color: #014E94;
}  

span a {
   font-weight: bold;
   text-decoration: none;
}

#container {
   position: relative; 
   margin: 0 auto;
   width: 700px;
   text-align: left;
   background: #B0BFD2;
   padding: 20px;
   border: solid #8599B1 10px;
}

/* intro */

#pageHeader {
   background: #647D9B url(../images/pilvi.jpg) center top no-repeat;
   height: 150px;
   color: #3333ff
}

#pageHeader h1 {
	position: absolute;
	width: 294px;
	left: 47px;
	top: 68px;
}

#pageHeader h2 {
	position: absolute;
	width: 294px;
	left: 47px;
	top: 112px;
	font-size: 80%;
}

#quickSummary {
	float: right;
	width: 190px;
	font-size: 80%;
	padding: 10px;
}

#about {
   float: left;
   width: 450px;
   margin-bottom: 30px;
   padding: 20px;
   background-color: #FFFFFF;
   color: #7F92B2;
}

#about p {
   background: #EFF7FB;
}

#about h3 {
   color: #000;
   margin-bottom: 10px;
}
/* generic text */

#supportingText {
   clear: both;
}

#supportingText p {
   padding: 10px;
   background: #BECAD9;
}

#supportingText h3 {
   margin-bottom: 10px;
   height: 25px;
   width: auto;
   background-color: #D5E2E8;
   color: #8097A7;
   border: solid #FFF 5px;
   text-align: center;
}

#supportingText .p1 {
   color: #000000;
}

#footer {
   clear: both;
   text-align: center; 
   font-size: 70%;
   margin-top: 20px;
   border-top: solid #647D9B 1px;
   padding-top: 20px;
   color: #FFF;
}

/* links */

#lmenu {
   clear: both; 
   height: 30px;
   padding-top: 7px;
   margin-bottom: 15px;
   margin-top: 20px;
}

#lmenu li a:hover {
   color: #fff;
   background: #647D9B;
   border: solid #FFF 3px;
}

#lmenu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
}

#lmenu ul li {
   display: inline;
}

#lmenu li a { 
   text-decoration: none; 
   padding: .2em .6em;
   color: #fff;
   background: #5F94B4;
   border: solid #FFF 3px;
}