﻿html {
		height: 100%; 
		margin-bottom: 1px;	
		font-size:100%;
}

body {	font-size:100%;
		font: 100% 'Trebuchet MS', 'Lucida Grande',
		  Verdana, Lucida, Geneva, Helvetica, 
		  Arial, sans-serif;
		  background-image:url('bgk.jpg');
		  background-repeat: repeat-x repeat-y;

}

h1 
{
	font-size:1.6em;
	color:#F60000;
	text-align:left;
	margin:0;
	padding-left:0.5em;
}

h1.frontpage {
	font-size: 2.6em;
	text-align:center;
}

h2 
{

	font-weight:bold;
	text-align:left;
		
}

h3 
{
	padding-top:1em;
	text-align:left;

}


p
{
	width:35em;
	text-align:left;
}

p.exercises {
	width:32em;
}

div.background {

	border: 0.2em solid #000D5A;
	width: 60em;
	background-color:white;
	
}

div.header 
{	
	border-bottom: 0.2em #ACBBFF solid;
	padding:0;
	margin:0;
}

div.footer 
{
	vertical-align: bottom;
	font-size: 0.7em;
}

.footer a
{
	color:black;
}

div.logo {
	border-bottom: 0.2em #ACBBFF solid;
	text-align:left;
}

div#menu {
	background-color:#E4FFCC;
}

ul#nav-menu {
	list-style: none;
	margin:0;
	padding:0;
}

ul#nav-menu li {
	display: inline;
	margin: 0 1em;
}

  
ul#nav-menu a{
	text-decoration: none;
  	color: blue;
}
  
ul#nav-menu a#current
{
	border-color: #F60;
	color: #06F;
	}
	
ul#nav-menu a:hover
{
	border-color: red;
	color: black;
}

div.navigation1 
{
	float:right;
	width:10em;
	border-left: 0.2em #ACBBFF solid;
	border-right: 0.2em #ACBBFF solid;
	border-bottom: 0.2em #ACBBFF solid;
	margin:0;
	padding:0;
background-color:#E4FFCC;
}

div.frontpage {
	width:60em;
	margin:0;
	padding:0;
}


div.guides {
	float:left;
	width:  35em;
	margin:0;
	padding-left:5em;

}

div.exercises {
	width:50em;
	margin:0;
	padding:0;

}

.navlist {
	width: 10em;
	padding: 0 0 0 0;
	margin: 2em;
	font-family: arial,sans-serif;
	  font-size:12px;
	  font-weight:bold;
	background-color:#E4FFCC;
		color: black;
	text-decoration:underline;
}

.navlist ul
{
	list-style:none;
	text-align:left;
}

.navlist li 
{	list-style:none;
}

.navlist li a
{
	display: block;
	padding: 0.2em 0.2em 0.2em 0.2em;
	font-weight:normal;
	color:blue;
	width:100%;
	text-decoration:underline;
}

html>body .navlist li a {
		width: auto;
		}

.navlist li a:hover {
		color: black;
		}



.page {

	width: 60em;
	margin-top:0;
	padding-top:0;
	margin-bottom:1em;
}

div.clear {
	clear:both;
}

div.images {
	margin-top:20px;
	margin-bottom:20px;
}

.picture {
	border: 2px blue solid;
	margin:10px 0px 10px 0px;
	}
	
div.headline{
	width:60em;
	text-align:left;
	padding:0;
	margin:0;
	border-bottom:#ACBBFF solid;
	height:2em;
}


td.fpa {
	padding:1em;
}

div.fimage {
	float:right;
	padding-right:2em;
	padding-top:3em;
}

div.addnelio {
	text-align:left;
}

div.workout {
	width: 500px;
	margin-bottom:10px;
	margin-top:10px;
}


table.wo1
{
	border-color:blue;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
	border-collapse:collapse;
	margin:10px 0 10px 0;

}

td.wo2
{
	text-align:left;
	border-spacing:20px;
 	border-color: blue;
    border-style: solid;
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    background-color: #FFC;
}
td.firstline {
	font:Arial;
	font-size:120%;
	border-collapse:collapse;
	background-color: #A4CFF1;
	padding-left:5px;
	padding-right:5px;
}
