ul#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
background-color: #3366ff;
}
ul#navlist li 
{ display: inline; 
}

ul#navlist li a
{
float: left;
width: 13em;
color: #fff;
background-color: #3366ff;
padding: 0.2em 1em;
text-decoration: none;
text-align: center;
border-right: 1px solid #fff;
}

ul#navlist li a:hover
{
background-color: #66ccff;
color: #fff;
}

#rightcolumn {
float:right;
width:40%;
background:#66ccff;
border-top:4px solid #3366ff;
border-right:4px solid #3366ff;
border-left:4px solid #3366ff;
border-bottom:4px solid #3366ff;
margin-right:5px;
padding:10px 10px 0px 10px;
}
#rightcolumn p {
text-align: justify;
}


#righttext {
float:right;
width:40%;
background:#ffffff;	
margin-right:5px;
padding:10px 10px 10px 10px;
 }	
	
#lefttext {
float:left;
width:40%;
background:#ffffff;	
margin-left:5px;
padding:10px 10px 10px 10px;
 }

#content {
float:left;
background-color:#ffffff;
width:50%;
padding:10px 0px 10px 10px;
}
	
#form {
position:absolute;
width:50%;
padding: 5px 5px 5px 5px;
text-align:center;
border-left:2px solid blue;
border-right:2px solid blue;
border-top:2px solid blue;
border-bottom:2px solid blue;
}	

p {
text-align: justify;
margin-top: 0;
color: black
}

em {
font-weight:normal;
}
	
hr
{
height:5px;
color:#FFFFFF;
}
	
h1,h2,h3,h4,h5,h6 {
text-align:center;font-weight:bold;
}
	
#content p {
color:#000000; text-align: justify;
}

#history {
top:20px;
margin-left:10%;
margin-right:10%;
background:#66ccff;
border-top:2px solid #0000cc;
border-right:2px solid #0000cc;
border-left:2px solid #0000cc;
border-bottom:2px solid #0000cc;
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px
}

#mail {
position:absolute; margin-left:5px;margin-bottom:15px;background-color:#66ccff; padding: 5px;text-align:center;
}

#update {
position:absolute; margin-left:0px;margin-bottom:20px;color:#FFFFFF; padding: 5px;
}
	
#announcement {
position:absolute;
width:50%;
padding: 5px 5px 5px 5px;
text-align:center;
border-left:2px solid blue;
border-right:2px solid blue;
border-top:2px solid blue;
border-bottom:2px solid blue;
}
	
#footnote {
clear: both;
position: absolute;
left: 20%
text-align:center;
background-color:#ffffff;
padding: 5px 5px 5px 5px;
color:red;
}	

#copyright {
clear: both;
position: absolute;
left: 15%;
border-top:1px solid #0000cc;
border-right:1px solid #0000cc;
border-left:1px solid #0000cc;
border-bottom:1px solid #0000cc;
Padding:5px 5px 5px 5px;
text-align:center;	
}

#note {
clear: both;
position:absolute;
left:7%;
width:15%;
border-top:1px solid #0000cc;
border-right:1px solid #0000cc;
border-left:1px solid #0000cc;
border-bottom:1px solid #0000cc;
Padding:5px 5px 5px 5px;
text-align:center;
}

#gallery {
width:100%;
}
	
.imgborder {
padding: 5px;
border:2px solid #990066;
}

.thumbnail
{
float: left;
padding: 5px;
}
	
.clearboth { clear: both; }
		
.floatright{
float: right;
margin: 0 0 5px 5px;
}

.floatleft {
float: left;
margin: 0 5px 5px 0;
}

div.float {
float:right;width:120px;padding:10px;
}
div.float p {
text-align:justify;
}