html, body, form, .menu, .menu li, h1, h2, h3, h4, p { margin: 0; padding: 0; }
.menu, .menu li { list-style-type: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
img { vertical-align: middle; margin: 0; padding: 0; }
.usability_addon { display: none; }
p { padding: 2px 0; margin: 0; }

body { font-family: verdana, helvetica, "nimbus sans l", sans-serif; font-size: 12px; color: #000; line-height: 150%; background: #9c9; }

#container { width: 880px; background: white url("img/container.png") top left repeat-y; margin: 20px auto; position: relative; }
h1 img {  float: left; margin: 0 1px 0 0;  }
h1 { height: 111px;  background: white url("img/subtitle.png") 211px 3px no-repeat; color: #89a7b8; text-transform: uppercase; font-weight: bold; font-size: 20px; line-height: 25px; letter-spacing: 6px; }
h1 span { padding: 83px 0 3px 0; display: block; float: left; visibility: hidden; }

#subnavigation { width: 211px; float: left; background: #d7ead9; padding-bottom: 149px; font-family: arial, helvetica, "nimbus sans l", sans-serif;  }
#subnavigation li { border-bottom: 1px solid #e1f1e6; background: url("img/menu.jpg"); position: relative; z-index: 200; height: 42px; overflow: visible; vertical-align: top; }
#subnavigation li a  { display: block; line-height: 42px; padding-left: 22px; font-size: 14px;  color: #167889; text-transform: uppercase; font-weight: bold;  }
#subnavigation li a:hover { background: #99ff99; text-decoration: none; }
#subnavigation li ul { display: none; }
#subnavigation li ul li { background: #69c08a; }
#subnavigation li:hover ul, #subnavigation li.hovered ul { display: block; position: absolute; z-index: 100; left: 211px; width: 211px; top: 0; margin: 0; padding: 0; background: red; }


#navigation { width: 669px; float: right; background: url("img/header_default1.jpg") #669966; font-family: arial, helvetica, "nimbus sans l", sans-serif; }
#navigation { padding-top: 129px; text-align: right;  }
#navigation li { line-height: 43px; display: inline; padding: 0 13px 0 14px; background: url("img/bar.png") center right no-repeat; }
#navigation li.last { background: none; padding-right: 40px; }
#navigation li a { color: #f9f400; font-size: 13px; font-weight: bold; }
#navigation li a:hover { text-decoration: none; }

#content { float: right; width: 531px; padding: 30px 69px; }
#content h2 { font-size: 14px; font-weight: normal; text-transform: uppercase; }
#content h3 { font-size: 13px; font-weight: bold; }

#footer { clear: both; height: 10px background: url("img/footer_img.jpg") bottom left no-repeat; }
#footer img { position: absolute; bottom: 0; left: -1px; }
#footer address { position: absolute; top: 17px; right: 10px; font-style: normal; width: 190px; height: 93px; background: white; line-height: 18px; font-weight: bold;  }
#footer address a { color: black; }
#footer address a:hover { color: #167889; }


/** news header is only present on pages with the "homepage" template */
#newsheader { background: #bddec4; margin: -30px -69px 30px -69px; padding: 0;  }
#newsheader ul { list-style-type: none; margin: 0; padding: 0; height: 176px;}
#newsheader li { list-style-type: none; margin: 26px 0; padding: 0 26px; display: block; float: left; width: 170px; height: 124px; overflow: hidden; position: relative; line-height: 18px; border-left: 1px solid #000; }
#newsheader li.first { border-left: none; }
#newsheader li strong { display: block; }
#newsheader li a.readmore { position: absolute; bottom: 0; right: 26px; color: #167889; font-size: 12px; }