@import "main.css";

#contentArea {border-top: 1px solid #d9a61c; clear: both;}

#subMenu {padding: 15px 0 20px 0; width: 170px; margin-right: 4px; float: left; background: #7896b9 url(../images/submenu_municipality_top.png) top repeat-x;}
#subMenu ul li {border-bottom: 1px solid #a1b6ce;}
#subMenu ul li a {color: #fff; padding: 3px 0 5px 15px; display: block; width: 155px; font-weight: bold; background: url(../images/submenu_home_bullet.png) 5px center no-repeat;}
#subMenu ul li a:hover {background-color: #8ca0c3; text-decoration: none;}
#news, #newsletter {padding-top: 7px; width: 348px; margin-right: 4px; float: left; font-size: 10px; background: #fff url(../images/news_top.png) top repeat-x;}
#contentArea .newsEN {width: 596px; margin: 0;}
#newsletter {width: 244px; margin: 0; background-color: #fff2cd;}
#news a, #newsletter a {font-weight: bold; color: #664e0d;}
#news a:hover, #newsletter a:hover {color: #333;}
#news p.title, #newsletter p.title {background-color: #ffc420; padding: 5px 0 6px 5px; color: #fff; font-weight: bold; font-size: 12px;}
#news p.title a, #newsletter p.title a {color: #fff;}
#newsletter p.title {color: #305792;}
#newsletter p.title a {color: #305792;}
#newsletter p.conferences {border-top: 4px solid #fff;}
#newsletter ul {padding: 10px 5px 0 10px;}
#newsletter ul li {color: #000; padding-bottom: 10px;}
#news dl {width: 345px;}
#contentArea .newsEN dl {width: 593px;}

#news dl dt, #news dl dd {width: 60px; float: left; color: #000; margin: 5px 0;	padding: 1px 0 2px 0;}

/* commented backslash hack for mac-ie5 \*/
#news dl dt {clear: both; background-color: #d8e2e9; text-align: center;}
/* end hack */

#news dl dd {width: 280px; padding-left: 5px; background: none;}
#news dl dt.more {background: none;}
#news dl dd.more a, #newsletter ul li.more a {font-weight: normal;}
#contentArea .newsEN dl dd {width: 528px;}
#homeBanners {clear: both;}
#homeBanners p {margin-top: 4px;}
#homeBanners p.big {float: left;}
#homeBanners #tools {float: left;}
#homeBanners #tools p {float: left;}
#homeBanners #tools p img {margin: 0 4px 4px 0;}
#homeBanners #right p {margin-left: 4px; float: left;}
#homeBanners .banners2nd {clear: both;}
#homeBanners .banners2nd img {float: left; margin: 0 4px 4px 0; padding: 0;}
#homeBanners .banners2nd p {margin: 0; padding: 0; float: left;}
#homeBanners .banners2nd p img {margin-right: 0;}

#guideOverview {clear: both; margin-top: 4px; height: 189px; background: #c1efff url(../images/culture_home_bg.png) top repeat-x;}
#guideOverview #links {float: left; height: 100%; width: 522px; background: url(../images/culture_home_bg_img.jpg) bottom right no-repeat;}
#guideOverview #links ul {float: left; padding: 0 5px 0 10px;}
#guideOverview #links ul.short {padding-left: 5px;}
#guideOverview #links ul li {padding: 3px 0;}
#guideOverview #links ul li a {display: block; color: #315791; font-weight: bold; padding: 2px 10px 3px 15px; width: 185px; border: 1px solid #fff; background: #d6f4fe url(../images/culture_home_bullet.png) 5px center no-repeat;}
#guideOverview #links ul.short li a {width: 110px;}
#guideOverview #links ul li a:hover {background-color: #fff; text-decoration: none;}
#guideOverview #links p.title {font-size: 17px; font-weight: bold; font-family: Arial; color: #315791; padding: 15px 30px; background: url(../images/culture_home_title_bullet.png) left center no-repeat;}
#guideOverview #banners {width: 244px; float: right; background-color: #fff; padding-left: 4px;}
#guideOverview #banners p {margin-bottom: 4px; float: left;}
#guideOverview #banners p.register {margin-left: 4px;}

#banners-right p {padding-bottom: 10px;}