/* basic elements */
body { 
	font-family: Trebuchet MS, Verdana; 
	font-size: 0.9em; 
	color: #392908; 
	background: #000 url(atsteekit.jpg) no-repeat bottom center; 
	margin: 0px; 
	}
p { 
	text-align: justify;
	}

h1 { 
	font-size: 1.5em ; 
	font-weight: bold;
	letter-spacing: 1px; 
	}

h3 { 
	font-size: 1.2em ;
	font-style: italic;  
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	margin-top: 0px;
	}

h4 { 
	font-size: 1.1em ;
	font-weight: bold; 
	margin-bottom: 0px; 
	margin-top: 0px;	
	}

a:link { 
	text-decoration: underline; 
	color: #a31900;
	}
a:visited { 
	color: #60002d;
	}
a:hover, a:active { 
	color: #FD1A1C;
	}

/* specific divs */
#center {
	text-align: center;
	}
#center a {
	color: #a31900;
	text-decoration: underline;
	font-weight: bold;
	}
#center a:hover {
	color: #FD1A1C;
	}

#container { 
	background: url(tausta.jpg) no-repeat top left;  
	padding: 322px 0px 0px 165px; 
	}
#container2 { 
	clear: left;
	padding: 0;  
	margin: 0;
	background: url(viiva.gif) repeat-x ;
	}
#contain { 
	padding: 0px 150px 50px 170px; 
	margin: 0;
	}
#raami  {
	border: 6px solid #C69C5A;
	margin-top: 30px;
	margin-bottom: 40px;	
	}

#supportingText {
	color: #392908; 
	background: #C6B594;
	padding: 10px 20px 20px 20px;
	border: 1px solid #A89778; 
	height: 1%;
	}

#menu {
	font-family: Verdana;
	list-style:none;
	margin:0 0 0 0;
	padding: 10px 0 10px 0 ;
	float: left;
	width:100%;
	text-transform: uppercase;
	}

#menu li {
	float:left;
	margin:0;
	padding:0;
	}
#menu li a {
	font-weight: bold;
	text-decoration: none;
	display:block;
	color: #DFAB30;
	padding:5px 20px 3px 20px;
	}
#menu a:hover {
	text-decoration: underline;
	color: #000;
	background: #DFAB30;
	border-bottom: 3px solid #DFAB30;		
	}
#menu li a#active {
	color: #F0D4AF;
	border-bottom: 3px solid #C69C5A; 	
	}

#innermenu {
	font-size: 0.8em;
	list-style:none;
	margin:0 0 0 0;
	padding: 0 0 10px 0 ;
	width:100%;
	float:left;
	}
#innermenu li {
	float:left;
	margin:0;
	padding:0;
	}
#innermenu li a {
	font-weight: normal;
	text-decoration: underline; 
	color: #392908;
	padding:0px 10px 0px 10px;
	border-right: 1px solid #392908;
	}
#innermenu a:hover {
	color: #FFF;		
	}
#photo {
	clear: both;
	background: #D6C694;
	padding: 5px 10px 5px 10px;
	margin-bottom: 20px;
	min-height: 150px;
	height: 150px;
	}

#photo img {
	float: right;
	border: 0;
	}
#photo p {
	padding: 0 235px 0 0;
	text-align: left;
	}
#photo a {
	font-weight: bold;
	text-decoration: none;
	color: #a31900;
	border: 0 0 0 0;
	}
#photo a:hover {
	text-decoration: underline;
	color: #FD1A1C;
	}
#photovaaka {
	clear: both;
	background: #D6C694;
	padding: 5px 84px 5px 10px;
	margin-bottom: 20px;
	height: 230px;
	}

#photovaaka img {
	float: right;
	border: 0;
	}
#photovaaka p {
	padding: 0 235px 0 0;
	text-align: left;
	}
#photovaaka a {
	font-weight: bold;
	text-decoration: none;
	color: #a31900;
	border: 0 0 0 0;
	}
#photovaaka a:hover {
	text-decoration: underline;
	color: #FD1A1C;
	}

#band  {
	clear: both;
	min-height: 155px;
	}

#band img {
	float:left; 
	padding: 5px 40px 10px 0;
	}

#band a {
	color: #a31900;
	text-decoration: underline;
	font-weight: normal;
	font-size: 1.1em;
	border: 0 0 0 0;
	}
#band a:visited {
	color: #450517;
	}
#band a:hover, a:active {
	color: #FD1A1C;
	}

#pohja  {
	background: #D6C694;
	}
div.row {
	width: 100%;
	  clear: both;
	background: #C6B594;
	padding: 4px;
	  }

div.row span.label {
	font-weight: bold;
	  float: left;
	  width: 35%;
	  text-align: left;
	margin: 5px 0 5px 10px;
	  }

div.row span.answer {
	  float: right;
	  width: 55%;
	  text-align: left;
	font-size: 1.1em;
	margin: 3px 10px 3px 0;
	  } 
table.lineups {
	width: 100%; 
	background: #D6C694;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	}	


td.otsikko {
	background: #C69C5A;
	border: 1px solid #A89778; 
	font-size: 1.4em;
	padding: 2px 0 2px 10px;
	}	
td.t1{
	vertical-align: top;
	padding: 4px 0 6px 10px;
	font-weight: bold;
	width: 40%;
	}

td.t2{
	padding: 2px 0 2px 10px;
	vertical-align: top;
	}

td.empty {
	padding: 0 0 0 0;
	vertical-align: top;
	background: #C6B594; 
	}