@import url(form.css);
@import url(content.css);

* {
    margin: 0;
    padding: 0;
}

html {
    width: 100%;
    height: 100%;
}

body {
    background-color: #fff;
    height: 100%;
    width: 100%;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.hideme, dfn {
    display: inline;
    height: 0;
    left: -999em;
    overflow: hidden;
    position: absolute;
    top: -999em;
    width: 0;
}

#skip_top {
    left: -999em;
    position: absolute;
    top: -999em;
    width: 100%;
    z-index: 666;
}

#skip_top a:focus, #skip_top a:active {
    background-color: #fff;
    border: 5px #32353C solid;
    display: block;
    left: 1000em;
    padding: 2em;
    position: absolute;
    top:  1000em;
    width: 300px;
    z-index: 666;
}

hr {
    display: none;
}

#wrapper {
    background: url(../img/bg_content.png) 0 0 repeat-y;
    border-top: 20px #f2f1ef solid;
    margin: 0 auto 0 auto;
    position: relative;
    width: 780px;
}

#header {
    background: url(../img/bg_header.png) left bottom no-repeat #fff;
    position: relative;
}

#header h1 {
    bottom: 97px;
    display: block; 
    margin: 0;
    padding: 0;
    position: absolute;
}

ul#nav_meta {
    list-style-type: none;
    float: right;
    margin: 30px 0 5px 0;
    padding: 0;
    position: relative;
    text-align: right;
}

ul#nav_meta li {
    display: inline;   
    margin: 0;
    padding: 0;
}

ul#nav_meta li a {
    background: url(../img/bg_nav_meta.png) center bottom no-repeat;
    color: #32353c;
    display: block;
    float: left;
    margin: 0;
    padding: 2px 6px 6px 6px;
    text-decoration: none;
}

ul#nav_meta li a:hover,
ul#nav_meta li a:focus,
ul#nav_meta li a.active { background: url(../img/bg_nav_meta_active.png) center bottom no-repeat; }

#header #headerfoto { clear: both; padding-bottom: 7px; text-align: right; }


/* Sidebar */

#col_sidebar {
    float: left;
    width: 240px;
}

#col_sidebar #nav_main {
    list-style-type: none;
    padding: 0;
    margin: 50px 0 10px 0;
}

#col_sidebar #nav_main li { margin: 0 0 5px 0;}

#col_sidebar #nav_main li a {
    background: url(../img/bg_nav_main.png) center left no-repeat;
    display: block;
    padding: 2px 0 2px 15px;
    text-decoration: none;
}

#col_sidebar #nav_main li a:hover,
#col_sidebar #nav_main li a:focus {
    background: url(../img/bg_nav_main_hover.png) center left no-repeat;
}

#col_sidebar #nav_main li a.open,
#col_sidebar #nav_main li h3 {
    background: url(../img/bg_nav_main_active.png) center left no-repeat;
    font-size: 1.0em;
    font-weight: normal;
    padding: 2px 0 2px 15px;
    margin: 0 !important;
}

#col_sidebar #nav_main ul {
    list-style: none;
    padding: 0 0 0 10px;
}

#col_sidebar #nav_main ul li { margin: 2px 0 0 0;}

#col_sidebar #nav_main ul li a { background: none !important; }

#col_sidebar #nav_main ul li a:hover,
#col_sidebar #nav_main ul li a:focus { color: #EA9123; }

#col_sidebar #nav_main ul li h3 {
    background: none !important;
    color: #EA9123;
    font-weight: bold;
}


/* Content */

#col_content {
    float: right;
    padding: 20px 10px 5px 15px;
    width: 510px;
}


/* Footer */

#footer {
    clear: both;
}

#skip_bottom {
    list-style: none;
    margin: 0 0 0 530px;
    padding: 0;
}

#skip_bottom a {
    background: url(../img/b_totop.png) center left no-repeat;
    display: block;
    height: 44px;
    text-indent: -999em;
    width: 250px;
}