html { height:100%; }

body 
{ 
    height:100%; 
    margin:0px; 
    text-align:center; 
    background-image:url(../images/bkgMain.jpg); 
    background-repeat:repeat-x; 
    background-color:#D8D9DB;
    font-family:Arial; 
    font-size:12px; 
}

form { margin:0px; }

/*commented out by STK on 1-8-08: original class for the master page divs*/
/* Divs */
/*#OuterDiv{ min-height:100%; width:720px; margin-left:auto; margin-right:auto; padding:0px 20px 0px 20px; background-image:url(../images/bkg.gif); background-repeat:repeat-y; }
#mainContent { width:720px; background-color:#FFFFFF; }
#header { height:60px; width:720px; visibility:visible; background-color:#D4D4D4; }
#content { padding:10px; width:700px; visibility:visible; }
#footer { height:60px; width:720px; visibility:visible; background-color:#AEAEAE;}*/


/*added by STK on 1-8-08: these are the new style classes for the master page*/
/**********************/
/* Master Page Styles */
/**********************/
#OuterDiv
{ 
    min-height:100%;  
    width:800px;
    margin-left:auto; 
    margin-right:auto; 
    padding:0px 20px 0px 20px;
}

#header 
{ 
    width:800px;
    overflow:hidden;
}

#mainContent 
{ 
    width:800px;
    overflow:hidden;
    background-color:#FFFFFF; 
}

#content 
{  
    width:478px;
    min-height:426px;
    text-align:left;
    padding-top:30px;
    padding-bottom:38px;
    padding-left:30px;
    padding-right:30px;
    overflow:hidden;
    float:left; 
}

#navPane
{
    width:226px;
    min-height:461px;
    height:auto;
    height:461px;
    padding-top:33px;
    padding-left:26px;
    padding-right:10px;
    overflow:hidden; 
    background-image:url(../Images/bkgSubNavWhite.jpg);
    float:left;  
}

#footer 
{ 
    height:53px;
    width:800px; 
    text-align:center;
    padding-top:7px;
    font-family:Arial;
    font-size:11px;
    color:#666666;
    overflow:hidden;
    background-color:#FFFFFF; 
}

/*use with the links that are going to be placed in the footer*/
a.footerLink:link
{
    text-align:left;
    text-decoration:none;
    font-family:Arial;
    font-size:11px;
    color:#666666;
}

/*use with link that has been clicked in the footer*/
a.footerLink:visited
{
    text-align:left;
    text-decoration:none;
    font-family:Arial;
    font-size:11px;
    color:#666666;
}

/*use with link that has the cursor over it in the footer*/
a.footerLink:hover
{
    text-align:left;
    text-decoration:underline;
    font-family:Arial;
    font-size:11px;
    color:#666666;
}

/*this will display an image that will act as a "divider" between the main content area and the footer area*/
.mainContentDivider
{
    height:8px;
    width:800px;
    background-image:url(../Images/spacerBtm.gif);
}



/***********************************/
/* Page Header User Control Styles */
/***********************************/
/*use for the area that will contain "Contact Us" info in the header*/
.contactInfoPane
{
    height:23px;
    width:788px;
    text-align:right;
    padding-top:29px;
    padding-right:12px;
    overflow:hidden;
    background-color:#FFFFFF;
}

/*use for the font for the "Contact Us" info*/
.contactInfoFont
{
    font-family:Arial;
    font-size:10px;
    color:#969696;
}

/*use with the links that are going to be placed in the Contact Info pane*/
a.contactLink:link
{
    text-align:left;
    text-decoration:none;
    font-family:Arial;
    font-size:10px;
    color:#969696;
}

/*use with link that has been clicked in the Contact Info pane*/
a.contactLink:visited
{
    text-align:left;
    text-decoration:none;
    font-family:Arial;
    font-size:10px;
    color:#969696;
}

/*use with link that has the cursor over it in the Contact Info pane*/
a.contactLink:hover
{
    text-align:left;
    text-decoration:underline;
    font-family:Arial;
    font-size:10px;
    color:#969696;
}

/*use for the links in the header (Members, Employers, etc..)*/
.headerLink
{
    line-height:26px;
    margin-top:2px;
    margin-left:28px;
    font-family:Arial;
    font-size:14px;
    color:#FFFFFF;
    cursor:pointer;
    float:left;
}

/*use for the title that appears in the member login section of the header*/
.memLoginTitle
{
    line-height:18px;
    text-align:right;
    padding-right:44px;
    margin-top:11px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
}

/*use for the text items that are displayed in the member login area*/
.memLoginLinkPane
{
    line-height:18px;
    text-align:right;
    padding-right:19px;
    font-family:Arial;
    font-size:12px;
    color:#FFFFFF;
}

/*use with the links that are going to be placed in the member login area for current and new members*/
a.memLoginLink:link
{
    text-decoration:underline;
    font-family:Arial;
    font-size:12px;
    color:#FFFFFF;
}

/*use with the links that have been clicked in the member login area*/
a.memLoginLink:visited
{
    text-decoration:underline;
    font-family:Arial;
    font-size:12px;
    color:#FFFFFF;
}

/*use for the title that appears in the member login section of the header in the brokers section*/
.brokLoginTitle
{
    line-height:18px;
    text-align:right;
    padding-right:51px;
    margin-top:11px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
}

/*use for the title that appears in the member login section of the header in the employers section*/
.empLoginTitle
{
    line-height:18px;
    text-align:right;
    padding-right:37px;
    margin-top:11px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
}



/***********************************************/
/* Members Styles For Page Header User Control */
/***********************************************/
.memHeaderTopSec
{
    height:132px;
    width:800px;
    overflow:hidden;
}

.memHeaderMidSec
{
    height:29px;
    width:800px;
    overflow:hidden;
    border-top:solid;
    border-top-width:1px;
    border-top-color:#FFFFFF;
    border-bottom:solid;
    border-bottom-width:1px;
    border-bottom-color:#FFFFFF;
    background-color:#944395;
}

.memHeaderBtmSec
{
    height:80px;
    width:800px;
    overflow:hidden;
}

.memTopImagePane
{
    height:132px;
    width:800px;
    overflow:hidden;
    background-image:url(../Images/bannerMembersTop.jpg);
    background-repeat:no-repeat;
}

.memBottomImagePane
{
    height:81px;
    width:538px;
    overflow:hidden;
    background-image:url(../Images/bannerMembersBtm.jpg);
    float:left;
}

.memMemberLoginPane
{
    height:81px;
    width:262px;
    overflow:hidden;
    background-image:url(../Images/bkgLoginMembers.jpg);
    background-repeat:no-repeat;
    float:left;
}

/*use with text that acts as a header/title for the content displayed in the Members section*/
h3.memContentTitle
{
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#944395;
}



/***********************************************/
/* Brokers Styles For Page Header User Control */
/***********************************************/
.brokHeaderTopSec
{
    height:132px;
    width:800px;
    overflow:hidden;
}

.brokHeaderMidSec
{
    height:29px;
    width:800px;
    overflow:hidden;
    border-top:solid;
    border-top-width:1px;
    border-top-color:#FFFFFF;
    border-bottom:solid;
    border-bottom-width:1px;
    border-bottom-color:#FFFFFF;
    background-color:#968972;
}

.brokHeaderBtmSec
{
    height:80px;
    width:800px;
    overflow:hidden;
}

.brokTopImagePane
{
    height:132px;
    width:800px;
    overflow:hidden;
    background-image:url(../Images/bannerBrokersTop.jpg);
    background-repeat:no-repeat;
}

.brokBottomImagePane
{
    height:81px;
    width:538px;
    overflow:hidden;
    background-image:url(../Images/bannerBrokersBtm.jpg);
    float:left;
}

.brokMemberLoginPane
{
    height:81px;
    width:262px;
    overflow:hidden;
    background-image:url(../Images/bkgLoginBrokers.jpg);
    background-repeat:no-repeat;
    float:left;
}

/*use with text that acts as a header/title for the content displayed in the Brokers section*/
h3.brokContentTitle
{
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#968972;
}



/*************************************************/
/* Providers Styles For Page Header User Control */
/*************************************************/
.provHeaderTopSec
{
    height:132px;
    width:800px;
    overflow:hidden;
}

.provHeaderMidSec
{
    height:29px;
    width:800px;
    overflow:hidden;
    border-top:solid;
    border-top-width:1px;
    border-top-color:#FFFFFF;
    border-bottom:solid;
    border-bottom-width:1px;
    border-bottom-color:#FFFFFF;
    background-color:#B6B479;
}

.provHeaderBtmSec
{
    height:40px;
    width:800px;
    overflow:hidden;
}

.provTopImagePane
{
    height:132px;
    width:800px;
    overflow:hidden;
    background-image:url(../Images/bannerProvidersTop.jpg);
    background-repeat:no-repeat;
}

.provBottomImagePane
{
    height:40px;
    width:800px;
    overflow:hidden;
    background-image:url(../Images/bannerProvidersBtm.jpg);
    float:left;
}

.provMemberLoginPane
{
    height:0px;
    width:0px;
    overflow:hidden;
    float:left;
}

/*use with text that acts as a header/title for the content displayed in the Providers section*/
h3.provContentTitle
{
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#B6B479;
}



/*************************************************/
/* Employers Styles For Page Header User Control */
/*************************************************/
.empHeaderTopSec
{
    height:132px;
    width:800px;
    overflow:hidden;
}

.empHeaderMidSec
{
    height:29px;
    width:800px;
    overflow:hidden;
    border-top:solid;
    border-top-width:1px;
    border-top-color:#FFFFFF;
    border-bottom:solid;
    border-bottom-width:1px;
    border-bottom-color:#FFFFFF;
    background-color:#51ACAD;
}

.empHeaderBtmSec
{
    height:80px;
    width:800px;
    overflow:hidden;
}

.empTopImagePane
{
    height:132px;
    width:800px;
    overflow:hidden;
    background-image:url(../Images/bannerEmployersTop.jpg);
    background-repeat:no-repeat;
}

.empBottomImagePane
{
    height:81px;
    width:538px;
    overflow:hidden;
    background-image:url(../Images/bannerEmployersBtm.jpg);
    float:left;
}

.empMemberLoginPane
{
    height:81px;
    width:262px;
    overflow:hidden;
    background-image:url(../Images/bkgLoginEmployers.jpg);
    background-repeat:no-repeat;
    float:left;
}

/*use with text that acts as a header/title for the content displayed in the Employers section*/
h3.empContentTitle
{
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#51ACAD;
}



/*************************************************/
/* Corporate Styles For Page Header User Control */
/*************************************************/
.corpHeaderTopSec
{
    height:132px;
    width:800px;
    overflow:hidden;
}

.corpHeaderMidSec
{
    height:29px;
    width:800px;
    overflow:hidden;
    border-top:solid;
    border-top-width:1px;
    border-top-color:#FFFFFF;
    border-bottom:solid;
    border-bottom-width:1px;
    border-bottom-color:#FFFFFF;
    background-color:#697375;
}

.corpHeaderBtmSec
{
    height:40px;
    width:800px;
    overflow:hidden;
}

.corpTopImagePane
{
    height:132px;
    width:800px;
    overflow:hidden;
    background-image:url(../Images/bannerCrpProfTop.jpg);
    background-repeat:no-repeat;
}

.corpBottomImagePane
{
    height:40px;
    width:800px;
    overflow:hidden;
    background-image:url(../Images/bannerCrpProfBtm.jpg);
    float:left;
}

.corpMemberLoginPane
{
    height:0px;
    width:0px;
    overflow:hidden;
    float:left;
}

/*use with text that acts as a header/title for the content displayed in the Corporate Profile section*/
h3.corpContentTitle
{
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#697375;
}



/*******************************/
/* Side Navigation Area Styles */
/*******************************/
/*use with member link*/
a.memSideNav:link
{
    text-align:left;
    text-decoration:none;
    margin-bottom:5px;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    cursor:pointer;
}

/*use with member link that has been clicked*/
a.memSideNav:visited
{
    text-align:left;
    text-decoration:none;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    cursor:pointer;
}

/*use with member link that has the cursor over it*/
a.memSideNav:hover
{
    text-align:left;
    text-decoration:underline;
    font-family:Arial;
    font-size:12px;
    color:#944395;
    cursor:pointer;
}
    
/*use with broker link*/
a.brokSideNav:link
{
    text-align:left;
    text-decoration:none;
    margin-bottom:5px;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    cursor:pointer;
}

/*use with broker link that has been clicked*/
a.brokSideNav:visited
{
    text-align:left;
    text-decoration:none;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    cursor:pointer;
}

/*use with broker link that has the cursor over it*/
a.brokSideNav:hover
{
    text-align:left;
    text-decoration:underline;
    font-family:Arial;
    font-size:12px;
    color:#968972;
    cursor:pointer;
}
    
/*use with provider link*/
a.provSideNav:link
{
    text-align:left;
    text-decoration:none;
    margin-bottom:5px;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    cursor:pointer;
}

/*use with provider link that has been clicked*/
a.provSideNav:visited
{
    text-align:left;
    text-decoration:none;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    cursor:pointer;
}

/*use with provider link that has the cursor over it*/
a.provSideNav:hover
{
    text-align:left;
    text-decoration:underline;
    font-family:Arial;
    font-size:12px;
    color:#9D9B5E;
    cursor:pointer;
}
    
/*use with employer link*/
a.empSideNav:link
{
    text-align:left;
    text-decoration:none;
    margin-bottom:5px;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    cursor:pointer;
}

/*use with employer link that has been clicked*/
a.empSideNav:visited
{
    text-align:left;
    text-decoration:none;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    cursor:pointer;
}

/*use with employer link that has the cursor over it*/
a.empSideNav:hover
{
    text-align:left;
    text-decoration:underline;
    font-family:Arial;
    font-size:12px;
    color:#51ACAD;
    cursor:pointer;
}

/*use with corporate link*/
a.corpSideNav:link
{
    text-align:left;
    text-decoration:none;
    margin-bottom:5px;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    cursor:pointer;
}

/*use with corporate link that has been clicked*/
a.corpSideNav:visited
{
    text-align:left;
    text-decoration:none;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    cursor:pointer;
}

/*use with corporate link that has the cursor over it*/
a.corpSideNav:hover
{
    text-align:left;
    text-decoration:underline;
    font-family:Arial;
    font-size:12px;
    color:#697375;
    cursor:pointer;
}

/*specifies font for text inside an un-ordered list that acts as a list of sub links under a main link*/
ul.prodsSrvcsSideNav
{
    font-family:Arial;
    font-size:12px;
    color:#666666;
}


    
/********************/
/* Home Page Styles */
/********************/
#homeOuterDiv
{
    height:392px;
    width:800px;
    margin-left:auto; 
    margin-right:auto; 
    padding:0px 20px 0px 20px; 
}

#homeHeader
{
    width:800px;
}

.prodsSrvcsPane
{
    height:346px;
    width:238px;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px;
    background-color:#FFFFFF;
    float:left;
}

.prodsSrvcsPaneTitle 
{
    height:33px; 
    width:236px; 
    margin-bottom:15px;
    background-image:url(../Images/titleProducts.gif);
}

.prodsSrvcsMenuTitle
{
    line-height:19px;
    width:231px;
    text-align:left;
    font-weight:bold;
    color:#FFFFFF;
    padding-left:5px;
    background-image:url(../Images/bkgProductList.jpg);
    cursor:pointer; 
}

.featuresPane
{
    height:346px;
    width:238px;
    text-align:left;
    padding-top:15px;
    padding-bottom:15px;
    float:left;
    background-color:#FFFFFF;
}

.featuresPaneTitle
{
    height:33px; 
    width:236px; 
    margin-bottom:15px;
    background-image:url(../Images/titleFeatures.gif);
}

.featurePaneImage
{
    height:131px;
    width:236px;
    background-image:url(../Images/imageFeatures.jpg);
}

.featurePaneContent
{
    height:151px;
    width:224px;
    text-align:left;
    font-family:Arial;
    font-size:11px;
    color:#878E89;
    padding-left:12px;
    overflow:hidden;
}

.formsPane
{
    height:346px;
    width:249px;
    text-align:left;
    padding-top:15px;
    padding-bottom:15px;
    float:left;
    background-color:#FFFFFF;
}

.formsPaneTitle
{
    height:33px; 
    width:236px; 
    margin-bottom:15px;
    background-image:url(../Images/titleForms.gif);
}

.formsPaneImage
{
    height:131px;
    width:236px;
    background-image:url(../Images/imageForms.jpg);
}

.formsPaneContent
{
    height:163px;
    width:222px;
    text-align:left;
    line-height:20px;
    font-family:Arial;
    font-size:11px;
    color:#878E89;
    padding-left:14px;
}

.subnavSpacer
{
    height:376px;
    width:30px;
    background-image:url(../Images/spacerSubNav.jpg);
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    float:left;
}

.subnavBtmBorder
{
    height:15px;
    width:799px;
    background-image:url(../Images/imageBtm.jpg);
}

a.homePage:link
{
    text-decoration:none;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#666666;
    cursor:pointer;
} 

a.homePage:visited
{
    text-decoration:none;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#666666;
    cursor:pointer;
}

a.homePage:hover
{
    text-decoration:underline;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#666666;
    cursor:pointer;    
}



/************************/
/* Content Page Styles */
/***********************/
/*use with text that identifies what section user is in (Members, Employers, Brokers or Providers)*/
.sectionID
{    
    font-family:Arial;
    font-size:22px;
    font-weight:bold;
    color:#EE8E1D;
}

/*use in member pages where the links for changing from English to Spanish must be present*/
.memSectionID
{
    width:97px;
    font-family:Arial;
    font-size:22px;
    font-weight:bold;
    color:#EE8E1D;
    float:left;
    overflow:hidden;
}

/*use to place the English and Spanish links on a page*/
.langLinksPane
{
    height:22px;
    width:100px;
    padding-top:6px;
    text-align:left;
    float:right;
    overflow:hidden;
}

/*use with the sub section title "recent news" on the recent news page*/
.newsSubTitlePane
{
    height:1px;
    width:130px;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#697375;
    padding-top:15px;
    float:left;
}

/*use with the "More News" button on the recent news page*/
.moreNewsPane
{
    height:16px;
    width:75px;
    padding-top:15px;
    float:right;
    overflow:hidden;
}

/*specifies font for text that acts as the content to be displayed on the page*/
p
{
    font-family:Arial;
    font-size:12px;
    color:#666666;
    line-height:150%;
}  

/*specifies font for text inside a table row that is contained in the content to be displayed on the page*/
tr.contentBody
{
    font-family:Arial;
    font-size:12px;
    color:#666666;
}

/*specifies font for text inside an un-ordered list that is contained in the content to be displayed on the page*/
ul.contentBody
{
    font-family:Arial;
    font-size:12px;
    color:#666666;
    line-height:150%;
}

ol.contentBody
{
    font-family:Arial;
    font-size:12px;
    color:#666666;
    line-height:150%;
}

/*use with link that is going to be placed in the content area*/
a.contentBody:link
{
    text-align:left;
    text-decoration:underline;
    margin-bottom:5px;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    cursor:pointer;
}

/*use with link that has been clicked in the content area*/
a.contentBody:visited
{
    text-align:left;
    text-decoration:underline;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    cursor:pointer;
}

/*use with the title text of a "recent news" article*/
.newsItemTitle
{
    height:36px; 
    width:467px;
    padding-top:5px;
    padding-bottom:5px; 
    padding-left:5px;
    padding-right:5px;
    background-color:#ffedbf; 
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#666666;
    margin-top:19px;
}

/*use with the text that describes the news article (usually the date).  This is under the title text*/
.newsItemDescript
{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:#666666;
    margin-top:5px;
}



/*****************************/
/* Forms Library Page Styles */
/*****************************/
#formsTabPane
{
    height:48px;
    width:464px;
    padding:0px;
    margin:0px;
    overflow:hidden;
}

#langButtonPane
{
    height:16px;
    width:95px;
    padding:0px;
    margin-top:15px;
    margin-left:359px;
    margin-bottom:0px;
    margin-right:0px;
    overflow:hidden;
}

.memFormsTabOff
{
    height:48px;
    width:116px;
    padding:0px;
    margin:0px;
    background-image:url(../Images/tabMembers_off.jpg);
    cursor:pointer;
    float:left;
}

.memFormsTabOn
{
    height:48px;
    width:116px;
    padding:0px;
    margin:0px;
    background-image:url(../Images/tabMembers_on.jpg);
    cursor:pointer;
    float:left;
}

.brokFormsTabOff
{
    height:48px;
    width:116px;
    padding:0px;
    margin:0px;
    background-image:url(../Images/tabBrokers_off.jpg);
    cursor:pointer;
    float:left;
}

.brokFormsTabOn
{
    height:48px;
    width:116px;
    padding:0px;
    margin:0px;
    background-image:url(../Images/tabBrokers_on.jpg);
    cursor:pointer;
    float:left;
}

.provFormsTabOff
{
    height:48px;
    width:116px;
    padding:0px;
    margin:0px;
    background-image:url(../Images/tabProviders_off.jpg);
    cursor:pointer;
    float:left;
}

.provFormsTabOn
{
    height:48px;
    width:116px;
    padding:0px;
    margin:0px;
    background-image:url(../Images/tabProviders_on.jpg);
    cursor:pointer;
    float:left;
}

.empFormsTabOff
{
    height:48px;
    width:116px;
    padding:0px;
    margin:0px;
    background-image:url(../Images/tabEmployers_off.jpg);
    cursor:pointer;
    float:left;
}

.empFormsTabOn
{
    height:48px;
    width:116px;
    padding:0px;
    margin:0px;
    background-image:url(../Images/tabEmployers_on.jpg);
    cursor:pointer;
    float:left;
}

.formsContentPane
{
    min-height:410px;  
    width:452px;
    padding-top:2px;
}

.brokFormsContentPane
{
    min-height:410px;  
    width:440px;
    padding-left:12px;
    padding-top:2px;
}



/***************************/
/* FAQ Library Page Styles */
/***************************/
.corpFAQPane
{
    min-height:410px;  
    width:452px;
    padding-top:24px;
}