/* HTML tags */
html {background:#E8F7FC url(../img/html.jpg) repeat-x 0 0; margin:0; padding:0;}
body {font:0.9em Arial, Arial, Helvetica, sans-serif; line-height:1.458em; background:url(../img/body.jpg) no-repeat center 0; width:100%; display:table;}
a {color:#2e63a9; text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}
p {color:#000; margin-bottom:5px;}
h1 {font-size:1.4em; line-height:1.4em; color:#2C804E; margin-bottom:10px;}
h2 {color:#2c804e; font-size:1.3em; line-height:1.3em; margin-bottom:10px;}
h3 {color:#2c804e; margin-bottom:8px; font-size:1.1em; line-height:1.2em; margin-top:15px;}
h2 a {color:#2c804e;}

/* Layout */
#container {position:relative; margin:0 auto; width:980px;}
#header {height:202px; position:relative; z-index:10;}
#content {width:980px; margin-bottom:20px;}
#prologue {margin-bottom:20px; position:relative; z-index:1;}
.front {height:347px; background:url(../img/prologue-front.jpg) no-repeat 0 0;}
.sub {height:148px; background:url(../img/prologue-sub.jpg) no-repeat 0 0;}
#col-content {float:left; width:650px;}
#col-side {float:right; width:300px; overflow:hidden;}
.post {overflow:hidden;}
#footer {position:relative; height:60px; background:url(../img/footer-bg.png) repeat-x 0 0; margin-bottom:0;}

/* HEADER */
#nav-skip {position:absolute; left:-999em; top: 0;}
#nav-skip a:focus, #nav-skip a:active {position:absolute; left:999em; width:980px; background:#fff; padding-top:2px; z-index:10; text-align:center;}

#logo {float:left; display:inline; width:280px; height:80px; margin:40px 0 0 30px;}

#search-box {position:absolute; top:50px; left:670px; width:310px;}
#search-box fieldset {border:none;}
#search-box span {position:absolute; top:0; left:-5px; display:block; background:url(../img/search-box-span.png) no-repeat 0 0; width:5px; height:37px; overflow:hidden;}
#search-box input, #search-box select, #search-box label {vertical-align:middle;}
#search-box input#searchstring {background:#5ec5ed; color:#fff; font-size:0.9em; height:32px; padding:5px 5px 0 5px; line-height:27px; width:220px; border:none; float:left;}
#search-box input.submit {background:url(../img/search-box-submit.png) no-repeat 0 0; height:37px; line-height:37px; width:80px; color:#2e63a9; cursor:pointer; font-size:0.9em; border:none; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:left;}
#search-box input.submit:hover, #search-box input.submit:focus {background-position:0 -37px;} 

#site-nav {float:right; font-size:0.9em; margin:90px 10px 0 0;}
#site-nav li {float:left; padding-left:5px;}
#site-nav li a {position:relative; padding-left:25px;} 
#site-nav li a span {position:absolute; top:3px; left:5px; width:13px; height:9px; display:block; overflow:hidden;}
#site-nav li.home a span {background:url(../img/site-nav-home.gif) no-repeat 0 0;}
#site-nav li.sitemap a span {background:url(../img/site-nav-map.gif) no-repeat 0 0;}
#site-nav li.print a span {background:url(../img/site-nav-print.gif) no-repeat 0 0;}
#site-nav li a:hover span, #site-nav li a:focus span {background-position:0 -9px;}

#nav-wrap {margin:0 10px; padding:0; position:absolute; bottom:0; left:0; width:960px; height:62px; background:url(../img/nav-bg.png) repeat-x 0 0;}
#nav-wrap .corner {display:block; width:10px; height:62px; overflow:hidden; background:url(../img/nav-corner.png) no-repeat 0 100%; top:0; position:absolute;}
#nav-wrap .L {left:-10px;}
#nav-wrap .R {right:-10px; background-position:-10px 0;}
#nav {margin:0; padding:0;}
#nav li ul {position:absolute; display:none; width:135px; left:0;}
#nav li {float:left; position:relative; width:135px; text-align:center; text-transform:uppercase; font-weight:bold; margin-right:15px;}
#nav li.active, #nav li:hover, #nav li.sfhover {background:url(../img/nav-active.png) no-repeat 0 0;}
#nav li a {display:block; padding:28px 0 13px 0;}
#nav li ul li {font-weight:normal; text-align:left; background:#fff; text-transform:none; border-left:1px solid #def0f7; border-right:1px solid #def0f7; width:133px;}
#nav li ul li:hover, #nav li ul li.sfhover {background:#fff;}
#nav li ul li a {padding:3px 0; line-height:95%; border-bottom:1px solid #2e63a9; margin:0 7px;}
#nav li ul li.last {padding-bottom:5px; border-bottom:1px solid #def0f7; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px;}
#nav li ul li.last a {border-bottom:none;}

/* Content */
.front .post {float:right; width:340px; margin:60px 20px 0 0;}

a.more {display:block; width:135px; height:22px; overflow:hidden; line-height:22px; text-transform:uppercase; background:url(../img/more.png) no-repeat 0 0; font-weight:bold; text-align:right; font-size:0.875em; padding-right:5px; float:right; color:#ffffcc!important; text-decoration:none!important;}
a.more:hover, a.more:focus {color:#fff; text-decoration:none;}
.front .post a.more {background:url(../img/more-prologue.png) no-repeat 0 0;}

.divider {height:13px; font-size:1px; clear:both; overflow:hidden; display:block; margin:15px 0; padding:0; width:100%; background:url(../img/divider.png) no-repeat 0 0;}

#breadcrumb {font-size:1em!important; font-weight:bold;}
#breadcrumb a {color:#2c804e; text-decoration:underline; font-weight:bold;}
#breadcrumb a:hover, #breadcrumb a:focus {text-decoration:none;} 
#breadcrumb em {font-weight:lighter;}

#paging {background:url(../img/paging.png) no-repeat 0 0; line-height:46px; text-align:center; color:#ffffcc; text-transform:uppercase; font-weight:bold; height:36px; margin:20px 0 0 0;}
#paging a {font-weight:lighter; color:#ffffcc;}
#paging a:hover, #paging a:focus {color:#fff!important;}
#paging a.active {font-weight:bold;}

#info {position:relative; width:650px; height:48px; display:block; background:url(../img/info-bg.png) no-repeat 0 0; margin-bottom:20px;} 
#info p {color:#2c804e; line-height:48px; padding-left:20px; font-style:italic; font-size:1.1em;}
#info span {background:url(../img/info-span.png) no-repeat 0 0; width:33px; height:19px; display:block; bottom:-19px; left:580px; position:absolute;}

#col-side .headline {position:relative; width:350px; height:48px; display:block; background:url(../img/headline.png) no-repeat 0 0; margin-bottom:20px;}
#quickContact .headline {background:url(../img/headline-contact.png) no-repeat 0 0;}
#col-side .headline .corner {position:absolute; width:33px; height:18px; left:20px; bottom:-18px; display:block; background:url(../img/headline-span.png) no-repeat 0 0; overflow:hidden; }
#col-side h3 {color:#2e63a9; font-weight:lighter; line-height:48px; padding-left:15px; width:285px; margin-top:0;}
#col-side h3 span {font-weight:bold;}
#quickContact #big {color:#2e63a9; font-size:1.1em; font-weight:bold;}
#quickContact a {text-decoration:underline;}
#quickContact a:hover, #quickContact a:focus {color:#2c804e;}
#quickContact table tr td {padding-right:5px;}

#news {margin-bottom:30px;}
#news .heading {font-weight:bold; text-transform:uppercase; font-size:1.1em; color:#2e63a9;}
#news .divider {background:url(../img/divider-news.png) no-repeat 0 0;}

.photo {float:left; margin:0 22px 5px 0;}
.photo p {margin:0; padding:0; line-height:0;}
.photo img {display:block; border:3px solid #8ad2a7;}
.photo a {display:block; text-decoration:none;}
.photo a span {display:block; cursor:pointer; text-decoration:none; width:189px; height:100%; margin:0; padding:5px; overflow:hidden; background:#8AD2A7 url(../img/photo-span.png) no-repeat 0 100%;  line-height:1.458em; color:#2c804e; font-size:0.9em;}
#gallery {overflow:hidden; margin-top:20px;}
#gallery .photo {margin-bottom:15px;}
#gallery .photo a span {width:136px; background:#8AD2A7 url(../img/gallery-photo-span.png) no-repeat 0 100%;}
#gallery .last {margin-right:0;}
#gallery h2, #atts h2 {border-bottom:1px solid #aad2c7; font-style:italic; font-size:1.25em;}

#atts {overflow:hidden; margin-top:20px;}
#atts p {float:left; width:325px; margin:0 0 10px 0; cursor:pointer; display:block;}
#atts p a {position:relative; display:block; width:255px; padding:4px 0 0 10px; height:52px; margin-left:50px; color:#4a5258; line-height:13px; font-weight:bold; text-decoration:none; font-size:0.9em;}
#atts p a:hover, #atts p a:focus, #atts p a:focus  {color:#2C804E;}
#atts p a span.type {display:block; margin-top:5px; font-weight:lighter; color:#8A99A4;}
#atts .xls {background:url(../img/atts/xls.png) no-repeat 0 0;}
#atts .xlsx {background:url(../img/atts/xlsx.png) no-repeat 0 0;} 
#atts .doc {background:url(../img/atts/doc.png) no-repeat 0 0;}
#atts .docx {background:url(../img/atts/docx.png) no-repeat 0 0;}
#atts .ppt {background:url(../img/atts/ppt.png) no-repeat 0 0;}
#atts .pptx {background:url(../img/atts/pptx.png) no-repeat 0 0;}
#atts .pdf {background:url(../img/atts/pdf.png) no-repeat 0 0;}
#atts .rtf {background:url(../img/atts/rtf.png) no-repeat 0 0;}
#atts .zip {background:url(../img/atts/zip.png) no-repeat 0 0;}
#atts .jpg {background:url(../img/atts/jpg.png) no-repeat 0 0;}
#atts .mp3 {background:url(../img/atts/audio.png) no-repeat 0 0;}
#atts .att {background:url(../img/atts/att.png) no-repeat 0 0;} 

.form {position:relative; padding:20px; border-left:3px solid #c7eae2; border-right:3px solid #c7eae2; margin:20px 0 0 0; height:auto; background:#DEF3FB; width:604px;}
.form h2 {margin-bottom:20px;}
.form .top {position:absolute; width:650px; height:7px; display:block; top:0; left:-3px; background:url(../img/form-top.png) no-repeat 0 0;}
.form .bottom {position:absolute; width:650px; height:7px; display:block; bottom:0; left:-3px; background:url(../img/form-bottom.png) no-repeat 0 0;}
.form input {float:left; width:453px; height:18px; background:#76B38F url(../img/form-input.png) no-repeat 0 0; padding:5px; border:none; font-size:0.9em; color:#ffffcc; position:relative; z-index:1; margin-bottom:10px;}
.form label {float:left; width:140px; font-size:0.9em; line-height:28px; color:#2c804e; height:28px;}
.form select {float:left; position:relative;}
.form .selectbox {position:relative; margin:0 0 10px 0; display:block; text-align:left; cursor:pointer; color:#ffffcc; float:left; z-index:9999; width:463px;}
.form .selectbox .current {position:relative; width:463px; background:#76B38F url(../img/form-input.png) no-repeat 0 0; height:28px; z-index:9999;}
.form .selectbox ol {display:none; position:absolute; margin:0; padding:0; width:463px; left:0; z-index:100; background:#76B38F; top:28px;}
.form .selectbox .title {margin-right:55px; height:23px; padding:5px 0 0 5px; font-size:0.9em;}
.form .selectbox .down-arrow {position:absolute; top:5px; right:7px; background: url(../img/down-arrow.png) no-repeat 0 0; height:21px; width:21px; display:block; border:none;}
.form select {float:left;}
.form .selectbox li {position:relative; padding:3px 6px;}
.form .selectbox li:hover {background:#65997B;}
.form textarea {width:453px; height:95px; padding:7px 5px 5px 5px; border:none; font-size:0.9em; background:#76B38F url(../img/form-textarea.png) no-repeat 0 0; font-family:Arial, Arial, Helvetica, sans-serif; color:#ffffcc; margin-bottom:10px;}
.form #captcha img {margin-top:3px; float:left;} 
.form #captcha input {width:100px; margin-left:10px; text-align:center; background:#76B38F url(../img/captcha-input.png) no-repeat 0 0;}
.form .submit-btn {float:right; width:109px!important; height:28px; padding:0; margin:0!important; background:#CB0000 url(../img/submit-btn.png) no-repeat 0 0!important; cursor:pointer; color:#2c804e; text-transform:uppercase; font-weight:bold;}
.form .submit-btn:hover, .form .submit-btn:focus {color:#ffffcc;}
.form p.required {color:#2c804e; margin:10px 0 0 0; font-size:0.9em;}
.form p.error {position:absolute; top:20px; right:20px; background:url(../img/error.png) no-repeat 0 3px; padding-left:25px; font-weight:bold; color:#A21D12;}
.form p.success {position:absolute; top:20px; right:20px; background:url(../img/success.png) no-repeat 0 3px; padding-left:25px; font-weight:bold; color:#2C804E;}

#col-content ul {margin-bottom:15px;}
#col-content ul li {background:url(../img/bullet.png) no-repeat 0 3px; padding-left:25px;}
#col-content ul li ul {margin-bottom:5px;}

#col-content table { width:100%; background:#DEF3FB; color:#2C804E;}
#col-content table td {padding:4px 10px; border:1px solid #85CBA1; vertical-align:middle;}

#col-content a {color:#2c804e; text-decoration:underline;}
#col-content a:hover, #col-content a:focus {text-decoration:none;}

#map {width:300px; height:180px; overflow:hidden; margin-top:20px; display:block;}

/* Footer */
#footer .cor {position:absolute; bottom:0; width:10px; height:12px; display:block; overflow:hidden; background:url(../img/footer-corner.png) no-repeat 0 0;}
#footer .L {left:0;}
#footer .R {right:0; background-position:-10px 0;}
#footer p {line-height:60px; color:#4575a5; margin-bottom:0;}
#footer a {font-weight:bold; text-decoration:underline;}
#footer a:hover, #footer a:focus {text-decoration:none;}
#footer p.left {float:left; padding-left:20px;}
#footer p.right {float:right; padding-right:20px;}

/* Hacks */
#info span {_bottom:-15px;}
#col-side .headline .corner {_bottom:-10px;}
#footer .cor {_bottom:4px;}
.form textarea {_padding:7px 0 5px 5px;}
.form .bottom {_bottom:-20px;}