/*
 * COLORS
 *
 * brown: rgb(111,79,62)
 * salmon: rgb(222,184,161)
 * blue: rgb(181,219,232)
 * gray: rgb(128,128,128)
 * darker blue: rgb(87,161,186)
 * dark gray: rgb(112,112,112)
 * steel blue: rgb(97,146,163)
 * very light gray: rgb(235,235,235)
 * light brown: rgb(139,99,78)
 * light salmon: rgb(252,234,220)
 */

/* A hack is in place that centers the page content on IE5 browsers.
 * This hack involves setting text-align: center on
 * the body of the page and overriding it to text-align: left for
 * children. Because IE5 incorrectly centers blocks with text-align:
 * center, this results in the page content being centered. */

/* Page content will not be centered on Netscape 4 browsers. */

body {
    background-color: rgb(128,128,128);
    margin: 0;
    font: 11px Arial, sans-serif;
    color: rgb(40,40,40);
}

a {
    text-decoration: none;
    color: rgb(87,161,186);
}

a:hover {
    text-decoration: underline;
}

h1 {
    width: 100%;
    margin: 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: rgb(111,79,62);
    background-image: url(../image/headerlines.jpg);
    background-repeat: repeat-x;
    background-position: 0 7px;
}

h1 .text {
    padding-right: 10px;
    background: white;
}

h1 .text small {
    font-size: 11px;
}

h1 a {
    color: rgb(111,79,62);
}

h2 {
    margin: 10px 0;
    font-size: 14px;
    font-weight: bold;
}

h3 {
    margin: 8px 0;
    font-size: 12px;
    font-weight: bold;
}

h4 {
    margin: 6px 0;
    font-size: 11px;
    font-weight: bold;
}

img {
    margin: 0;
    padding: 0;
    border-style: none;
}

input {
    margin: 0;
    border: 1px solid rgb(139,99,78);
    padding: 1px;
}

select {
    border: 1px solid rgb(139,99,78);
    padding: 1px;
}

textarea {
    border: 1px solid rgb(139,99,78);
    padding: 1px;
}

table {
	font: inherit; /* Some browsers like to enlarge table content */
}

.showing {
    font-weight: bold;
}

.jump {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 3px;
}

.jump .image {
    display: table-cell;
    vertical-align: middle;
    padding-top: 7px;
    padding-right: 6px;
}

.jump .body {
    display: table-cell;
    vertical-align: middle;
}

.jump .body h1 {
    width: auto;
    background-image: none;
}

.jump .body h1 a {
    padding-right: 15px;
    background-image: url(../image/jump_arrows.jpg);
    background-position: right center;
    background-repeat: no-repeat;
}

#page {
    width: 800px;
    background-color: white;
    border: solid rgb(64,64,64);
    border-width: 0 1px 1px;
    margin: 0 auto;
    text-align: center; /* Hack to center page content on IE5 */
}

#nav {
    width: 764px;
    height: 23px;
    padding: 120px 18px 0;
    text-align: left; /* Override text-align */
    background-image: url(../image/header.jpg);
    background-repeat: no-repeat;
    color: rgb(51, 51, 51);
}

#nav a {
    color: rgb(111,79,62);
}

#main {
    position: relative;
    width: 764px;
    min-height: 150px;
    margin: 0 18px 10px;
    text-align: left; /* Override text-align */
    background-image: url(../image/pjwatermark.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.backlink {
	text-align: center;
	padding: 20px 0 10px;
}

.backlink.separated {
	margin-top: 20px;
	border-top: 1px dotted rgb(128,128,128);
}

.backlink a {
        background-image: url(../image/back_arrow.jpg);
        background-position: left center;
	background-repeat: no-repeat;
	padding: 10px 0 10px 26px;
	color: rgb(111,79,62);
}  

.footer {
    width: 800px;
    padding: 8px 0;
    color: white;
    font-size: 10px;
    text-align: center;
    background-image: url(../image/footerbg.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: rgb(111,79,62);
}