@import url('refinery/application.css');
/*
	Override default refinery application CSS below.
	Formatting applies to all frontend.
*/
body {
    background: url('/images/footer_background.gif');
    margin: 0px;
}
#header h1 {
    margin: 0px;
}
#page_container {
    background: url('/images/body_background.gif');
    height: 806px;
}
#page {
    width: auto;
    padding: 0px;
    margin: 0px auto;
    max-width: 1200px;
    background-color: #1a1a1a;
    position: relative;
}
#page_background_image {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
#body, #header, #footer_content {
    width: 960px;
    margin: 0px auto;
    position: relative;
}
#header_content {
    width: 710px;
    margin: 0px 0px 0px auto;
    text-align: right;
    height: 120px;
    background: url('/images/medium_opacity.png') repeat transparent;
}
#header_content h1 img {
    margin: 6px 20px 6px 0px;
}
#footer_content {
    text-align: right;
    position: relative;
    height: 92px;
}
#footer_content p img {
    vertical-align: top;
    margin-right: 22px;
}
#footer_copyright {
    position: absolute;
    right: 0px;
    top: 21px;
}
#menu {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
#menu li {
    text-align: right;
    list-style: none;
    position: relative;
    display: block;
    width: 250px;
}
#menu li a {
    text-decoration: none;
    color: black;
    font-family: Arial;
    font-size: 35px;
    font-weight: bold;
    line-height: 42px;
    text-transform: lowercase;
    display: block;
    padding-right: 22px;
    width: 228px;
}
#menu li ul {
    position: absolute;
    top: 0px;
    left: -9999px;
}
#menu li:hover ul, #menu li.sfhover ul {
    left: 210px;
}
#menu li ul li {
    text-align: left;
    border: 1px solid white;
    border-top: 0px none;
    width: 444px;
}
#menu li ul li.first {
    border-top: 1px solid white;
}
#menu li ul li a {
    color: #cacaca;
    width: 404px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    background: white;
}
#menu li ul li.selected a, #menu li ul li a.selected, #menu li ul li a:hover {
    color: #6d6d6d;
}
#body_content {
    width: 710px;
    padding: 0px;
    float: left;
    background: url('/images/body_content_background.png') repeat;
    min-height: 637px;
}
#body {
    position: relative;
    min-height: 686px;
}
#body_content, #menu {
    padding: 49px 0px 0px 0px;
}
#body_content h1 {
    color: #6d6d6d;
    font-size: 35px;
    font-family: Arial;
    text-transform: lowercase;
}
#body_content_left {
    width: 380px;
    padding: 0px 20px 55px 20px;
}
#body_content_right {
    padding: 20px 20px 20px 20px;
    width: 243px;
    background: white;
    margin-left: 6px;
}
#body_content_page_title {
    margin: auto 0px;
    padding: 0px 20px;
}
#body_content.no_right #body_content_left {
    width: 670px;
}
#body_content.no_left #body_content_right {
    width: 710px;
}