/* yahoo reset
---------------------------------------------------------------------------  */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:transparent;}
em, i {font-style: italic;}
strong {font-weight: bold;}
:focus {outline: 0;}
ol, ul {list-style: none;}
/* ------------------------------------------------------------------------- */

/* structure
---------------------------------------------------------------------------  */
#wrapper {width:840px;margin:0px auto; }
#header{height:260px;}
#footer {}

#container {height:1%; overflow:hidden;margin:10px 0;}
#left_col, #right_col {float:left; background-color:#fff; display:inline;}
#left_col {margin-right:5px;width:116px; padding:0 10px; min-height:615px;height:auto !important; /*IE6 min-height CSS hack, together with the next line*/height:615px;}
#right_col { width:699px;background:transparent!important; }
/* ------------------------------------------------------------------------- */

/* typo
---------------------------------------------------------------------------  */
body{font-size: 62.5%;color:#333; font-family:Arial, Helvetica, sans-serif;}
a{color:#6fa3c9; text-decoration:none;}
a:visited{color:#6fa3c9;}
a:hover{color:#6fa3c9; text-decoration:underline;}
a:focus{outline:none;}
/* ------------------------------------------------------------------------- */

/* commons
---------------------------------------------------------------------------  */
body { background-image:url(../images/header-1.jpg); background-repeat:no-repeat; background-color:#eaeaea; background-position:center 0; color:#333;}
.clear {clear:both;}
#logo { float:right; margin-top:20px;}
.site_title {float:right; clear:right; font-size:1.2em; font-weight:bold;}
#menu_container {background-color:#6fa3c9; font-size:1em;height:1%; overflow:hidden;  text-transform:uppercase; padding:9px 10px;}
#menu_container ul {height:1%; overflow:hidden; text-align:right; float:right;}
#menu_container ul li {float:left; display:block; margin-right:10px;}
#menu_container ul li a {color:#fff; text-decoration:none;}

#left_col ul {font-size:1.1em;}
#left_col ul li { display:block; width:100%; background-image:url(../images/dott.gif); background-repeat:repeat-x; background-position:0 bottom; padding:8px 0;}
#left_col ul li a {color:#333;}



/* unit paginator */
.paginator {font-size: 1em; padding:10px 0;}
.paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #d1d1d1; background: #fff; text-decoration: none; }
.paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginator .AtStart {border: solid 1px #eee; margin-right: 20px; padding: 2px 6px; background: #fff; color: #ddd; }
.paginator .Prev { margin-right: 20px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; }
.paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.paginator .Next { margin-left: 20px; padding: 2px 6px; border: solid 1px #ddd; background: #fff;}
.paginator .AtEnd { margin-left: 20px; padding: 2px 6px; background: #fff; color: #aaa; }
.paginator .this-page {padding: 2px 6px; border-color: #eee; vertical-align: top; background: #fff; color: #777; }
.paginator a:hover {color: #fff; background-color:#2971A7; border-color: #fff; text-decoration: none;}
/* end unit paginator */
/* ------------------------------------------------------------------------- */


.top_boxes { width:100%; margin-bottom:10px; background-image:url(../images/bg_top_boxes.gif); background-repeat:repeat-y; }
.first_box, .last_box {float:left; width:327px; padding:15px 10px;}
.first_box {margin-right:5px;}

.headline {border-bottom:5px solid #d1d1d1; padding-bottom:3px;margin-bottom:20px;}
.headline span {font-size:1.1em; color:#333; text-transform:uppercase; font-weight:bold;}
.headline .rss{float:right;}


.main_news {margin-bottom:15px;}
.thumb {float:left; margin:0 10px 5px 0;}
.title {font-size:1.2em; font-weight:bold;}
.main_news p {font-size:1.1em;}
.topics {padding:3px 5px; margin-top:10px; font-size:1.1em; background-image:url(../images/dott_pattern.gif);border-bottom:1px solid #e9f2fc;border-top:1px solid #e9f2fc;}
.news {margin-bottom:5px;}
.news li {padding:5px 0 5px 15px; border-bottom:1px solid #e5e5e5; background-image:url(../images/plus_ico.gif); background-repeat:no-repeat; background-position:left center;}
.news li a {font-size:1.2em; font-weight:bold;}
.more_btn {float:right; font-weight:bold; font-size:1.2em; color:#777!important;}

.wide_box {font-size:1.1em; line-height:18px; background-color:#fff; padding:15px 10px; height:1%; overflow:hidden;}
.wide_box p {  margin-bottom:20px;}
.wide_box h1 {font-size:2.4em; line-height:26px; margin-bottom:15px;}
.article_thumb {float:right; display:block; clear:right; margin:0 0 5px 20px;}
.article_thumb img {border:1px solid #d1d1d1; padding:1px;}
.breadcrumbs {font-size:1.1em;margin-bottom:10px;}
.breadcrumbs a{color:#777; text-decoration:underline;}

.article_box {float:right; padding:10px; background-color:#f7f7f7; clear:right; width:241px;}
.top_box {font-size:1.4em;font-weight:bold;margin-bottom:5px;}
.article_box ul li {margin-bottom:4px;}
.article_box ul li a {font-size:1.1em; color:#666!important; text-decoration:underline;}

.subcategory_list li{ background-image:url(../images/dott.gif); background-repeat:repeat-x; background-position:0 bottom; padding:8px 0;}
.list_title {font-size:1.2em; font-weight:bold;}
.more {font-size:0.9em; color:#777; text-decoration:underline;}
.subcategory_list li p {margin:0;}

.photo { border:1px solid #e4e4e4; float:left; background:#fff; margin-left:8px; margin-bottom:10px;}
.photo img { display:block; margin:4px; max-width:150px;}