html 
{height: 100%;}

body 
{font-family: Tahoma, Arial;
 font-size: 0.8em;}

h1
{font-family: sherwood, Tahoma, arial;
 font-size: 1.7em;
 color: #CCCCCC;
 padding 0px;}
 
h2 
{font-family: sherwood, Tahoma, arial;
 font-size: 2.0em;
 color: #CCCCCC;
 letter-spacing: 0.5mm;}

h3 
{font-family: Tahoma, Arial;
 font-size: 1.3em;
 color: #003399;}

h4
{font-family: Tahoma, Arial;
 font-size: 1.3em;
 padding: 0px;
 color: #FFFFFF;}

#navigation
{font-family: tahoma, Arial;}

#navigation ul
{margin: 10px 50px 10px 50px;
 padding: 0px;
 float: right;
 color: #FFFFFF;
 list-style-type: square;
 text-decoration: none;}
 
#navigation li
{display: inline;
 margin: 0px 0px 11px 0px; 
 padding: 0px;
 color: #FFFFFF;}
 
#navigation a:hover
{color: #FFF000;
 backgroud-color: #000000;}
 
#navigation a
{text-decoration: none;
 color: #FFFFFF;}
 
#container 
{border:2px #CCCCCC;
 font-family: tahoma, Arial;
 margin-left: auto;
 margin-right: auto;
 width: 880px;
 height: 100%}

#link 
{font-family: Tahoma, Arial;
 padding: 9px 20px 6px 20px;
 text-align: right;
 color: #FFFFFF;
 height: 50px;
 background: #000000;
 border-bottom: solid grey;
 text-align: left;
 width: 840px;
 margin-left: auto; 
 margin-right: auto;}

#logo 
{background-color: #003399;
 border-color: #CCCCCC;
 color: #CCCCCC;
 height: 200px;
 width: 880px;}

.col1
{width: 180px;
 float: left;}

.col2
{width: 500px;
 float: left;}
 
#main 
{font-family: "Tahoma", Arial;
 height: auto;
 border-bottom: solid grey;
 width: 880px;}

#info
{font-family: Tahoma, Arial;
 height: 200px;
 width: 880px;
 background: #003399;}
 
.col3
{border-right: 3px dotted #CCCCCC;
 width: 435px;
 float: left;
 text-align: center;}

.col4
{width: 435px;
 float: right;
 text-align: center;}


#footer 
{font-family: Tahoma, Arial;
 background-color: #000000;
 border-color: #CCCCCC;
 border-style: solid;
 color: #CCCCCC;
 height: 50px;
 text-align: center;
 width: 875px;
 float: bottom;}