html, body {background:url(../graphics/bg.jpg) repeat center top;}

/* BASIC LAYOUT */
#page {width:959px;height:auto;margin:0 auto;position: relative; min-height: 700px}

#header {height:244px; background: url(../graphics/header_image.jpg) no-repeat top left;}
#header-title {
    position:relative;
    top: 140px;
    left: 20px;
    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: 135px;
    left: 20px;
    padding: 2px 20px 5px 20px;
    width: 500px;
    height: 20px;
    overflow: hidden;
    color: black;
    font-size: 15pt;
}
#header a {text-decoration: none; color: black}

#menu {
    position:relative;
    width:877px;
    height: 42px;
    padding: 0 40px;
    margin-bottom: 10px;
    font-family: 'myriadpro_bold_webfont';
    font-size: 14pt;
}
#menu ul {padding:0;margin:0;}
#menu ul li {width: auto; height: 49px; padding:0;float: left; background: none}

#menu ul li a {
    display:block;
    height:40px;
    text-decoration:none;
    padding: 13px 20px 0 20px;
    text-align: center;
    font-weight: normal;
    color: black;
    overflow: hidden;
}
#menu ul li a:hover, #menu ul li a.selected {background: url(../graphics/menu_link_hover_bg.png) repeat-x top left;}

#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{position:relative; width: 900px; min-height: 400px; padding: 30px 30px 50px 30px; background: url(../graphics/content_bg.png) repeat }
#content h1{color: #1C6FA1}
#content #content-top-edge{position: absolute; top:0; left: 0;background: url(../graphics/content_top_edge_bg.png) no-repeat top center; width: 100%; height: 19px; z-index: 100}

#footer {width: 100%; margin-top: -7px; height:50px;position: static; text-align: center; z-index: 100; padding-top: 20px;background: url(../graphics/bottom_edge_bg.png) no-repeat center top;}
#footer a {font-weight: bold; color: black}

/* OTHER STYLES */
p.float {float:left;margin-right:30px;margin-top:1em;}
.clear {clear:both;}
div.clear {overflow:hidden;}