/* Based on work by Eric Meyer: meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: 400}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none}

/* ------------------- */

body {background: #fff url(bg.jpg) repeat-x; text-align: center}
.boxcenter {position: relative; margin: 0 auto; width: 900px; text-align: left}
#navigation1 {position: absolute; top: 0; right: 0}
#navigation1 ul {margin: 0}
#navigation1 ul li {float: left; margin: 0 1px; list-style: none}       
#navigation1 ul li a {width: 192px; height: 36px; display: block; font: bold 14px/1.0 "Trebuchet MS"; color: #fff; background: url(button.gif) no-repeat; text-decoration: none; text-align: center; padding-top: 8px}
#navigation1 ul li a:hover {background: url(button_h.gif) no-repeat}
#header {width: 100%; height: 270px}
#header1 {margin: 0 auto; width: 900px; height: 240px; padding-top: 10px}
*html #header1  {padding-top: 15px}
#footer {width: 100%; background: #62AEFB; clear: both; padding: 6px 0}
#footer1 {margin: 0 auto; width: 900px}
#footer1 p {margin: 0; font: normal 14px/1.0 "Trebuchet MS"; color: #fff}
#footer1 a {color: #fff}
#text {float: left; margin-right: 20px; width: 570px; padding: 15px}
#navigation2 {float: left; width: 260px; padding: 15px 5px}
#navigation2 ul {list-style: none; margin: 10px 5px}
#navigation2 ul li a {display: block; margin-bottom: 6px; font: bold 16px/1.5 "Trebuchet MS"; padding: 3px 6px; text-decoration: none; border-bottom: 1px solid #A82833; text-transform: uppercase}
#navigation2 ul li a:hover {background: #A82833; color: #fff; border-bottom: 1px solid #444}
#navigation2 ul ul li a {display: block; margin-bottom: 3px; font: normal 12px/1.5 Verdana; padding: 3px 6px; border-bottom: 1px solid #444; background: none; color: #444}

h1 {margin: 0 0 10px 10px; font: normal 24px "Trebuchet MS"; color: #A82833; background: url(bg_h1.gif) no-repeat; padding-left: 22px}
h2 {margin: 15px 0 10px 10px; font: normal 20px "Trebuchet MS"; color: #A82833}
p {margin: 5px 0; font: normal 12px/1.5 Verdana; color: #444; text-indent: 10px}
li {margin: 1px 0; font: normal 12px/1.5 Verdana; color: #444}
a {color: #A82833; text-decoration: underline}
a:hover {text-decoration: none}
ul {margin: 10px 25px}

.news {margin-bottom: 20px; border-left: 10px solid #A82833; padding: 10px; background: #F5F5F5}