body{background:#EFEFEF; text-align:center; color:#1F1F1F;}

/* LAYOUT */
#header {background: #fff; padding: 10px 0 0;}
.in {width: 850px; margin: 0 auto; text-align: left; position: relative;}
#main {margin: 1px 0 0;}
#col-content {width: 644px; float: right; display: inline; background: #fff;}
#col-side {width: 205px; float: left; display: inline;}
#footer {padding: 15px 0; color: #B4B4B4;}

/* LOGO BOX */
#logo-box {float: left; display: inline; width: 135px; margin: 0 0 0 40px;}
#logo-box h1 {margin: 0; padding: 0;}

/* SEARCH BOX */
#search-box {text-align: right;}
#search-box .red {font-size: 117%; margin-right: 20px;}
.go-btn {border: none; background: #E82000; color: #fff; font-family: arial; font-size: 100%; padding: 2px 5px 1px; cursor: pointer;}

/* ANNOT */
#header .annot {margin-left: 220px;}
#header .annot h2 {font-weight: normal; font-size: 150%;}

/* MENUS */
#main-menu {position: absolute; bottom: 0; right: 0;}
#main-menu ul {margin: 0; padding: 0;}
#main-menu ul li {margin: 0 1px 0 0; padding: 0; list-style: none; background: none; display: inline; float: left;}
#main-menu ul li a {font-size: 133.5%; font-weight: bold; color: #fff; display: block; padding: 15px 0; width: 160px; text-align: center; background: #0574B4 url('../img/bg-main-menu.png') 0 0 no-repeat;}
#main-menu ul li a:hover {background-color: #005383;}
#main-menu ul li.active a, #main-menu ul li.active a:hover {background-color: #005383;}

.side-menu {margin: 0 0 0 -20px; zoom: 1; position: relative;}
.side-menu ul {margin: 0; padding: 0;}
.side-menu ul li {margin: 0 0 1px; padding: 0; list-style: none; background: none; float: right; clear: both; width: 100%;}
.side-menu ul li a {font-weight: bold; color: #1F1F1F; display: block; padding: 15px 0 15px 35px; background: #fff url('../img/bg-side-menu.png') 15px 50% no-repeat; zoom: 1;}
.side-menu ul li a:hover {background: #DE1F00 url('../img/bg-side-menu-active.png') 15px 50% no-repeat; color: #fff;}
.side-menu ul li.active a, .side-menu ul li.active a:hover {background: #DE1F00 url('../img/bg-side-menu-active.png') 15px 50% no-repeat; color: #fff;}

/* CONTENT */
.content {padding: 0 20px 5px;}

/* BOXS */
.left-box {float: left; display: inline; width: 350px; padding: 0 20px;}
.right-box {float: right; display: inline; width: 213px; padding: 0 20px;}
.boxs {background: url('../img/bg-boxs.png') 0 0 repeat-y;}

/* NEWS BOX */
.news-box ul {margin: 0; padding: 0;}
.news-box ul li {margin: 0 0 10px; padding: 0 0 12px; list-style: none; background: url('../img/bg-news.png') 0 100% repeat-x;}
.news-box ul li h3 {font-size: 100%; margin: 0;}
.news-box ul li h3 a {text-decoration: none;}
.news-box ul li h3 a:hover {text-decoration: underline;}
.news-box ul li .date {color: #939393; margin: 0;}
.news-box ul li p {margin: 0;}
.news-box ul li .more {background: url('../img/row-red.png') 0 50% no-repeat; padding-left: 12px;}
.news-box ul li .more:hover {color: #00629B;}
.news-box ul li a {color: #E82000;}
.news-box ul li a:hover {color: #1ff1f;}

.more {background: url('../img/row-black.png') 0 50% no-repeat; padding-left: 12px;}

/* GREY ROW */
.grey-row {background: #EFEFEF; padding: 2px 0 0 2px;}
.grey-row img {display: inline; margin: 0 1px 0 0;}
/* White */
.white-row {background: #FFFFFF; padding: 2px 0 0 2px;}
.white-row img {display: inline; margin: 0 1px 0 0;}

/* CONTACT BOX */
.contact-box {background: #fff; padding: 20px 20px 5px 20px;}
.contact-box h2 {margin: 0 0 10px;}
.contact-box a {text-decoration: none;}
.contact-box a:hover, .contact-box a:hover strong {text-decoration: underline;}