/*-----------------Navigation-----------------------------*/

 ul#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
background: #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;
}

/*----------Content----------------------*/

body
{
margin:0;
padding:0;
font-family: georgia;
font-size: 14px
}

#rightcolumn
{
float:right;
width:35%;
height:100%;
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:5px 5px 0px 5px;
}

#rightcolumn p
{
text-align: justify;
}

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

#lefttext
{
float:left;
width:50%;
background:#fff;
margin-left:5px;
padding:10px 10px 10px 10px;
}

#content
{
float:left;
background:#ffff;
width:60%;
height:100%;
margin-left:5px;
padding:5px 0px 5px 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: #7AFFBA;
}

h1,h2,h3,h4,h5,h6
{
text-align:center;
font-family:georgia; 
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:#66ccff;
padding: 5px;
text-align:center;
}


#updateheight:100%;
{
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:relative;
left:40%;
text-align: center;
background:#ffffff;
padding: 5px 5px 5px 5px;
color:red;
}

#quote
{
background-color:#ffffff;
padding: 5px 5px 5px 5px;
color:red;
border-top:1px solid #0000cc;
border-right:1px solid #0000cc;
border-left:1px solid #0000cc;
border-bottom:1px solid #0000cc;
text-align:center;
}

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

#note
{
clear: both;
position:relative;
left:15%; width:60%;
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;
}



/*--------Images----------------*/


.imgborder
{
padding: 5px;
border:2px solid #990066;
}


.floatright
{
float: right;
padding: 10em;
clear: both;
text-align:center;
font-size:10px;
font-weight: bold;
}

div.float
{
float: left;
/*
padding: 2em;
clear: both;
*/
text-align:center;
font-size:10px;
font-weight: bold;
}


.floatleft
{
float: left;
padding: 10em
clear: both;
text-align:center;
font-size:10px;
font-weight: bold;
}