@charset "utf-8";
/*reset*/
*{ margin:0px; padding:0px }
/* Common HTML style */
body{ font-size: 10px; color: #000; text-align: center; -webkit-print-color-adjust:exact; }
img{ border: 0; }

.text{ font-family: Verdana,Arial,Helvetica,Geneva,sans-serif; }
.clear{ clear: both; }

#main_div{ width: 93em; margin: 0 auto 0 auto; text-align: left; padding: 2em 3em 0 3em; }

/* HEADER */
/* see header.css */
#breadcrumb{ width: 93em; }

/* MAIN CONTENT */
/* banner */
#banner_container{ width: 93em; height: 28em; *height: 29em; }
#banner_container img{ position: relative; }
#slidebox-container{ height: 28em; }
/* third row */
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#grid{ margin: 10px 0 10px 0; border: 1px solid #D1D0D5; zoom: 1; }

#three_boxes_container{ width: 94em; height: auto; margin: -1px; position:relative;}
#three_boxes_container .box{ float: left; width: 30em; height: auto; margin-right: 1em; padding-bottom: 10px; }
#three_boxes_container p{ margin: 1em 0 0 4em; }
#three_boxes_container .last{ margin-right: 0px; }
#three_boxes_container .title{ font-weight: bold; text-decoration: none; }
#three_boxes_container .title:hover{ text-decoration: underline; }
#three_boxes_container .first{ margin: 1.8em 0 0 4em; }
#three_boxes_container .text{ font-weight: bold; text-decoration: none; width: 24em; }
#three_boxes_container .link:hover{ text-decoration: underline; }
#three_boxes_container .button_content{ text-align: center; margin-top: 1.1em; }
#three_boxes_container .button{ display:-moz-inline-stack; }
#three_boxes_container .button{ display: inline-block; margin-left: auto; margin-right: auto; *zoom: 1; *display: inline; }
#three_boxes_container .button_container .text{ font-weight: bold; text-align: center; }
/* third row */
#third_row{ width: 94em; height: 40em; line-height: 130%; }
/* latest news */
#latest_news{ float: left; width: 61.5em; height: 39em; padding-bottom: 10px; overflow: hidden; font-family: Verdana,Arial,Helvetica,Geneva,sans-serif; }
#latest_news .title{ margin-left: 5px; padding: 5px; }
#latest_news #articles{ width: 100%; }
#articles .article{ text-align: left; }
#articles .article .title{ margin: 0; padding: 0; font-weight: bold; }
#articles .article .title a{ text-decoration: none; }
#articles .article .title a:hover{ text-decoration: underline; }
#articles .article a.title { text-decoration: none; }
#articles .article a.title:hover{ text-decoration: underline; }
#articles .article .text{ text-align: left; padding-bottom: 5px; }
#articles .article .text a{ text-decoration: none; }
#articles .article .text a:hover{ text-decoration: underline; }
#articles #article_big{ float: left; width: 53%; text-align: center; }
#articles #article_big .article{ margin: 5px 10px 0 10px; padding: 10px; height: 19em; }
#articles #article_big .article .title{ font-weight: bold; }
#articles #article_big img{ width: 305px; margin-top: 9px; }
#articles #article_list{ float: left; width: 47%; height: 36em; overflow: hidden; }
#articles #article_list:hover{ overflow-y: auto; }
#articles #article_list img{ float: left; margin-right: 3px; }
#articles #article_list .small img{ height: 70px; width: 70px; }
#articles #article_list .allnews img{ float: none; }
#articles #article_list .article.small{ margin-right: 10px; padding-top: 5px; }
#articles #article_list .allnews{ margin-top: 10px; }

/* timeline */
/*#timeline_container{ float: left; width: 61.5em; height: 28em; border: 1px solid #d1d0d5; overflow: hidden; }*/
#timeline_container{ float: left; width: 30em; height: 40em; margin-left: 1em; border: 1px solid #d1d0d5; overflow: hidden; text-align: left; }
#timeline_container:hover{ overflow-y: auto; }
#timeline_container h1.title{ font-family: Verdana,Arial,Helvetica,Geneva,sans-serif; margin: 5px 0 9px 4px; }
#timeline-content h3{ margin: 1px 0 6px 0; }
/* html > body #timeline_container object{ width: 69.3em; height: 25.4em; } /* child selector: IE doesn't understands it */

/* FOOTER */
/* see footer.css */