body {
background-color: #AAAAAA;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}

img {
margin: 0;
border: 0;
}

hr {
margin: -7px 0;
height: 1px;
color: #999999;
}

h1 {
color: #0059B5;
font-size: medium;
font-weight: normal;
}

h2 {
color: #0059B5;
font-size: small;
font-weight: normal;
}

ol {
padding-left: 1.5em;
}

blockquote {
width: 259px;
margin: 0;
padding: 0.5em 1em;
text-align: center;
background-color: #E3E3E3;
border-style: solid;
border-width: thin;
border-color: #FFFFFF #999999 #999999 #FFFFFF;
}

blockquote p.quote {
font-style: italic;
}

blockquote p.author {
font-size: smaller;
}

p.author {
font-weight: bolder;
}

#shell {
width: 698px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #A3A3A3;
border-bottom: 1px solid #8A8A8A;
border-left: 1px solid #FFFFFF;
padding-bottom: 14px;
background: #F0F0F0;
text-align: left;
}

#banner {        /* The banner box is across the top within the shell box*/
width: 698px;
height: 76px;
}

#logo {
float: left;
width: 137px;
height: 76px;
margin: 0;
}

#logoline {
float: left;
width: 561px;
height: 47px;
margin: 0;
}

#left {        /* The left box floats left within the shell box */
float: left;
width: 136px;
margin: 1px 1px 0 0; /* Adds up to 137, the width of the fmetext above */
padding: 0;
}

#leftnav {        /* The left navigation menu */
margin: 0;
padding: 0;
list-style: none;
}

#leftnav a:link, #leftnav a:visited {
display: block;
width: 120px;        /* Adds up to 136x26, the size of the jpg */
height: 22px;
padding-top: 4px;    /* Position the text nicely on the backgound jpg */
padding-left: 16px;
background: #F0F0F0 url(/fileadmin/template/navimages/grey_menu.jpg) no-repeat scroll top left;
color:#333333;
text-decoration: none;
}

#leftnav a:hover, #leftnav a:active, #leftnav a:focus, #leftnav #selected {
color:#000000;
background: url(/fileadmin/template/navimages/blue_menu.jpg) no-repeat scroll top left;
}

#content {                /* The content box fills the rest of the shell */
float: left;
width: 534px;             /* Adds up to 561px */
padding-right: 27px;
margin: 0px 0px 0px 0px;  /* Right margin allows you to see the shell border ?why this is needed? */
text-align: left;
}

#content a:link, #content a:visited {
color: #0059B5;
text-decoration: none;
}

#content a:hover, #content a:active, #content a:focus {
color: #0059B5;
text-decoration: underline;
}

#photos {                 /* The photos box floats at the right of the content */
float: right;
width: 238px;
margin: 0 0 13px 27px;
}

#underline {
margin: 0;
vertical-align: top;
}

table.fmeform {
clear: right;
width: 532px;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #FFFFFF;
padding: 12px 0;
background-color: #E3E3E3;
}

table.fmeform td.leftcol {
width: 100px;
padding-right: 10px;
text-align: right;
font-weight: bold;
vertical-align: top;
}

table.fmeform input, table.fmeform textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
}

table.fmeform .button {
font-size: small;
font-weight: bold;
}

p#copyright {
text-align: center;
color: #333333;
font-size: x-small;
}

#foot {
text-align: center;
color: #333333;
font-size: x-small;
}

#foot a:link, a:visited {
color: #333333;
text-decoration: none;
}

#foot a:hover, a:active, a:focus {
color: #000000;
text-decoration: none;
}

.popup {
background-color: #F0F0F0;
}

form#emailus td.leftcol {
padding-right: 8px;
font-weight: bold;
vertical-align: top;
}

form#emailus input, form#emailus textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
}

form#emailus .button {
font-size: small;
font-weight: bold;
}

#confirmation {
font-size: medium;
}