html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0px;
padding: 0px;
background-color: #FFFFCC;
}
/* --- Layout ---- */

#container{
  width: 800px;
  background-color: #fff;
  padding: 0px;
  margin: 20px auto;
}
 
#myheader {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}

#mycontent {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 10px;
background-color: #C2D6C5;
/*overflow:auto;*/
}

#myfooter {
height: auto;
background-color: #99CC99;
text-align: center;
font-size: x-small;
padding: 10px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
clear:both;
}

#mymenu {
background-color: #993333;
height: 30px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
text-align: left;
}

#menulist
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	background-color: #993333;
}

#menulist li
{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	background-color: #993333;
}

#menulist li a
{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:8px 10px 0 10px;
	background-color: #993333;
}

#menulist li a:hover
{
	color:#000000;
	height:22px;
}

#mymenu #menulist .links{
color: #000000;
background-color: #993333;
font-weight: normal;
text-decoration: none;
font-style: normal;
cursor: default;
/*display:block;*/
}

/*-----------------------------*/


.picture {
display: block;
margin-left: auto;
margin-right: auto;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border: 0px;
}


img.rightpic {
margin: 10px;
float: right;
display: block;
}

img.leftpic {
margin: 10px
float: left;
display: block;
}

.right {
width: 40%;
float: right;
}

.left {
width: auto;
float: left;
}

.clear {
clear: all;
}

.margright {
margin: 0px 0px 0px 0px;
}

.margleft {
margin: 0px 0px 0px 0px;
}



.bold {
font-weight:bold;	
} 
 
.small{
font-size: small;	
}  
 
h2{
	padding-left: 5px;
	margin: 0px;
}
 
h1{
	padding-left: 15px;
	margin: 0px;
}


a.normal:link {
color: #000000;
font-weight: normal;
text-decoration: none;
font-style: normal;
}

a.normal:visited {
    color:#000000;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
}

a.normal:hover {
color: #000000;
font-weight: bold;
}

a.normal:active {
color: #000000;
font-weight: normal;
text-decoration: none;
font-style: normal;
}

/*Hacks*/

/* Fix IE. Hide from IE Mac \*/

* html ul li {
    height: 1%;
  }

  .clearfix{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
  
.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 */


/* hacks for win/ie to cure 'excess hidden margins' bug */
@media screen, projection {
* html ul.vertical li {
/* for ie5.0 */
display:inline;
/* for ie5.5+ */
float:left;
/* this cures 'events fall through the menu' bug in ie6 */
background:#303030;
}
}

<!--[if IE 5]>
<style>
#menulist a {float: left; clear: both; width: 100%;}
</style>
<![endif]-->
<!--[if gte IE 6]>
<style>
#menulist a {height: 1%;}
</style>
<![endif]-->