/* CSS-tyylitiedosto www-sivuille */
/* Kati Pukki 2009, copyright Dancing Foxes ry */

/*body {
	margin: 0; 
	padding: 0; 
	background: #EF6B00;
}*/

body {
	margin: 0;
	padding: 0; 
	background: #EF6B00 url(images/tassut3.gif) left repeat-y;
/*    background: #EF6B00 url(kuvat/valmiit/tassutesti.gif) left no-repeat; */
}

* {margin: 0; padding: 0; border: 0; font-family:  Arial, Helvetica, sans-serif}


/*----------------------------------------------Basic styles------------------------------------------------*/

h1, h2, h3 {
	font-family: Times, Times, serif; 
	margin: 15px 0 0 5px; 
	color: #990000; 
	font-weight: normal; 
	text-decoration: none
}

h1 em, h2 em, h3 em { /* italic words in titles */
	font-family: Times, Times, serif; 
	font-weight: normal
}  

h4 {    /*Uutisia varten etusivulle, väri määritelty punaiseksi*/
   	font-family: Times, Times, serif; 
	margin: 15px 0 0 5px; 
	color: #FF1F1F; 
	font-weight: normal; 
	text-decoration:none;
	font-style:italic;
} 
note {    /*Etusivulle tekstiin korostus, väri määritelty punaiseksi*/
	margin: 10px 10px 0 7px; 
	/*font-size: 0.70em; 
	line-height: 1.60em; 
	letter-spacing: 0.05em;*/
	font-family:Verdana, Geneva, sans-serif;
	color: #FF1F1F; 
	font-style:italic;
	font-weight:bold; 
} 

h1 {
	position: absolute; 
	right: 0px; 
	top: 30px; 
	font-size: 2.25em; 
	letter-spacing: 0.1em; 
	line-height: 1.00em; 
	padding-right: 10px; 
	border-right: 15px solid #fff
}

/*h1:first-letter { /* styles the first letter of the main title to make it large 
	font-family: Georgia, Georgia, serif; 
	font-size: 2.25em
} 
*/
/*p#tagline {/* sits under main title 
	position: absolute; 
	right: 0px; 
	top: 125px; 
	font-style: italic; 
	color: #648D20; 
	font-size: 0.90em
}  */

h2 {
	font-size: 1.30em; 
	letter-spacing: 0.05em
}

p, ul, ol, pre {
	margin: 10px 10px 0 7px; 
	font-size: 0.70em; 
	line-height: 1.60em; 
	color: #000; 
	letter-spacing: 0.05em;
	font-family:Verdana, Geneva, sans-serif;
}

code {
	font-family: monospace; 
	font-size: 1.20em; 
	color: #E20000
}

p span { /* shouting words */
	font-size: 1.50em; 
	font-weight: bold
} 

a:link, a:visited {
	color: #792533; 
	font-weight: bold; 
	text-decoration: none; 
	border-bottom: 1px solid #792533
}

a:hover, a:active {
	color: #EF6B00; 
	border-color: #fff}

ul {list-style: inside square} /* general lists */

table, td {
    font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	padding: 2px;
	text-align: center;
}

th {
    font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #990000;
	font-size: 12px;
	padding: 2px;
}  

caption {
    font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #990000;
	font-size: 12px;
	padding: 2px;
}  
/*-----------------------------------------------Layout DIVS------------------------------------------------*/


#container {  /* keeps everything together */
   position: relative; 
   margin: 0 auto; 
   width: 800px; 
   /*background: url(images/bkgrnd.gif) 0 0 repeat-y #CCCC33;  /* Important image, do not remove  - taustan väri, kaksiosainen*/
/*   background: #FFF; */
   background: url(images/ketut_backg.png) 0 0 no-repeat #FFFFFF;  /* Image of Foxes */
   overflow: hidden
}

#hdr {  /* div containing h1, nav and grapes image */
   float: left; 
   width: 800px; 
   height: 150px; 
/*   background: url(images/header_vasen.png) 0 0 no-repeat #FFFFFF  /* Image of Foxes */
}

#lftcol {   /* left column */
   float: left;
   width: 225px;    
   background: transparent;  
/*   background: url(images/pari1_pieni.gif) center no-repeat #FFFFFF;*/
   overflow: hidden;
   padding: 3px;
 }

#navibaari {   /* navibaari*/
   float:left; 
   width: 800px;
   height: 50px;
   background: transparent;
}

#rgtcol {  /* right column */
	float: right; 
	width: 555px; 
	padding-bottom: 30px; 
	background: transparent; 
/*    background: #FFE1A1; */
	overflow: hidden; 
}  

#bttmbar {
	float: left; 
	text-align: center; 
	font-size: 0.70em; 
	height: 4em; 
	line-height: 4em; 
	width: 800px; 
	background: #FFF; 
	
	border-top: 1px solid #EF6B00;
}


/*---------------------------------------------Vasen Navigointi-----------------------------------------------*/

ul#nav {   /* navigation list */
/*	margin: 53px 0 20px 0; /* the 53px is where the nav begins (margin top) */
    float:left;
	padding: 0;
	list-style: none inside;
	margin: 7px 0 10px 5px;
}
	
ul#nav li {
	float: left;	
	display: block
}

ul#nav li a {
	width: 150px;
	margin: 3px 0 0 0;  /* a little top margin */
	border: 0;
/*	border-left: 10px solid #CCCC33;*/
	padding: 3px; 
	font-family: Times, Times, serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	display: block;
/*	color: #EF6B00; */ 
	background: transparent;
}

/*ul#nav li a#current {border-color: #ff}   /* current page, move id in the xhtml when creating a new page */

ul#nav li a#current { /* current page, move id in the xhtml when creating a new page */
	border-color: #fff;  
	color:#EF0036;   
}
/*ul#nav li a:hover {background: #fff; color: ##EF6B00} */
ul#nav li a:hover {background: transparent; color: ##EF6B00}


/*---------------------------------------------Navigointirivi-----------------------------------------------*/
	

ul#navibar {   /* vaakanavi */
	text-align:center;
	padding: 0; 
	list-style: none; 
}
	
ul#navibar li { 
   list-style-type: none;  
   display: inline; }

ul#navibar li a {
	border: none;
	text-decoration: none;
	font-family: "Brush Script MT";
	font-size: 24px;
	padding: 7px 10px; 
}

ul#navibar li a#current { /* current page, move id in the xhtml when creating a new page */
	border-color: #fff;  
	color:#EF0036;   
}

ul#navibar li a:hover {
	background: #FFFFFF;  
	color: #EF6B00;
}

/*----------------------------------------Lomakkeiden muotoilut-----------------------------------------------*/

label{
float: left;
width: 120px;
font-family: Times, Times, serif;
	font-weight: normal;
	font-size: 14px;
	color: #990000;
/*font-weight: bold;*/
}

input.text{
width: 180px;
margin: 5px;
/*display:block; */
border:1px solid;
border-color:#FFEBD7;
background:#FFF8F0; 
}


.boxes{
width: 1em;
}

.submitbutton{
	color:#990000; 
	font-family: Times, Times, serif;
	font-weight: normal;
	font-size: 14px;
	border:1px solid; 
    border-color: #990000;
	background: #FFE6CC;
	float:left
	/*margin-left: 120px;*/
	margin-top: 15px;
	width: 90px;
}

.submitbutton:hover{
	border-color: #FE6B00; 
	color: #FE6B00;
}