﻿div#tcs-site-container
{
    width:990px; 
    margin:0 auto; 
    font-family:Arial, Arial MT, Sans-Serif;
}

/* PROMO LAYOUTS */
div.small-promo
{
    width:303px; 
    border:1px solid #cccccc; 
    background-color:#ffffff; 
    margin:0 0 10px 0;
}
div.large-promo
{
    width:348px; 
    border:1px solid #cccccc; 
    background-color:#ffffff; 
    margin:0 0 10px 0;
}

/* COLUMN LAYOUT */
div.small-column
{
    width:305px; 
    float:left; 
    margin:5px;
    display:inline;
}

div.with-character
{
    padding:0 0 310px 0;
    background-image:url('/images/background-changer/man.png');
    background-position:bottom;
    background-repeat:no-repeat;
}

div.large-column
{
    width:350px; 
    float:left; 
    margin:5px;
    display:inline;
}

/* Banner Area */

/* Banner Wrapper */
div#tcs-site-container div#banner-area
{
    border:10px solid #ffffff;
    margin:0 5px 15px 5px;
    float:left;
    width:960px;
}
div#tcs-site-container div#promo-area
{
    width:990px;
}


/* Banner area - contains flash */


div#tcs-site-container div#flash-banner-area-with-nav
{
    border:10px solid #ffffff;
    background-color:#3f7ab4;
    color:#ffffff;
    width:960px;
    margin:0 0 10px 5px;
    padding:0;
    float:left;
    display:inline;
}
div#tcs-site-container div#flash-banner-area-with-nav div#flashAreaToReplace
{ 
    float:left; 
    display:inline;
    width:100%;
}

/* The copy area for a flash header */
div.flash-banner-area-column-copy
{
    float:left;
    clear:left;
    padding:0 20px;
}
/* The flash area itself */
div.flash-banner-flash-area
{
    float:right;
}

/* The global banner navigation 'overview' etc */


div.banner-area-container-two-column div.banner-area-nav-container, 
div.banner-area-container div.banner-area-nav-container
{
    background-color:#3f7ab4; 
    border:10px solid #ffffff;
    border-bottom:0;
    float:left;
    display:inline;
    width:960px;
    margin:0 0 0 5px;
}
div#flash-banner-area-with-nav div.banner-area-nav-container
{
    background-color:#3f7ab4; 
    border:0;
    margin:0 2px 0 0;
    border:0;
    float:left;
    display:inline;
    width:100%;
}




div.banner-area-nav-container ul
{
    margin:0 0 0 20px;
    padding:0;
    list-style-type:none;
    color:#ffffff;
}
div.banner-area-nav-container ul li
{    
    float:left;
}
div.banner-area-nav-container ul li a
{
    background-color:#5f92c3;
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
    float:left;
    padding:8px 30px;
    margin:0 1px 0 0;
}
div.banner-area-nav-container ul li a:hover
{
    background-color:#c5d7e8;
}

div.banner-area-nav-container ul li a.active
{
    background-color:#ffffff;
    color:#3f7ab4;
}



/* 3 column banner wrapper */
div.banner-area-container{
    margin:0; 
    padding:0; 
    float:left; 
    width:100%; 
    background-image:url('/images/content-images/content-area-background.gif'); 
    background-repeat:repeat-y; 
    background-position:left top;
    color:#ffffff;
}
/* 2 column banner wrapper*/
div.banner-area-container-two-column{
    margin:0; 
    padding:0; 
    float:left; 
    width:100%; 
    background-image:url('/images/content-images/content-area-background-wide.gif'); 
    background-repeat:repeat-y; 
    background-position:left top;
    color:#ffffff;
}
/*  wrapper that sits around the banner for the sole purpose of adding the thick white line at the bottom */
div.banner-area-container-bottom{
    margin:0; 
    padding:0; 
    float:left; 
    width:100%; 
    background-image:url('/images/content-images/content-area-background-bottom.gif'); 
    background-repeat:no-repeat; 
    background-position:bottom left;
}
div.banner-area-container-bottom-two-column{
    margin:0; 
    padding:0 0 10px 0; 
    float:left; 
    width:100%; 
    background-image:url('/images/content-images/content-area-background-bottom-wide.gif'); 
    background-repeat:no-repeat; 
    background-position:bottom left;
}
/* Local banner navigation */

div.what-we-do-nav
{
    padding:0 0 20px 0;   
}
div.banner-area-column-nav
{
    width:324px; 
    float:left;
    margin:0 0 0 5px;
    display:inline;
}
div.banner-area-column-nav div.navigation
{
    padding:10px 10px 20px 20px;
    background-color:#3f7ab4;
    border:10px solid #ffffff; 
    border-right:0;
    border-top:0;
    width:284px;
}

div.banner-area-column-nav div.navigation p.telephone
{
    font-weight:bold;
    margin:30px 0 30px 30px;
}

div.banner-area-column-nav div.promos
{
    margin:10px 10px 0 0;
}
/* Content column for banner */
div.banner-area-column-content
{
    width:290px; 
    min-height:350px;
    height:auto !important;
    height:350px;
    padding:10px 20px 30px 20px;
    float:left;
    display:inline;
}
div.banner-area-wide-column-content
{
    width:606px; 
    min-height:350px;
    height:auto !important;
    height:350px;
    padding:10px 20px 30px 20px;
    float:left;
    display:inline;
    background-color:#3f7ab4;
    border-right:10px solid #ffffff;
}
/* Banner Promo column */
div.banner-area-column-promo
{
    width:326px; 
    float:left;
}
div.banner-area-column-promo div.promos-in-banner
{
    background-color:#3f7ab4;
    border:10px solid white; 
    border-left:0;
    border-top:0;
    padding:10px 20px 20px 0px;
    width:296px; 
}
div.banner-area-column-promo div.promos-outside-banner
{
    width:304px; 
    margin:10px 0 0 10px;
    padding:0 0 0 10px;
    float:left;
    display:inline;
}

/* END BANNER STYLES */



div#explore-footer{
    border:1px solid #cccccc; 
    width:978px;
    margin:0 auto 15px auto; 
    background-color:#ffffff;
}
div#explore-footer a{
    text-decoration:none;
    color:#666666;
}
div#explore-footer a:hover{
    text-decoration:underline;
}

div#explore-footer div.explore-footer-links
{
    width:665px; 
    margin:10px; 
    background-color:#f2f2f1; 
    display:inline;
    float:left;
    margin:10px 0 10px 10px;
}
div#explore-footer div.explore-footer-links ul
{
    margin:20px 50px 20px 10px;
    padding:0;
    list-style-type:none;   
    border-left:1px solid #ffffff;
    float:left;
    min-height:180px;
    height:auto !important;
    height:180px;
}
div#explore-footer div.explore-footer-links ul li
{
    margin:0 0 6px 6px;
}
div#explore-footer div.explore-footer-links ul li a
{
    background-image:url('/images/footer/footer-arrow.gif');
    background-position:left;
    background-repeat:no-repeat;
    padding:0 0 0 15px;
}
div#explore-footer div.explore-footer-links ul li a:hover
{
    background-image:url('/images/footer/footer-arrow-hover.gif');
}
div#explore-footer div.explore-footer-links ul li a.header
{
    font-weight:bold;
}
div#explore-footer div.explore-footer-share
{
    float:right; 
    display:inline;
    margin:10px 10px 10px 0;
    width:260px;
}
div#explore-footer div.explore-footer-share ul
{
    margin:20px 0 0 0;
    padding:0;
    list-style-type:none;   
    float:left;
    width:50%;
}

div#explore-footer div.explore-footer-share ul li
{
    float:left;
    width:100%;
    margin:0 0 8px 0;
}
div#explore-footer div.explore-footer-share ul li a
{
    float:left;
}

div#global-footer
{
    color:#ffffff; 
    width:958px; 
    padding:10px 0 10px 20px; 
    margin:0 auto 15px auto; 
    background-color:#666666;
}
div#global-footer span
{
    font-family:Georgia; 
    font-style:italic;  
}

div.background-character-container
{
    float:left; 
    padding:0 0 20px 0; 
    background-position:bottom left; 
    background-repeat:no-repeat;
}