*{margin:0;padding:0;outline:none;}
html{color:#000;background:url(../images/bg.gif) top right no-repeat #fff;height:101%;overflow:auto;}
body{font-family:Arial,sans-serif;font-size:16px;}

img{border:none;}
a{color:#3465a4;text-decoration:none;}
a:hover{color:#729fcf;text-decoration:none;}
a.hyperlink{width:12px;height:12px;display:block;float:right;background:url(../images/link.png) center no-repeat;}
a.pdf{width:16px;height:16px;overflow:hidden;background:url(../images/pdf.png) center no-repeat;}
h1{margin-bottom:15px;font-size:0.9em;font-weight:bold;color:#2e3436;}
h2{margin-bottom:15px;font-size:0.9em;color:#555753;font-weight:bold;border-bottom:1px solid #888a85;}

.clear{clear:both;}
.hidden{display:none;overflow:hidden;}
.strong{font-weight:bold;}
.small-text{font-size:11px;}
.light-grey-text{color:#888a85;}
.dark-grey-text{color:#4b4b4b;}
.light-orange-bg{background-color:#fcaf3e;}
.light-blue-bg{background-color:#729fcf;}

#page-wrapper{width:960px;margin:0 auto;overflow:hidden;}

#header{margin:20px auto;overflow:hidden;}
#header p#logo a{float:left;width:440px;height:100px;padding-left:140px;display:block;font-size:1.3em;font-weight:bold;color:#2e3436;background:url(../images/logo.gif) left center no-repeat;}
#header p#logo span.logo-title{margin-bottom:-5px;padding-top:50px;display:block;}
#header p#header-info{float:right;width:300px;padding-top:65px;font-size:0.75em;}

#nav{width:auto;margin:0 auto;}
#nav ul {list-style:none;display:block;}
#nav li {list-style:none;float:left;}
#nav ul li.nav-first-item {width:10px;height:54px;background:url(../images/nav-corners.png) 0 0 no-repeat;}
#nav ul li.nav-last-item {width:10px;height:54px;background:url(../images/nav-corners.png) 0 -54px no-repeat;}
#nav ul li.nav-separator {width:2px;height:54px;background:url(../images/nav-separator.png) 0 0 no-repeat;}
#nav ul li.nav-item a {width:auto;height:54px;padding:0 12px;background:url(../images/nav-bg.png) 0 0 no-repeat;display:block;overflow:hidden;}
#nav ul li.nav-item a:hover, #nav ul li#current a{background-position: 0 -54px;}
#nav ul li.nav-item a span.nav-item-title {padding-top:10px;font-size:12px;font-weight:bold;color:#e5e5e5;display:block;}
#nav ul li.nav-item a span.nav-item-description {font-size:10px;color:#9f9f9f;}
#nav ul li.nav-item a:hover span.nav-item-title, #nav ul li#current a span.nav-item-title {color:#fff;}
#nav ul li.nav-item a:hover span.nav-item-description, #nav ul li#current a span.nav-item-description {color:#ccc;}

#main-page-wrapper{width:960px;margin:0 auto;padding:30px 10px 0;overflow:hidden;}

#main{width:670px;margin-right:20px;padding:0 10px 30px 0;float:left;border-right:1px solid #d3d7cf;}
#main p{font-size:0.8em;text-align:justify;color:#555753;}

#main ul{list-style:none;margin:10px 0;padding-left:40px;font-size:0.8em;color:#2e3436;}
#main ul li{margin-bottom:6px;list-style-image:url(../images/arrow_right.gif);}

#main table.contact{margin:0 auto;border-collapse:collapse;font-size:0.85em;border-bottom:1px dotted #ccc;}
#main table.contact caption{margin-bottom:10px;text-align:center;font-size:0.8em;font-weight:bold;color:#555753;border-bottom:1px dotted #ccc;}
#main table.contact td.title{width:200px;padding-right:20px;color:#2e3436;font-weight:bold;line-height:22px;text-align:right;}

div.event{clear:both;margin-bottom:10px;padding:2px 0;display:block;overflow:hidden;border:1px solid #fff;}
div.event:hover{background:#f5f5f5;border:1px solid #babdb6;}
div.event-date{float:left;width:80px;margin-right:5px;padding-top:5px;text-align:right;overflow:hidden;}
div.event-date span.event-date-day{font-size:0.9em;color:#555753;}
div.event-date span.event-date-month{font-size:1.1em;font-weight:bold;color:#2e3436;}
div.event-date span.event-date-year{font-size:1.3em;color:#babdb6;display:block;}
div.event-content{float:left;width:560px;padding-left:12px;font-size:0.85em;text-align:justify;border-left:4px solid #558ed5;}
div.event-content div.event-names{color:#888a85;}
div.event-content div.event-descr{color:#2e3436;}
div.event-content div.event-place{font-size:0.9em;color:#888a85;}
div.event-content div.event-link{display:block;text-align:right;}

div.links div{clear:both;padding:2px 5px 2px 20px;line-height:22px;font-size:0.9em;color:#2e3436;display:block;border:1px solid #fff;background:url(../images/arrow_right.gif) 2px 5px no-repeat #fff;}
div.links div.light-orange-bg{clear:both;padding:2px 5px 2px 20px;line-height:22px;font-size:0.9em;color:#2e3436;display:block;border:1px solid #fff;background:url(../images/arrow_right.gif) 2px 5px no-repeat #ffe7cf;}
div.links div:hover, div.links div.light-orange-bg:hover{background:url(../images/arrow_right.gif) 2px 5px no-repeat #f5f5f5;color:#000;border:1px solid #babdb6;}

#right{float:left;width:220px;}

div.component{margin-bottom:10px;font-size:0.85em;}
div.component div.component-title{padding:2px;text-align:center;font-size:0.9em;font-weight:bold;color:#2e3436;}
div.component div.component-body{background:#f8f8f7;border-top:2px solid #babdb6;border-right:1px solid #babdb6;border-bottom:2px solid #babdb6;border-left:1px solid #babdb6;}

div#news ul{list-style:none;padding:3px;font-size:0.9em;display:block;overflow:hidden;}
div#news ul li{list-style:none;padding-left:25px;background:url(../images/arrow_right.gif) 2px 2px no-repeat;}
div#news ul li.separator{clear:both;height:1px;margin:10px 0;border-top:1px dotted #555753}
div#news ul li a.read-more{float:right;overflow:hidden;}

div#relevant-links ul{list-style:none;padding:3px;font-size:0.9em;display:block;overflow:hidden;position:relative;height:50px;}
div#relevant-links ul li{list-style:none;padding-left:20px;display:none;position:absolute;top:5px;left:0;}

#footer{width:960px;margin:0 auto;border-top:1px solid #d3d7cf;}
#footer img{margin:10px;}
#footer span.copyright{float:right;width:auto;font-size:10px;color:#555753;}