html, body {background:url(../graphics/bg.png) repeat center top;}

/* BASIC LAYOUT */

#page {width:960px;height:auto;margin:0 auto;background-color: #F2F2F2; border-left: lightgrey solid thin; border-right: lightgrey solid thin}

#header {height:320px; background: url(../graphics/teaser.png) no-repeat top left;}
#header-title {
    position:relative;
    left: 330px;
    top: 15px;
    width: 350px;
    padding: 0px 20px 20px 20px;
    color: white;
    overflow: hidden;
    height: 35px;
    font-size: 30pt;  
    font-weight: bold;
}
#header-moto{
    position:relative;
    left: 400px;
    top: 3px;
    padding: 0 20px;
    width: 300px;
    height: 30px;
    overflow: hidden;
    color: black;
    font-size: 15pt;
}
#header a {text-decoration: none; color: black}

#menu {
    float:left;
    width:877px;
    height: 49px;
    background: url(../graphics/menu_bg.png) repeat-x;
    border-left: black solid thin;
    border-right: black solid thin;
    padding: 0 40px;
    margin-bottom: 10px;
    font-size: 12pt;
}
#menu ul {padding:0;margin:0;}
#menu ul li {width:auto; height: 49px; padding:0;float: left;}
#menu ul li.first{border-left: black solid thin}
#menu ul li a {
    display:block;
    height:36px;
    background: url(../graphics/menu_link.png) no-repeat top right;
    text-decoration:none;
    padding: 13px 20px 0 20px;
    text-align: center;
    font-weight: bold;
    color: white;
    overflow: hidden;
}
#menu ul li a:hover, #menu ul li a.selected {background: url(../graphics/menu_link.png) no-repeat bottom right;}
#menu ul li a span {color:#fff;font-size:12px;font-weight:normal;display:block;}

#left-column {float:left;width:304px;}
#left-column-content {padding-top:30px;}
#left-column-content .sidepanel-content {padding-left:20px;}
#left-column-content .news h3 {font-size:12px;margin:0 0 0.5em 0;}
#left-column-content .news a {font-weight:bold;}
#left-column-content .news p {margin-bottom:1.75em;}
#left-column-content .news p span {font-style:italic;font-weight:bold;}


#content{width: 100%; padding: 10px 30px; width: 900px; }

#right-column {float:right;width:672px;}
#right-column-content {padding:30px;}
#teaser {float:left;width:672px;background:#fff url(../graphics/teaser.jpg) no-repeat left top;height:329px;}
#teaser p {font-size:24px;color:#fff;padding:276px 15px 0 15px;}

#footer {float: left; width: 920px; background-color:#D8D8D8;height:18px;padding:18px 20px;color:#4C4C4C;}
#footer p {float:left;}
#footer img {float:right;}
#footer span {float: right}
#footer a {font-weight: bold;}




/* OTHER STYLES */
p.float {float:left;margin-right:30px;margin-top:1em;}
.clear {clear:both;}
div.clear {height:1px;overflow:hidden;}