﻿body {
    margin: 0;
    padding: 0;
}


#content {
    width: 1024px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

#content-main {
    clear: both;
    float: left;
    display: inline;
    width: 1024px;
    margin: 0;
    background-image: url('../images/main-bg.gif');
    background-repeat: repeat-y;
}

#content-header {
    clear: both;
    float: left;
    display: inline;
    width: 952px;
    height: 104px;
    margin: 0 0 0 37px;
    background-image: url('../images/header-bg.gif');
    background-repeat: no-repeat;
}

#header-left {
    clear: both;
    float: left;
    display: inline;
    width: 586px;
    margin: 28px 0 0 25px;
}
#header-left-inner {
    clear: both;
    float: left;
    margin-left: 23px;
}

#header-center {
    float: left;
    display: inline;
    width: 219px;
}
#header-center-inner {
    clear: both;
    float: left;
    display: inline;
    width 200px;
    font-family: Verdana;
    font-size: 9px;
    color: #6D6E71;
    margin: 41px 0 0 -15px;
    white-space:nowrap;
}
#header-center-inner a, #header-center-inner a:hover {
    font-family: Verdana;
    text-decoration: none;
    font-size: 9px;
    color: #6D6E71;
}

#header-right {
    float: left;
    display: inline;
    width: 98px;
}
#header-right-inner {
    clear: both;
    float: left;
    display: inline;
    margin: 18px 0 0 0;
}

#content-footer {
    clear: both;
    float: left;
    display: inline;
    width: 1024px;
    height: 31px;
    background-image: url('../images/footer2.gif');
    background-repeat: no-repeat;
}
.content-footer-buffer {
    clear: both;
    float: left;
    display: block;
    font-family: Verdana;
    font-size: 9px;
    color: white;
    margin-left: 50px;
    margin-top: 8px;
}

.content-footer-buffer-right {
    margin-right: 50px;    
    margin-top: 5px;
}

.innerBox {
    clear: both;
    float: left;
    display: inline;
    width: 910px;
    *width: 920px;
    margin: 0 0 25px 58px;
    *margin: 0 0 12px 50px;
}

.innerBox-header {
    clear: both;
    float: left;
    display: inline;
    width: 906px;
    height: 34px;
    margin: 5px 2px 0 2px;
    background-image: url('../images/innerBox-header.gif');
    background-repeat: no-repeat;
    background-position: bottom;
}
.innerBox-body {
    clear: both;
    float: left;
    display: inline;
    width: 906px;
    margin: 0 2px 0 2px;
    background-image: url('../images/innerBox-body.gif');
    background-repeat: repeat-y;
}
.innerBox-footer {
    clear: both;
    float: left;
    display: inline;
    width: 906px;
    height: 13px;
    margin: 0px 2px 0 2px;
    background-image: url('../images/innerBox-footer.gif');
    background-repeat: no-repeat;
    background-position: top;
}




.main-content {
    clear: both;
    float: left;
    display: block;
    width: 900px;
    background-image: url('../images/greyArrow.gif');
    background-repeat: no-repeat;
}

.main-content-left {
    clear: both;
    float: left;
    display: block;
    width: 580px;
    *width: 560px;
}
.main-content-left-inner {
    clear: both;
    float: left;
    display: inline;
    width: 535px;
    *width: 530px;
    margin: 5px 10px  0 30px;
    *margin: 5px 5px  0 15px;
    font-family: Trebuchet MS;
    font-size: 9pt;
    color: #6D6E71;
}
.main-content-left-inner img {
    clear: both;
    float: left;
    display: inline;
    margin-left: 8px;
    *margin-left: 4px;
}
.main-content-left-inner h2 {
    font-family: Trebuchet MS;
    font-size: 16pt;
    color: #ce3229;
    font-weight: bold;
}


.main-cotent-right {
    float: left;
    display: block;
    width: 310px;
    margin: 0 0 0 0;
}
.main-content-right-inner {
    clear: both;
    float: left;
    width: 305px;
    margin: 10px 2px 5px 3px;
    *margin: 5px 1px 2px 1px;
}

.main-link {
    clear: both;
    float: right;
    display: inline;
    margin-right: 25px;
}



.sectionRight {
    clear: both;
    float: left;
    display: inline;
    width: 305px;
    margin-bottom: 15px;
}
.sectionRight-Red {
    background-image: url('../images/redHeader.gif');    
}
.sectionRight-Green {
    background-image: url('../images/greenHeader.gif');
}
.sectionRight-Yellow {
    background-image: url('../images/orangeheader.gif');
}

.sectionRight-Red, .sectionRight-Green, .sectionRight-Yellow {
    clear: both;
    float: left;
    display: inline;
    width: 304px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: bottom;
    margin: 0;
}
.sectionRight-body {
    clear: both;
    float: left;
    display: inline;
    width: 304px;
    background-image: url('../images/sectionRight-body.gif');
    background-repeat: repeat-y;
    font-family: Trebuchet MS;
    font-size: 8pt;
}
.sectionRight-body p {
    clear: both;
    float: left;
    display: inline;
    width: 250px;
    margin: 5px 25px 0 5px;
    color: #6D6E71;
}
.sectionRight-text {
    clear: both;
    float: left;
    width: 300px;
    margin: 5px 25px 5px 0;
}
.sectionRight-footer {
    clear: both;
    float: left;
    display: inline;
    width: 304px;
    height: 17px;
    background-image: url('../images/sectionRight-footer.gif');
    background-repeat: no-repeat;
    background-position: top;
    margin: 0;
}

.sectionRight-buffer {
    clear: both;
    float: left;
    display: inline;
    margin: 0 5px 0 5px;
}

.sectionRight-link {
    clear: both;
    float: left;
    display: inline;
    margin: 5px 0 0 0;
    width: 290px;
}


.sectionRight-greenH2 {
    clear: both;
    float: left;
    display: inline;
    font-family: Trebuchet MS;
    font-size: 14px;
    color: #A5C959;
    margin-left: 5px;
}
.sectionRight-yellowH2 {
    clear: both;
    float: left;
    display: inline;
    font-family: Trebuchet MS;
    font-size: 14px;
    color: #E29F2F;
    margin-left: 5px;
}

.scoutImg {
    clear: both;
    float: left;
    display: inline;
    margin-left: 20px;    
}






/* Detail pages */
#body-detail {
    clear: both;
    float: left;
    display: block;
    width: 905px;
    margin-top: 0;
    margin-left: 3px;
    *margin-left: 2px;
}

#body-detail-left {
    clear: both;
    float: left;
    display: block;
    width: 150px;
    min-height: 480px;
    *height: 480px;
    background-image: url('../images/body-detail-left-bg.gif');
    background-repeat: no-repeat;
}
.body-left-buffer {
    clear: both;
    float: left;
    display: block;
    width: 115px;
    margin-left: 20px;
    *margin-left: 15px;
}

#body-detail-center {
    float: left;
    display: block;
    width: 523px;
    margin-top: 10px;
}
.body-center-buffer {
    clear: both;
    float: left;
    display: block;
    width: 488px;
    margin-left: 25px;
    *margin-left: 20px;
}

.body-center-link {
    clear: both;
    float: left;
    display: block;
    font-family: Trebuchet MS;
    font-size: 14pt;
    color: #CE3229;
    text-decoration: none;
    margin-top: 15px;
}

#body-detail-center2 {
    float: left;
    display: block;
    width: 650px;
    margin-top: 10px;
}
.body-center2-buffer {
    clear: both;
    float: left;
    display: block;
    width: 615px;
    margin-left: 25px;
    *margin-left: 20px;
}

#body-detail-right {
    float: left;
    display: block;
    width: 227px;
    background-image: url('../images/body-detail-right-bg.gif');
    background-repeat: repeat-y;
    margin-top: 5px;
}
.body-right-buffer {
    clear: both;
    float: left;
    display: block;
    width: 180px;
    margin-left: 10px;
    *margin-left: 5px;
}

.body-right-buffer p{
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #6D6E71;
}

.body-right-buffer h2 {
    clear: both;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-family: Trebuchet MS;
    font-size: 14px;
    color: #CE3229;
    font-weight: bold;
}

.body-right-buffer ul {
    *margin-left: 15px;
    margin-right: 5px;
    margin-top: 0;
}

.body-right-buffer li {
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #6D6E71;
}


.left-link {
    clear: both;
    float: left;
    display: block;
    width: 120px;
    margin-top: 10px;
    margin-left: 5px;
    font-family: Trebuchet MS;
    font-size: 9pt;
    color: #6D6E71;
}
.left-link a {
    font-family: Trebuchet MS;
    font-size: 9pt;
    color: #6D6E71;
    text-decoration: none;
}
.left-link a:hover {
    color: #CE3229;
    text-decoration: none;
}

.selected-link {
    color: #CE3229;
}


.center-content {
    clear: both; 
    float: left;
    display: block;
    width: 90%;    
    position: relative;
    font-family: Trebuchet MS;
    font-size: 12px;
    color: #6D6E71;
}

.center-content p {
    clear: both;
    float: left;
    display: block;
    margin-top: 5px;
    width: 100%;
}

.center-content h2 {
    clear: both;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-family: Trebuchet MS;
    font-size: 16pt;
    color: #CE3229;
    font-weight: bold;
}

.center-content h3 {
    clear: both;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
    font-family: Trebuchet MS;
    font-size: 16px;
    color: #CE3229;
    font-weight: bold;
}

.center-content ul {
    clear: both;
    *margin-top: 10px;
    *margin-bottom: 0px;
}

.screen-shotIMG {
    margin: 0 auto;
}

.caption {
    clear: both;
    float: left;
    display: block;
    width: 90%;
    font-size: 11px;
    font-style: italic;
    margin: 0 10px 10px 0px;
    /*text-align: center;*/
}

.right-quote-section {
    clear: both;
    float: left;
    display: block;
    width: 185px;
    margin-left: 10px;
    margin-top: 45px;
}

.right-quote-info {
    font-family: Trebuchet MS;
    font-size: 11px;
    color: Gray;
}
.right-quote-info a {
    color: Red;
    text-decoration: none;
}
.right-quote-img {
    float: left;
    margin: 5px;
}
.right-quote {
    font-family: Trebuchet MS;
    font-size: 12px;
    color: #9DA3A8;
    font-style: italic;
}

.right-quote-item {
    clear: both;
    float: left;
    display: block;
    width: 180px;
    font-family: Trebuchet MS;
    font-size: 10px;
    color: #CE3229;
    margin-bottom: 5px;
    margin-top: 5px;
}


.center-quote-item {
    clear: both;
    float: left;
    display: block;
    width: 90%;
    font-family: Trebuchet MS;
    font-size: 12px;
    color: #9DA3A8;
    margin-top: 25px;
}

BLOCKQUOTE {	
    PADDING-RIGHT: 0px;	
    PADDING-LEFT: 12px;	
    /*background-image: url('../images/bg-quote.png');*/
    background-repeat: no-repeat;	
    PADDING-BOTTOM: 0px;	
    MARGIN: 20px 0px 0px;
    width: 90%;
    color: #9DA3A8;	
    PADDING-TOP: 0px;
}    
BLOCKQUOTE P {	
    MARGIN: 2px 0px;
}
CITE {	
    PADDING-RIGHT: 0px;	
    PADDING-LEFT: 6px;	
    FONT-SIZE: 0.85em;	
    PADDING-BOTTOM: 0px;	
    MARGIN: 0px;	
    PADDING-TOP: 0px;
    color: #CE3229;
}



.wtsName {
    clear: both;
    float: left;
    display: block;
    font-family: Trebuchet MS;
    font-size: 10px;
    color: #CE3229;
    text-align: right;
    width: 400px;
}



/*  top navigation */
.navBar {
    clear: both;
    float: left;
    display: block;
    width: 850px;
    height: 31px;
    margin-left: 35px;
    margin-top: 8px;
}
.navBarBuffer {
    clear: both;
    float: left;
    font-family: Arial;
    font-size: 16pt;
    font-weight: bold;
    color: #939496;
    margin-top: 8px;
}
.navBarBuffer a {
    color: #939496;
    text-decoration: none;
}
.navBarBuffer a:hover {
    color: #CE3229;
    text-decoration: none;
}

#navBar1 {
    /*clear: both;
    float: left;
    display: block;*/
    width: 115px;
    height: 22px;
    /*margin-left: 10px;*/
}
/*
#navBar2, #navBar3, #navBar4, #navBar5 {
    float: left;
    display: block;
    margin-left:15px;
    height: 31px;
}
*/
#navBar2 {
    width: 212px;
    margin-left: 15px;
    height: 22px;
}

#navBar3 {
    width: 222px;
    margin-left: 10px;
    height: 22px;
}

#navBar4 {
    width: 107px;
    margin-left: 15px;
    height: 22px;
}

#navBar5 {
    width: 110px;
    margin-left: 15px;
    height: 22px;
}



























