body {
text-align: center; 
font-size: 76%; 
background: #efefef; 
margin: 0; 
padding: 0;
font-family: "Tahoma", sans-serif;
}
a {
color: #b15801;
text-decoration: none;
border-bottom: 1px dotted #b15801;
letter-spacing: 0.2pt;
}
a:hover {
color: #797201;
border-bottom: 1px solid #797201;
text-decoration: none;
}
h1{
font-family: "Georgia", serif;
font-size: 2em;
font-weight: normal;
margin-top: 10px;
margin-bottom: 5px;
color: #b15801;
}
h2{
font-family: "Arial Narrow", "Arial", sans-serif;
font-size: 1.1em;
color: #0a6e7d;
font-weight: normal;
margin-bottom: 3px;
}
#main {
width: 100%; 
background: #FFFFFF;
position: relative;
}
#wrap{
background: #efefef url('img/side_shadowL.jpg') 0px 20px repeat-y;
width: 750px;
margin: auto;
padding-left: 19px;
border-right: 1px solid #eaeaea;
}

#header {
height: 256px; 
background: #0b3d86 url("img/page_header.jpg") no-repeat top left;
text-align: left;
}
#separator {
height: 18px;
background: #0a667e;
margin-top: 45px;
margin-bottom: 38px;
}
#menuBar{
padding:0;
margin:10px;
margin-bottom: 0px;
list-style: none;
background: #FFFFFF;
font-size: 1.1em;
height: 30px;
position: absolute; 
top: 255px;
left: 0px;
}
#menuBar li{
padding: 0;
margin: 0;
display: inline;
}
#menuBar a {
display: block;
float: left;
padding: 6px; 
color: #0a667e;
text-decoration: none;
margin-right: 15px;
border: none;
}
#menuBar a:hover {
background: #0a667e;
color: #FFFFFF;
text-decoration: none;
}
#menuBar a:focus {
background: #254b9e;
color: #FFFFFF;
text-decoration: underline;
outline: none;
}
#menuBar li.selected a {
background: #0a667e;
color: #ffff00;
}			
#mainMenu {
background: url('img/member_button_gradient.gif') repeat-x top left;
margin: 0;
margin-top: 1px;
padding: 0;
font-size: 1.1em;
list-style-type: none;
width: 100%;
position: absolute; 
top: 319px;
left: 0px;
}
#mainMenu li{
margin: 0;
padding: 0;
display: block;
float: left;
height: 37px;
}
#mainMenu li a span.front{
margin: 0;
padding: 0;
height: 37px;
position: absolute;
left: 0px;
_left: -41px;
top: 0px;
background: #ffffff url("img/menu_item_separatorL.jpg") top left no-repeat;
width: 13px;
}
#mainMenu li a span.end{
background: transparent url("img/menu_item_separatorR.jpg") top right no-repeat;
height: 37px;
width: 14px;
padding: 0;
position: absolute;
right: 0px;
top: 0px;
}
#mainMenu li.last{
background: transparent url("img/menu_item_separatorL.jpg") top right no-repeat;
padding-right: 13px;
}
#mainMenu a {
color: #FFFFFF;
background: #a9b000 url('img/member_button_gradient.gif') repeat-x top left;
text-decoration: none;
outline: none;
padding: 9px 40px 12px 40px;	
display: block;
border: none;		
position: relative;
}
#mainMenu li.selected a{
background: #1c5272 url('img/member_button_gradient_over.gif') repeat-x top left;
color: #ffff00;
font-weight: bold;
}	
#mainMenu li.selected span.front{
background: transparent url("img/menu_item_separatorRH.jpg") top right no-repeat;
}
#mainMenu li.selected span.end{
background: transparent url("img/menu_item_separatorLH.jpg") top right no-repeat;
}



#mainMenu a:hover {
background: #1c5272 url('img/member_button_gradient_over.gif') repeat-x top left;
}
#mainMenu a:hover span.front{
background: transparent url("img/menu_item_separatorRH.jpg") top right no-repeat;
}
#mainMenu a:hover span.end{
background: transparent url("img/menu_item_separatorLH.jpg") top right no-repeat;
}
#mainMenu a:focus {
/*background: #1c5272 url('img/member_button_gradient_over.gif') repeat-x top left;*/
}

#content {
color: #0a6e7d;
font-size: 1em;
font-family: "Misrosoft Sans Serif", sans-serif;
text-align: left;
line-height: 1.7em;
clear: both;
padding-top: 20px;
background: #ffffff url("img/menu_shadow.jpg") top repeat-x;
}
#content:after{
content: ".";
font-size: 1px;
line-height: 1px;
visibility: hidden;
display: block;
clear: both;
}
.contentPadding {
padding: 30px;
padding-top: 0px;
padding-bottom: 60px;
}
.contentWidth{
width: 500px;
}
#sideBox{
float: right;
width: 190px;
margin: 0;
padding: 0;
}
#sideBox ul{
margin: 0;
padding: 0;
list-style: none;
}
#sideBox li{
margin: 0;
padding: 0;
margin-bottom: 1px;
padding-left: 0.5em;
}
#sideBox li a{
background: #fafafa;
border-bottom: 1px dotted #bbbbbb;
display: block;
width: 100%;
padding: 0.2em 0em 0.3em 0.5em;
margin-left: -1em;
_margin-left: 0;
line-height: 1.2em;
border-left: 0.5em solid #fafafa;
}
#sideBox li a:hover{
background: #eeeeee;
border-left: 0.5em solid #b15801;
}
#images{
margin-top: 10px;
}
#images img{
padding: 3px;
margin: 2px;
border: 3px double #eeeeee;
}
#images a{
border: none;
}
#images a:hover{
border: none;
}
#images a:hover img{
border-color: #999999;
}
#content p{
width: 500px;
text-align: justify;
}
#content p:first-letter{
font-size: 2.5em;
background: #f5f5f5;
padding: 5px;
display: block;
float: left;
text-align: center;
margin-right: 5px;
font-family: "Garamond", serif;
border: 1px solid #eeeeee;
}
#footer {
line-height: 18px;
background: #0a667e;
margin-top: 10px;
bottom: 1px;
left: 0;
width: 100%;
color: #FFFFFF;
font-size: 2px;
letter-spacing: 0.15em;
text-align: left;
text-indent: 20px;
border-top: 10px solid;
}
#linkSpan {
float: right;
font-size: 1.1em;
}
#langForm {
position: absolute;
top: 40px;
left: 20px;
}
#flyer {
position: absolute;
z-index: 2;
top: 257px;
right: -5px;
width: 4px;
height: 44px;
line-height: 44px;
background: #468B89;
text-decoration: none;
border: 1px solid #847c00;
border-left: none;
border-top: none;
outline: none;
}
#flyer em {
font-style: normal;
display: none;
color: #FFFFFF;
}
#flyer:hover {
background: #0a6e7d;
width: 60px;
right: -61px;
border: 1px solid #082756;
border-left: none;
border-top: 1px solid #1b64b5;			

}
#flyer:hover em {
display: inline;
}
#subFooter{
color: #aaaaaa;
margin-top: 5px;
}
#subFooter a{
color: #666666;
border-bottom: 1px dotted #666666; 
}
#subFooter a:hover{
color: #000000;
border-bottom: 1px solid #000000; 
}
#loginForm{
padding: 0;
margin: 0;
margin-left: 10px;
padding: 5px;
border: 1px solid #eeeeee;
width: 140px;
}
#loginForm:hover{
border: 1px solid #000000;
}
#loginForm label{
display: block;
float: left;
width: 40px;
text-transform: uppercase;
font-size: 0.7em;
letter-spacing: 0.1em;
}
#loginForm input{
width: 90px;
border: 1px solid #dddddd;
}
#loginForm input:hover{
border: 1px solid #aaaaaa;
}
#loginForm input:focus{
border: 1px solid #000000;
background: #ffffcc;
}
#content ul{
margin-top: 0;
padding-top: 0;
}
