/* CSS Document */



body {
    font: 14pt, Verdana,Arial,sans-serif;
	text-align: left;
	min-width: 750px;
	background-repeat:no-repeat;	
	background-position:top left;
	height:100%;
}

table {
   font: 14pt, Verdana,Arial,sans-serif;
   }

h1 {font: 120% Verdana,Arial,sans-serif; font-weight:bold}
#container {
	margin:0 auto;
	width:100%;
	text-align: left;
}

div.header
{
width: 100%;
padding:0.5em;
color:#000000;
background-color:#ffffff;
background-image:url(images/sky.jpg);
background-position:right;
background-repeat:repeat-y;
text-align: right;
font-size:18px;
float:left;
}
div.footer
{
width: 100%;
height:35px;
margin-left:0;
padding:0.5em;
color:#000000;
background-color:#FFFFCC;
text-align: right;
font-size:14px;
float:left;

clear:none;

}

h1.header
{
padding:0;
margin:0;
}

div.maincontainer
{
width:100%;
height:100%;
margin-left:0;
background-color:
#FFFFFF}

div.content
{
width:100%;


margin-left:0;
padding:1em;
}


.float_right{
float:right;}

.float_left{
float:left;}


a {text-decoration: underline; color:#0000CC}
a:hover{
	text-decoration: underline; color:#990000}

#navcontainer
{
background: #FFFFCC;
margin: 0 auto;
padding: 0em 0 0 0;
width: 100%;
float:left;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: inline;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0;
width: 100%;
font-size: 14px;
float:left;
}

ul#navlist li
{
display: inline;
float: left;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: inline;

padding: 0.3em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #000000;
text-decoration: none;
background: #FFFFCC;
font-weight:bold;
float:left;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #000000;
color: #ffffff;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #ffffff;
background: #999999;
border-color: #aaab9c #000000 #000000 #ccc;
}