@charset "UTF-8";
/**
 * CSS for layout elements.
 *
 * @copyright  Copyright (c) 2005-2008 Found Line, Inc. (http://www.foundline.com/)
 * @version    $Id: layout-screen.css 721 2009-01-05 04:32:20Z jason.pelletier $
 */

body {
	background-color: #E4E3DF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: black;
	text-align: center;
}
#page {
	position: relative;
	width: 1000px;
	margin: -15px auto 25px; /* for clearance use margin-top: 50px, for flush use margin-top: -15px */
	overflow: hidden;
	background: transparent url('../images/page.jpg') repeat-y center top;
}
#content,
#header,
#footer {
	position: relative;
	padding-left: 23px;
    padding-right: 23px;
}
#content {
    overflow: hidden;
    float: none;
    margin-top: 40px;
}
#header {
    position: absolute;
    top: 0;
    left: 0;
	padding-top: 15px;
	background: transparent url('../images/page_header.jpg') no-repeat center top;
}
#footer {
    _clear: both;
	padding-bottom: 15px;
	background: transparent url('../images/page_footer.jpg') no-repeat center bottom;
	_background: none;
}
    #header .inner,
    #content .inner,
    #footer .inner {
        position: relative;
        width: 904px;
        margin: 0 auto;
        padding: 0 25px;
        text-align: left;
        background-color: white;
    }
    #header .inner {
        position: relative;
        height: 65px;
        margin-top: -57px;
        overflow: hidden;
        background: #AEDCD9 url('../images/header-inner.jpg') repeat-x 0 bottom;
        z-index: 1;
    }
    #header ul.navigation {
        position: relative;
        padding: 25px 10px 8px;
        text-align: right;
        z-index: 5;
    }
    #header ul.navigation li {
        display: inline;
        margin-left: 10px;
        font-size: 1.2em;
        list-style: none;
        vertical-align: middle;
    }
    #header img#vpr-logo {
        position: absolute;
        top: 25px;
        left: 33px;
        z-index: 5;
    }
    #content .inner,
    #related {
        position: relative;
        margin-top: 65px;
        text-align: left;
    }
    #content .inner {
        width: 530px;
        min-height: 350px;
        float: left;
        margin-left: auto;
        margin-right: auto;
        padding-top: 4px;
        padding-bottom: 50px;
        background-color: white;
    }
    #related {
        width: 300px;
        float: right;
        clear: none;
        padding: 0 25px;
        background-color: #F6F6F6;
    }
    #footer .inner {
        height: 25px;
    }
    #footer ul.credits {
        margin-left: -15px;
        margin-right: -15px;
    }
    #footer ul.credits li {
        display: inline;
        margin-right: 12px;
        list-style: none;
    }
    #footer ul.credits li,
    #footer ul.credits li a {
        color: #999;
    }
    #footer ul.credits li.copyright,
    #footer ul.credits li.copyright a {
        color: #666;
    }

/* LINKS */
a,
a:link,
a:visited,
a:active,
a:hover,
a:focus {
	color: #333;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #780515;
	text-decoration: underline;
}