/* Start of CMSMS style sheet 'screen' */
/* =Imports
============================================================================== */
@import url("resets.css");

/* =Base Structure
============================================================================== */
body {font: 12px/1.5 Arial, serif; background: #422400 url(/images/cms/page.png); color: #333;}
#content {width: 996px; margin: auto;}
h1 {font-family: Verdana, Arial, sans-serif; font-size: 28px; color: #7f2d2d; text-transform: uppercase; display: none;}
p {text-align: left;}
a{color: #1C9CFF;}

#the-content ul{margin-left: 20px;}
#the-content ul{list-style: disc;}

#home-image{background: #fff url(/images/cms/home-image.png) center bottom no-repeat; clear: both; height: 300px;}
#home-image span{display: none;}
#home-image-wrapper{width: 940px; background: #fff url(/images/cms/home-image-wrapper.png) top left no-repeat; padding: 15px; margin-bottom: 15px;}
#internal-image-wrapper{width: 940px; background: #fff url(/images/cms/internal-image-wrapper.png) top left no-repeat; padding: 15px; margin-bottom: 15px;}
#internal-image{background: #fff url(/images/cms/internal-image.png) center center no-repeat; clear: both; height: 100px;}

#header{padding: 0px; height: 100px; position: relative;}
.home-en{background: transparent url(/images/cms/logo-en.png) -25px 0px no-repeat;}
.home-bg{background: transparent url(/images/cms/logo.png) -25px 0px no-repeat;}
/* =Navigation */
#top-menu{width: 650px; float: right; position: absolute; right: 5px; top: 55px; margin-right: 4px;}
#top-menu li{float: right; margin-left: 10px;}
#top-menu li a{display: block; text-align: center; background: #ffa20f url(/images/cms/top-buttons.png) center right no-repeat; color: #fff; text-decoration: none; font-weight: bold;}
#top-menu li a span{ display: block; padding: 7px 15px; margin-right: 4px; background: #ffa20f url(/images/cms/top-buttons.png) center left no-repeat;}

#top-menu li a:hover{display: block; text-align: center; background: #ffa20f url(/images/cms/top-buttons-hover.png) center right no-repeat; color: #FFBB00; text-decoration: none; font-weight: bold;}
#top-menu li a:hover span{ display: block; padding: 7px 15px; margin-right: 4px; background: #ffa20f url(/images/cms/top-buttons-hover.png) center left no-repeat;}

#buttons {border: none; float: left; width: 767px;}
#buttons li{float: left; width: 150px; margin-right: 15px; padding: 13px; height: 177px; background: #e3c104 url(/images/cms/button-wrapper.png) top left no-repeat;}
#buttons li.last{margin-right: 0px;}
#buttons li.hover{background: #e3c104 url(/images/cms/button-wrapper-hover.png) top left no-repeat;}
#buttons li a{text-decoration: none; color: #ffffff; font-weight: bold;}
#useful-links{ float: left; width: 193px;}
#useful-links h3{text-transform: uppercase; font-size: 13px; padding: 0px 0 6px 0; border-bottom: 2px solid #666666;}
#useful-links li a{ display: block; border-bottom: 1px dashed #555; padding: 4px 0 4px 10px; text-decoration: none; color: #4C4C4C; font-weight: bold;}
#useful-links li a:hover{color: #c00;}
#buttons-background{height: 150px; margin-top: 15px;}
.image-button{display: block; height: 100px; border: 1px solid; margin-bottom: 7px;}
#buttons .button-1{background: #CCC url(/images/cms/button-1.jpg) left top no-repeat;}
#buttons .button-2{background: #CCC url(/images/cms/button-2.jpg) left top no-repeat;}
#buttons .button-3{background: #CCC url(/images/cms/button-3.jpg) center center no-repeat;}
#buttons .button-4{background: #CCC url(/images/cms/button-4.jpg) center center no-repeat;}
.footer{clear: both; padding: 5px 15px 30px 15px; color: #333;}
.footer-right{float: right;}
.footer-left{float: left;}
.footer a{color: #333; font-weight: bold; text-decoration: none;}

#sidebar{width: 300px; float: right;}
#the-content{text-align: left; float: left; width: 620px; margin-bottom: 30px;}
#the-content p{text-align: left; line-height: 1.7em; margin-bottom: 15px; text-align: justify;}
#the-content img{float: left; margin: 5px 15px 15px 0px;}
h2{font-family: Arial,serif; font-size: 24px; font-style: normal; margin-bottom: 15px;}
.main-content-shrinker{margin: 0 5px 0 5px;}
.sections{margin-bottom: 30px;}
.sections li{background: #e3c104 url(/images/cms/button-internal-wrapper.png) top left no-repeat; height: 89px; clear: both; margin-bottom: 10px;}
.sections li.hover{background: #e3c104 url(/images/cms/button-internal-wrapper-hover.png) top left no-repeat;}
.sections li a{display: block; padding: 14px; color: #fff; text-decoration: none; font-weight: bold; font-size: 1.1em;}
.image-internal-button{display: block; float: left; height: 60px; width: 100px; margin-bottom: 7px; border: 1px solid; margin-right: 14px;}
.sections .button-1{background: #CCC url(/images/cms/internal-button-1.jpg) left top no-repeat;}
.sections .button-2{background: #CCC url(/images/cms/internal-button-2.jpg) left top no-repeat;}
.sections .button-3{background: #CCC url(/images/cms/internal-button-3.jpg) center center no-repeat;}
.sections .button-4{background: #CCC url(/images/cms/internal-button-4.jpg) center center no-repeat;}

#sidebar{margin-bottom: 40px;}
#sidebar h3{text-transform: uppercase; font-size: 13px; padding: 0px 0 6px 0; border-bottom: 2px solid #666666;}
#sidebar .partners li a{ display: block; border-bottom: 1px dashed #555; padding: 4px 0 4px 20px; text-decoration: none; color: #4C4C4C; font-weight: bold;}
#sidebar .partners li a:hover{color: #422400;}
#main-content{padding: 0 14px; background: #e2ffdd url(/images/cms/main-content.png) -2px top repeat-y;}
.clear{clear: both;}
.top-bevel{background: #e2ffdd url(/images/cms/main-content-top.png) -2px top no-repeat; height: 12px; }
.bottom-bevel{background: #e2ffdd url(/images/cms/main-content-bottom.png) -2px bottom no-repeat; height: 14px; }
.sectionheader{display:none;}
#content p{text-align: justify;}
.gallery h2, .gallery h3, .gallery .gallerycomment, .gallery p {display: none;}
.pagenavigation .prevpage, .pagenavigation .nextpage{display: none;}
#logo-link{display: block; position: absolute; width: 430px; height: 100px;}

.languages{position: absolute; top: 0; right: 5px; width: 195px; height: 25px; background: transparent url(/images/cms/languages.png) top right no-repeat;}
.languages .bg{position: absolute; top: 0; left: 0px; width: 105px; height: 24px; }
.languages .en{position: absolute; top: 0; right: 0px; width: 85px; height: 24px; }

/* News */
.NewsSummary h3{font-size: 1.2em; margin-bottom: 15px;}
#the-content .NewsSummary p{margin-bottom: 0px;}
.NewsSummaryMorelink{margin-bottom: 35px;}
#NewsPostDetailSummary strong{font-weight: normal;}
#NewsPostDetailTitle {font-size: 1.2em;}
h3{font-size: 19px;}
/* End of 'screen' */

