/**
 *  Divs from http://www.xs4all.nl/~peterned/examples/csslayout1.html
 *  Footer from http://www.cssstickyfooter.com/using-sticky-footer-code.html
 */

html,body, #container {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:gray; 
    line-height: 1.1;
	font-family:calibri;
	color:black;
}
body > #container {height: auto; min-height: 100%;}

div#container {
	position:relative; /* needed for footer positioning*/
	padding-bottom: 150px;   /*must be same height as the footer */
	margin:0 auto; /* center, not in IE5 */
	width:1000px;
	background:#f0f0f0;
	height:auto !important; /* real browsers */
	height:82.5%; /* IE6: treaded as min-height*/
	min-height:82.5%; /* real browsers */
}

div#header {
	width:1000px;
}

div#content {
	overflow: hidden;
	
}
	div#content p {
		text-align:justify;
	}

div#footer {
	position:relative;
	margin-top: -150px; /* negative value of footer height */
	margin-left: auto;
	margin-right: auto;
	height: 150px;
	clear:both;
	width:1000px;
	bottom:0; /* stick to bottom */
	background:#ddd;
	border-top:6px double gray;
	text-align: center;
}
	div#footer p {
		padding:1em;
		margin:0;
	}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


H1, H2, H3, H4 { margin-top: 0em; margin-bottom: 0em }
H5, H6 { margin-top: 1em }
H1, H2, H4, H6 { font-weight: bold }
H3, H5 { font-style: italic }

H1 { font-size: 64px; text-align: left }
H2 { font-size: x-large }
H3 { font-size: large }

TD.dropdownmenu{background:#D0D0D0; height:25px}
TD.mainmenu{border-style:solid; border-left:none; border-bottom:1px; border-top:1px; border-right:1px; border-color:gray}
TD.mainmenulast{border-style:solid; border-left:none; border-bottom:1px; border-top:1px; border-right:none; border-color:gray}
TABLE.menu{font-size:100%; position:absolute; visibility:hidden; border-left:1px; border-bottom:1px; border-top:1px; border-right:1px; border-color:gray}
TABLE.pad{ margin-left: 10px; margin-right: 10px; width:980px }
ul.frontpage{ margin-top: 0.1cm; margin-left: 2.7cm }

A:link { color: #000099; text-decoration: none}          /* unvisited link */
A:visited {color: #000099; text-decoration: none}        /* visited links */
A:hover {color: #000099; text-decoration: underline}   /* mouse over link */
A:active {color: #000099; text-decoration: none}        /* active links */

A.menu:link { color: #686868; text-decoration: none}          /* unvisited link */
A.menu:visited {color: #686868; text-decoration: none}        /* visited links */
A.menu:hover {color: blue; text-decoration: none}   /* mouse over link */
A.menu:active {color: #686868; text-decoration: none}        /* active links */