.navcontainer
{
padding: .5em 0 .5em 0;
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
border-color: #000000;
border-style: solid;
border-width: 2px 0 2px 0;
}

/* to stretch the container div to contain floated list */
.navcontainer:after
{
content: " ";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

.navcontainer ul
{
list-style: none;
width: 100%;
padding: 0;
margin: 0;
}

.navlist li
{
/*display: block;*/
float: left;
width: 20%;
padding: 0;
margin: 0;
}

.navlist a
{
display: block;
/*width: 100%;*/
width: auto;
padding: 0.1em;
background: #eeeeee;
border-color: #ffffff #aaab9c #cccccc #ffffff;
border-width: 1px;
border-style: solid;
text-decoration: none;
text-align: center;
}

/*.navcontainer a
{
width: auto;
}*/

.navlist a:hover
{
color: #008000;
background: transparent;
border-color: #aaab9c #ffffff #ffffff #cccccc;
}

.active a
{
background: #e0d0fc;
}



a:hover
{
color: #008000;
}

body 
{
margin-left: 10%; 
margin-right: 10%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background: #ffffff;
background-image: url(images/ear.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}

em
{
font-style: italic;
}

h1
{
margin-left: -8%;
font-weight: normal;
}

h2,h3,h4,h5,h6
{
margin-left: -4%;
font-weight: normal;
}

img
{
border: 0;
}

strong
{
font-weight: bold;
}

.caption
{
font-size: 90%;
padding-left: 1em;
}

.captionr1
{
font-size: 90%;
position: absolute;
right: 35%
}

.captionr2
{
font-size: 90%;
position: absolute;
right: 20%
}

.center
{
margin-left: 0%;
text-align: center;
}

.pad0
{
position: absolute;
left: 25%
}

.pad0i
{
padding-left: 1.25em;
}

.pad1
{
padding-left: 2.5em;
}

.pad1i
{
padding-left: 3.75em;
}

.pad2
{
padding-left: 5em;
}

.pad3
{
padding-left: 7.5em;
}

.superh
{
font-size: 50%;
vertical-align: super;
}

.superp
{
font-size: 65%;
vertical-align: super;
}



form
{
font-size: 90%;
}

form fieldset
{
padding: 15px 30px;
}

.red
{
color: #ff0000;
}