
body {margin:25px; font-size:10px; font-family:Arial; background-color: WhiteSmoke}

p {color: Black}

a:link {color:	Black} 
a:visited {color: Black} 
a:hover {color: MediumSeaGreen} 
a:active {color:MediumSeaGreen} 


a {text-decoration:none}

table {background-color: WhiteSmoke}

table.logo{
width: 100%;
height: 100px;
border: 0;
padding: 0;
margin-left: 365px;
font-family: Arial; 
font-size: 40px; 
font-weight: bold;
letter-spacing: 20px;
white-space: 40px;
padding-top: 0px;
}

table.menu{
width: 850;
border: 0;
padding: 2;
}

* {padding:0; margin:0}
.dropdown {float:left; padding-right:5px}
.dropdown dt {margin-top: 10px; border:1px solid WhiteSmoke; padding:1px; cursor:pointer; background:url(aboutbutton1.jpg)}
.dropdown dd {position:absolute; overflow:hidden; width:95px; display:none; background:Gray; z-index:200; opacity:0}
.dropdown ul {width:90px; border:2px solid Gray; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:2px; color:Black; text-decoration:none; background:LightGrey; width:90px}
.dropdown a:hover {background:PaleGreen; color:Black}
.dropdown .underline {border-bottom:1px solid Gray}

.dropdown .bmenubutton {text-align: center; font-size:15px}
.dropdown .bmenubutton a:link{color:black}
.dropdown .bmenubutton a:visited{color:black}
.dropdown .bmenubutton a:hover{color:black}
.dropdown .bmenubutton a:active{color:black}
.dropdown .selected {text-align: center; font-size: 15px; padding: 3px}
.dropdown .selected a:link{color:black}
.dropdown .selected a:visited{color:black}
.dropdown .selected a:hover{color:black}
.dropdown .selected a:active{color:black}

.
.flyout {display:block; position:relative}
.flyout dt {width:140px; text-align:right; border:1px solid #808080; padding:6px; font-family: Arial; cursor:pointer; background-color: WhiteSmoke}
.flyout .upperdd {border-bottom:none}
.flyout dt:hover {background-color: PaleGreen}
.flyout a, .flyout a:active, .flyout a:visited {display:block; color:black}
.flyout a:link {color:black}
.flyout a:hover {color:black}


.secondmenu {display:block; position:relative}
.secondmenu dt{width:140px; text-align:left;  font-size: small; border:1px solid #808080; border-left: 3px solid #808080; padding:6px;  font-family: Arial; background-color:LightGrey}
.secondmenu dt:hover {background-color:PaleGreen}
.secondmenu .upper {border-bottom:none}
.secondmenu a, .secondmenu a:active, .secondmenu a:visited{display:block; color:black}
.secondmenu a:link{color:black}
.secondmenu a:hover{color:black}
.secondmenu .secondselected {background-color: PaleGreen}

table.under{
margin: 30px;
padding: 0;
width: 750px;
border: 0 black;
margin-left: 100px;
}

img.x{
position:absolute;
top: 6cm;
left: 8cm;
z-index:-1;
opacity:0.2;
filter:alpha(opacity=20);
}

img.border{
border:1px solid gray;
}

.leftcol{
width: 200px;
vertical-align: top;
text-align: center;
padding: 20px;

} 
table.agenda{
margin-left: 264px; 
margin-top: 25px; 
border:0;
}

table.agenda a:link{color: #008B8B} 
table.agenda a:visited{color: #008B8B}
table.agenda a:hover {color:MediumSeaGreen} 
table.agenda a:active {color:MediumSeaGreen} 

.rightcol{
padding:30px;
}

.rightcol a:link{color: #228B22} 
.rightcol a:visited{color: #228B22}
.rightcol a:hover {color:MediumSeaGreen} 
.rightcol a:active {color:MediumSeaGreen} 

img {
border: 0
}

div.img
{
  margin: 2px;
  border: 1px solid white;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
