html, body {background:url(../graphics/bg.png) repeat center top fixed; height: 100%;}
html {
    height: 100%;
    margin: 0;
    padding: 0;
}
/* BASIC LAYOUT */
#top-edge{position:fixed; top:0; background: url(../graphics/top_edge_bg.png) no-repeat top center; width: 100%; height: 19px; z-index: 100}
#wrap {height: 100%; min-height: 100%; position: relative; background: url(../graphics/wrap_bg.png) repeat-y top center;}
[id]#wrap {height: auto;}
#page {width:960px; margin:0 auto; background-color: #E1EFF5;}

#header {height:320px; background: url(../graphics/header_image.png) no-repeat top left;}
#header-title {
    position:relative;
    top: 100px;
    left: 400px;
    width: 500px;
    height: 45px;
    padding: 2px 20px 5px 20px;
    color: #4C4C4C;
    overflow: hidden;
    font-size: 30pt;  
    font-weight: bold;
    text-shadow:              white 1px 1px 1px;
    -webkit-text-shadow: white 1px 1px 1px;
    -moz-text-shadow:     white 1px 1px 1px; 
    font-family: 'myriadpro_bold_webfont';
}
#header-moto{
    position:relative;
    top: 100px;
    left: 400px;
    padding: 2px 20px 5px 20px;
    width: 500px;
    height: 20px;
    overflow: hidden;
    color: white;
    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-family: 'myriadpro_bold_webfont';
    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: normal;
    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{padding: 10px 30px 80px 30px; width: 900px; }
#content h1{color: #1C6FA1}

#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 {width: 100%; background: url(../graphics/bottom_edge_bg.png) no-repeat top center; height:50px;position: absolute; bottom: 0; text-align: center; z-index: 100; padding-top: 30px}
#footer a {font-weight: bold; color: #177F7A}




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