/* heksa tyylittelyt */
#paragraph
	{
	position:relative; 
	left:+20px;
	top:+10px;
	float:left; 
	width:80%;
	font-size:18px; 
	text-align:justify;
	padding-bottom:25px;
	padding-right:2em;
	background-color:#ffffff;
	}

#paragraph-non-justified
	{ 
	position:relative; 
	left:+20px;
	top:10px;
	float:left; 
	width:80%;
	font-size:18px; 
	text-align:left;
	padding-bottom:15px;
	}
	
	
#subtitle
	{
	position:relative;
	float:left;
	left:+20px;
	width:80%;
	font-size:28px;
	line-height:140%;
	font-weight:bold;
	text-align:left;
	padding-top:0px;
	padding-left:65px;
	padding-bottom:15px;
	
	/* height:70px; */
	background-image: url(kappalejakaja_sapeli_ylos.png);
	background-repeat: no-repeat;
	}
	
#alaotsikko
	{
	position:relative; 
	left:+30px;
	top:10px;
	float:left; 
	width:80%;
	font-size:23px;
	font-weight:bold;
	text-align:left;
	padding-bottom:25px;
	background-color:#ffffff;
	padding-right:2em;
	}
	
#alaotsikko2
	{
	position:relative; 
	left:+30px;
	top:10px;
	float:left; 
	width:80%;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	padding-bottom:25px;
	background-color:#ffffff;
	padding-right:2em;
	}
	
#apinalaatikko
	{
	position:relative; 
	left:+30px;
	top:10px;
	float:left; 
	width:80%;
	font-size:16px;
	text-align:left;
	padding-bottom:25px;
	padding-top:10px;
	padding-left:10px;
	background-color:#99b0b0;
	border-width: 1px;
	border-color: #000000;
	padding-right:2em;
	}
	
#pagetitle
	{
	position:absolute; 
	left:0px;
	top:0px;
	height:160px;
	width:100%;
	padding-top:0px;
	float:left; 
	font-size:36px;
	color:#000000;
	text-align:center;
	background-image: url(yla_heksa.png);
	}
	
#societytitle
	{
	position:absolute; 
	left:0px;
	top:44px;
	height:44px;
	width:100%;
	min-width:860px;
	padding-top:4px;
	padding-right:4px;
	padding-left:4px;
	float:left; 
	font-size:36px;
	font-weight:bold;
	color:#ffb006;
	text-align:center;
	text-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black;
	/* background-image: url(hiano_logo.png);
	background-repeat: no-repeat; */
	}
	
#logo
	{
	position:absolute; 
	top:0px;
	left:0px;
	float:right; 
	width:808px; 
	height:272px;
	background-image: url(Logo_heksa.png);
	background-repeat: no-repeat;
	}
	

#logo_loppu
	{
	position:absolute; 
	top:0px;
	left:1024px;
	float:right; 
	width:200px; 
	height:206px;
	background-image: url(reuna_yla_loppu.png);
	background-repeat: no-repeat;
	}
	
#menutus
	{
	position:absolute; 
	top:272px;
	left:0px;
	float:right; 
	width:256px;
	height:544px; /* Lisää aina 16 pikseliä niin kartta ei prakaa */
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	background-image: url(menu_heksa.png);
	font-size:22px;
	font-weight:bold;
	color:#090909;
	text-shadow: 0 0 1px #aaaaaa, 0 0 1px #aaaaaa, 0 0 1px #aaaaaa, 0 0 1px #aaaaaa, 0 0 1px #aaaaaa;
	}
	
#kalenteri
	{
	position:absolute; 
	top:160px;
	right:0px;
	float:right; 
	width:256px;
	height:512px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	/* background-image: url(menu_heksa.png); */
	font-size:22px;
	font-style:bold;
	color:#090909;
	}

#menutus a
	{
	color:#000000;
	font-size:20px;
	text-decoration:none;
	text-shadow: 0 0 1px #aaaaaa, 0 0 1px #aaaaaa, 0 0 1px #aaaaaa, 0 0 1px #aaaaaa, 0 0 1px #aaaaaa;
	}
	
#menutus a:visited
	{
	color:#0f0f0f;
	font-size:20px;
	text-decoration:none;
	text-shadow: 0 0 1px #bbbbff, 0 0 1px #bbbbff, 0 0 1px #bbbbff, 0 0 1px #bbbbff, 0 0 1px #bbbbff;
	}

#menutus a:hover
	{
	color:#000000;
	font-size:20px;
	text-decoration:underline;
	text-shadow: 0 0 2px #ffb006, 0 0 2px #ffb006, 0 0 2px #ffb006, 0 0 2px #ffb006, 0 0 2px #ffb006;
	}
	
	
	
#menuloppu
	{
	position:absolute; 
	top:816px; /* Lisää aina 16 pikseliä niin kartta ei prakaa */
	left:0px;
	float:right; 
	width:256px;
	height:256px;
	background-image: url(reuna_loppu_heksa.png);
	background-repeat: no-repeat;
	}	

#stuff
	{
	margin-right:262px;
	position:absolute; 
	top:186px;
	left:206px;
	float:right; 
	width:60% 
	}


table
	{
	font-size:14px;
	color:#000000;
	border-width: 3px;
	border-color: #000000;
	border-collapse: collapse;
	background-color: #101010;
	}

	
th 
	{
	font-size:16px;
	color:#ffffff;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #404040;
	background-color: #000000;
	}
td 
	{
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #f0f0f0;
	text-align:centre;
	}