﻿/*******************CMS***********************************/
#topCMSBar
{
    width: 903px;
    height: 20px;
    background-color: #000000;
    border-bottom: dotted 1px white;
}
#leftCMSBar
{
    width: 155px;
    min-height: 300px;
    background-color: #c5c5c5;
    float: left;
    text-align: center;
}
#rightCMSContainer
{
    text-align: left;
    float: left;
    margin-left: 20px;
}
.CMSButton
{
    padding-bottom: 5px;
}
/*PLEASE NOTE:  ITEM TEMPLATE STYLES FOR THE CMS LISTVIEW MAY BE CONTAINED IN THE CODE-BEHIND***/
/*THIS IS SO THE STYLE COULD BE MAINTAINED AT RUNTIME ON THE TEMPLATED CONTROL******************/

/*********************HEADER******************************/
#header /*black fade background, green spacer, and drop shadow horizontal bar*/
{
    width: 100%;
    height: 118px;
    background-image: url( ../images/topBG.jpg );
    margin-top: 0px;
}
#greenSpacer /*blank div to accomdate for the green Horizontal Rule*/
{
    height: 11px;
}
/********************Main Tab Nav**************************/
#navcontainer /*sets container for the Tabbed Nav*/
{
    width: 903px;
    margin-left: auto;
    margin-right: auto;
}
#navcontainer ul /*generates list for the Tabs*/
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    vertical-align: bottom;
}
#navcontainer ul li
{
    float: left;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}
#navcontainer a /*sets entire Tab box to link instead of text only*/
{
    background: url(../images/TopNavButtonBG.jpg) no-repeat;
    text-decoration: none;
    text-align: center;
    color: White;
    padding: 0px;
    line-height: 35px;
    height: 35px;
    width: 129px;
    display: block;
}
#navcontainer a:visited
{
    color: White;
    vertical-align: middle;
}
#navcontainer li a:hover
{
    background: url(../images/TopNavButtonBG_OnNav.jpg) no-repeat;
    display: block;
    text-align: center;
    height: 35px;
    width: 129px;
    padding: 0px;
}
#navcontainer a.twitter /*sets entire Tab box to link instead of text only*/
{
    background: url(../images/blogNavButtonBG.gif) no-repeat;
    text-decoration: none;
    text-align: center;
    color: White;
    padding: 0px;
    line-height: 35px;
    height: 35px;
    width: 129px;
    display: block;
}
#navcontainer a.twitter:visited
{
    color: White;
    vertical-align: middle;
}
#navcontainer li a.twitter:hover
{
    background: url(../images/blogNavButtonBG_OnNav.gif) no-repeat;
    display: block;
    text-align: center;
    height: 35px;
    width: 129px;
    padding: 0px;
}
/*********************SubNav******************************/
#subNavContainer
{
    width: 902px;
    height: 37px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    border-left: solid 1px white;
}
#subNavContainer ul /*generates list for the subNav*/
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: left;
    vertical-align: bottom;
}
#subNavContainer ul li
{
    float: left;
    font-size: 12px;
}
.subNavContainerlia
{
    background-color: #dfdfdf;
    text-decoration: none;
    width: 128px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    display: block;
    color: #5d5d5d;
    border-right: solid 1px white;
}
.lastLI /*differnt style for last List Item due to sizing CSS issues in IE*/
{
    background-color: #dfdfdf;
    text-decoration: none;
    width: 127px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    display: block;
    color: #5d5d5d;
    border-right: solid 1px white;
}
#subNavContainer li a:hover
{
    background-color: #cccccc;
    height: 37px;
    display: block;
}

/*******************BODY ********************************/
#pageBannerArea
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100px;
    background-image: url(../images/bannerBG.gif);
    background-repeat: repeat-x;
}
#homeBannerArea
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 141px;
    background-image: url(../images/bannerBG.gif);
    background-repeat: repeat-x;
}
#pageBannerContainer
{
    width: 903px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}
#homeBannerContainer
{
    width: 903px;
    height: 141px;
    margin-left: auto;
    margin-right: auto;
}
.leftLogo
{
    width: 257px;
    height: 141px;
    float: left;
    background-color: White;
} 
.leftPageLogo
{
    width: 257px;
    height: 100px;
    float: left;
    background-color: White;
}
#homeLeftLogo
{
    width: 257px;
    height: 141px;
    float: left;
    background-color: White;    
}
.rightBanner /*this will be changed in code or script based upon page*/
{
    width: 644px;
    height: 141px;
    float: right;
    background-color: White;
    background-image: url(../images/HomeBanner.jpg);
}
.careersBanner /*rightBanner for careers master page and subsequently all careers pages*/
{
    width: 644px;
    height: 100px;
    float: right;
    background-color: White;
    background-image: url(../images/careersbanner.jpg);
}
.membershipBanner /*rightBanner for membership pages*/
{
    width: 644px;
    height: 100px;
    float: right;
    background-color: White;
    background-image: url(../images/membershipbanner.jpg);
}
.eventsBanner
{
    width: 644px;
    height: 100px;
    float: right;
    background-color: White;
    background-image: url(../images/eventsbanner.jpg);    
}
.businessBanner
{
    width: 644px;
    height: 100px;
    float: right;
    background-color: White;
    background-image: url(../images/businessbuildingbanner.jpg);    
}
.aboutusBanner
{
    width: 644px;
    height: 100px;
    float: right;
    background-color: White;
    background-image: url(../images/aboutusbanner.jpg);    
}
.trainingBanner
{
    width: 644px;
    height: 100px;
    float: right;
    background-color: White;
    background-image: url(../images/trainingbanner.jpg);    
}
#searchBox
{
    float: right;
    background-image: url(../images/searchBG.jpg);
    height: 38px;
    width: 258px;
    z-index: 1;
    text-indent: 10px;
    line-height: 38px;
}
.searchLabel
{
    color: White;
    font-weight: bold;
    font-size: 16px;
    vertical-align: middle;
}
.searchFont
{
    color: #666666;
    font-size: 14px;
    vertical-align: middle;
}
.btnSearch
{
    vertical-align: middle;
}
.interiorLeftNav /*interior.master left Nav Column */
{
    color: #79a216;
    text-decoration: none;
    margin-left: 25px;
    font-weight: bold;
}
a.interiorLeftNav:hover
{
    color: #0000aa;
    text-decoration: underline;
    margin-left: 15px;
    background-image: url(../images/blueArrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    padding-left: 10px;
}
.red
{
    color: Red;
}
.green
{
	color: Lime;
}
.bolden
{
	font-weight: bold;
}
/******************HOME.MASTER*******************/
#mainContentContainer
{
    width: 904px;
    margin-left: auto;
    margin-right: auto;
}
.homeLoginFix
{
    position: relative;
    top: -9px;
}
/*******************HOME*************************************/
#partnerLogos
{
    width: 904px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#homeContent
{
    color: #3e3e3e;
    font-family: Arial;
    font-size: 11px;
}
#homeContent a:link
{
    color: #0000aa;
}
#homeContent a:hover
{
    color: #666666;
    text-decoration: none;
}
#homeContent a:visited
{
    color: #0000aa;
}
#homeContent h3
{
    color: #0000aa;
    font-size: 12px;
    margin: 0px;
    padding: 0px 5px 5px 5px;
}
#homeContent p
{
    padding: 0px 5px 5px 5px;
    margin: 0px;
}
/*******************CLEAR***********************************/
.cleaner
{
    clear: both;
    height: 1px;
    font-size: 1px;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
}
/*******************MESSAGE********************************/
.messageYes
{
    margin: 0;
    padding: 10px 10px 10px 10px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #cc0000;
}
.messageNo
{
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: #cc0000;
}