﻿/*BODY*/
body {
background: #000000;
color: #000000;
font-family: arial;
font-size: 8pt;
margin: 10px;
padding: 10px;
text-align: center;/*CENTER FOR IE5*/
}


/*CONTAINER*/
#container {
background: #D9D9B7;/*LEFT COLUMN COLOR*/
border: solid 1px #FFFFFF;
margin: auto;/*CENTER FOR COMPLIANT BROWSERS*/
text-align: left;
width: 767px;
}


/*HEADER*/
#header {
background-color: #000000;
border-bottom: solid 1px #FFFFFF;
height: 75px;
width: 767px;
}


/*NAVIGATION*/
#navigation {
background: #D9D9B7;/*COLOR OF NAVIGATION BACKGROUND*/
border-bottom: solid 1px #FFFFFF;
height: 25px;
margin: 0px;
padding: 0px;
width: 767px;
}

#navigation ul {
border: 0px;
clear: left;
color: #FFFFFF;
height: 25px;
list-style-type: none;
margin: 0px;
padding: 0px;
text-align: center;
width: 767px;
}

#navigation ul li {
display: block;
float: left;
margin: 0px;
padding: 0px;
text-align: center;
}

#navigation ul li a {
border-right: solid 1px #FFFFFF;
color: #000000;/*COLOR OF NAVIGATION TEXT*/
display: block;
font-weight: bold;
height: 25px;
line-height: 25px;
letter-spacing: 0px;
padding: 0px;
text-align: center;
text-decoration: none;
width: 95px;
}

#navigation ul li a:hover {
background: #000000;/*COLOR OF NAVIGATION BACKGROUND WHEN HOVERING*/
color: #FFFFFF;/*COLOR OF NAVIGATION TEXT WHEN HOVERING*/
height: 25px;
}

#navigation ul li a span {
margin: 0px;
}

#navigation ul li#one a {width: 90px;}
#navigation ul li#two a {width: 90px;}
#navigation ul li#three a {width: 95px;}
#navigation ul li#four a {width: 95px;}
#navigation ul li#five a {width: 105px;}
#navigation ul li#six a {width: 95px;}
#navigation ul li#seven a {width: 95px;}
#navigation ul li#eight a {border-right: 0px; width: 95px;}


/*BODY SWITCHER*/
div#oneon #navigation ul li#one a, div#twoon #navigation ul li#two a, div#threeon #navigation ul li#three a, div#fouron #navigation ul li#four a, div#fiveon #navigation ul li#five a, div#sixon #navigation ul li#six a, div#sevenon #navigation ul li#seven a, div#eighton #navigation ul li#eight a {
background: #000000;/*COLOR OF NAVIGATION BOX FOR SELECTED PAGE*/
color: #FFFFFF;/*COLOR OF TEXT IN NAVIGATION BOX FOR SELECTED PAGE*/
}

div#oneon #navigation ul li#one a span, div#twoon #navigation ul li#two a span, div#threeon #navigation ul li#three a span, div#fouron #navigation ul li#four a span, div#fiveon #navigation ul li#five a span, div#sixon #navigation ul li#six a span, div#sevenon #navigation ul li#seven a span, div#eighton #navigation ul li#eight a span {
background: #000000;/*COLOR OF BACKGROUND SURROUNDING TEXT IN NAVIGATION BOX FOR SELECTED PAGE*/
}


/*TITLE*/
#title {
background-color: #FFFFFF;
border-bottom: solid 1px #FFFFFF;
height: 200px;
width: 767px;
}


/*SITEMAP*/
#breadcrumbs {
padding: 20px 0px 0px 25px;
}

.SiteMap a {
color:#008CC9;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
}

.SiteMap a:hover {
color:#000000;
text-decoration:underline;
}


/*MIDDLE*/
#middle {
background: #FFFFFF;/*BACKGROUND COLOR OF RIGHT COLUMN*/
border-left: solid 1px #FFFFFF;/*COLOR OF RIGHT COLUMN BORDER (LEFT SIDE)*/
margin-left: 225px;/*THIS IS THE SPACE FOR THE LEFT COLUMN*/
}


/*LEFT*/
#left {
float: left;
left: -2px;/*LINE IT UP EXACTLY WITHOUT LOSING PRESSURE ON FOOTER*/
margin-left: -224px;/*MUST BE 1PX LESS THAN WIDTH*/
position: relative;
width: 225px;/*THIS WIDTH IS THE SAME AS THE MARGIN ON #MIDDLE */
}


/*LEFT HEADER*/
#left_header {
color: #000000;/*BACKGROUND COLOR OF LEFT COLUMN TITLE*/
font-size: 9pt;
font-weight: bold;
margin: 20px 25px 10px 25px;
}

/*IMAGES*/
img.standard {
float: left;
padding: 4px;
border: 1px solid #2C5078;
margin: 0px 10px 0px 30px;
}

img.thumbnail {
float: left;
padding: 4px;
border: 1px solid #2C5078;
margin: 0px 10px 20px 0px;
width: 104px;
height: 78px;}

img.thumbnail2 {
float: left;
margin: 20px 0px 0px 30px;
padding: 4px;
border: 1px solid #2C5078;
width: 104px;
height: 139px;}

img.left_thumbnail {
float: left;
padding: 4px;
border: 1px solid #2C5078;
margin: 0px 10px 20px 0px;
width: 104px;
height: 78px;
}

img.head_thumbnail {
float: left;
padding: 4px;
border: 1px solid #FFFFFF;
margin: 5px 12px 0px 30px;
width: 176px;
height: 132px;
}

/*LEFT SIDEBAR IMAGES*/
#left_sidebar_images {
height: 169px;
border-bottom: solid 1px #000000;
width: 225px;
}


/*LEFT SIDEBAR IMAGES_TALL*/
#left_sidebar_images_tall {
height: 300px;
border-bottom: solid 1px #000000;
width: 225px;
}


/*LEFT TEXT*/
#left p {
margin: 0px 25px 0px 25px;
}


/*LOGIN TEXT*/
#login p {
margin: 10px 25px 0px 25px;
}


/*RIGHT*/
#right {
float: left;
margin-right: -1px;/*CONTAIN CLEARED ELEMENTS FROM CLEARING OTHER FLOATS*/
margin-top: 10px;
width: 100%;
}

/*RIGHT IMAGE*/
#right_image {
border: solid 1px #B72626;
float: left;
height: 113px;
margin: 0px 10px 0px 25px;
padding: 1px;
width: 150px;
}


/*RIGHT TEXT*/
#right p {
margin: 0px 25px 25px 25px;
}

/*RIGHT_SUBHEADER*/
#right_subheader {
color: #6B6B6B;
font-size: 11pt;
margin: 2px 25px 15px 25px;
}

/**/

/*TEXT HEADINGS*/
h1 {
border-bottom: solid 1px #000000;/*COLOR OF RIGHT COLUMN TITLE UNDERLINE*/
color: #000000;/*COLOR OF RIGHT COLUMN TITLE*/
font-size: 14pt;
font-weight: normal;
margin: 10px 25px 10px 25px;
width: 485px;
}


h2 {
color: #000000;/*COLOR OF RIGHT COLUMN SECONDARY TITLE*/
font-size: 12pt;
font-weight: normal;
margin: 0px 25px 5px 25px;
}


/*----- FORM ----- */
input {
color: #707070;
font: normal 8pt Arial;
}

.form_box {
margin: 0px 0px 0px 25px;
color: #707070;
}

.form_button {
margin: 0px 0px 0px 25px;
color: #2C5078;
float:left;
font-family: Arial;
font-size: 8pt;
}

.form_button2 {
margin: 0px 0px 0px 5px;
color: #2C5078;
float:left;
font-family: Arial;
font-size: 8pt;
}


.form_checkbox {
margin: 0px 0px 0px 25px;
color: #000000;
font-family: Arial;
font-size: 8pt;
}


.form_error {
margin: 0px 0px 0px 0px;
color: #B72626;
font-family: Arial;
font-size: 8pt;
}

.form_failure {
margin: 5px 0px 5px 25px;
color: #B72626;
font-family: Arial;
font-size: 8pt;
}

.form_name {
margin: 0px 0px 0px 25px;
color: #000000;
font-family: Arial;
font-size: 8pt;
}


/*PRINT*/
#print {
margin: 25px;
}


/*HEADLINES*/
.headline {
color: #006DB0;
font-weight: bold;
}


/*LINKS*/
#middle a {
color: #008CC9;
text-decoration: none;
}

#middle a:hover {
color: #008CC9;
text-decoration: underline;
}


/*BULLETED LIST*/
.list {
margin: 0px 25px 20px 75px;
}


/*CLEARFIX*/
.clearfix:after {
clear: both;
content: "."; 
display: block; 
height: 0px; 
visibility: hidden;/*CLEAR WITHOUT STRUCTURAL MARK-UP FROM PIE WEBSITE*/
}

.clearfix {
display: inline-block;
}


/*MAC HIDE*/
* html .clearfix {
height: 1%;
}

.clearfix {display: block;}
/*END HIDE*/
/*DO NOT CHANGE OR AMALGAMATE CLEARFIX STYLES*/


/*FOOTER*/
#footer {
background-color: #000000;
border-top: solid 1px #FFFFFF;
color: #FFFFFF;
width: 767px;
}

.left {
float: left;
padding: 10px 0px 10px 20px;
}

.left a {
color: #FFFFFF;
text-decoration: none;
}

.left a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.right {
float: right;
padding: 10px 20px 10px 0px;
}


/*PRINT*/
@media print
{
    #navigation 
    {
        display: none;
    }
}