/* 
 * **** TERTIARY LAYOUT  ****
 * Updated: July 9, 2012
 * By: Sarah Meskin, www.mediabarninc.com
 * Description: Tertiary CSS file for layout. Loaded by Desktop sizes only.
 * Update Notes: 
 */

    /*
     * **** GLOBAL ****
     */

    body {
      min-width: 1000px;
    }


    /*
     * **** HEADER AREA ****
     */

    #globalnav {
	    width: 960px;
    }

    /*
     * **** SEARCH AREA ****
     */


    /*
     * **** MAIN NAVIGATION BARS ****
     */

    #mainnav {
	    width: 962px;
    }

    #mainnav ul {
	    padding: 13px 0px 0;
    }

    #mainnav li a{
	    font: 17px "proxima_nova_rgregular", Arial, Helvetica, sans-serif;
    }


    #mainnav li {
	    background: url(/images/BBB/nav_bullet.png) no-repeat 0px 7px;
    }

	
    /*
     * **** CONTAINER ****
     */

    #container {
	    width: 960px;
	    margin: 0px auto;
    }

    #toprow {
	    width: 960px;
	    margin: 0 auto 25px;
    }

    /*
     * **** NEWS ****
     */
 

    /*
     * **** ACCREDITED BUSINESS DIRECTORY ****
     */


    /*
     * **** BOX WITH PROMOS AND SPONSORS ****
     */

    #promos_sponsors {
	    width: 286px;
	    margin-left: 0px;
    }


    #sponsors {
	    margin: 0 0 0 0px;
    }

    /*
     * **** OPTIONAL 3rd ROW WITH PROMOS ****
     */

    #optional_promos {
	    margin: 10px 0 35px 25px;
	    width: 910px;
    }

    .local_promo, .national_promo {
	    margin: 0 25px 0 0;
    }

    .localpromoright {
	    margin: 0 !important;
    }

    /*
     * **** FOOTER ****
     */

    footer {
	    width: 960px;
    }

    #footer_logo {
	    display: block;
    }

    footer nav {
	    float: left;
    }

    footer nav ul {
	    width: 560px;
	    text-align: left;
    }

    footer nav ul li {
    }


    #social_network {
	    background: #f7f7f7;
	    border: 1px solid #e8e8e8;
	    border-radius: 2px;
	    padding: 5px 0 5px 7px;
	    float: right;
    }


    #social_network ul li {
	    float: left;
	    margin: 0 7px 0 0;
    }

    #facebook, 
    #twitter, 
    #linkedin, 
    #pinterest, 
    #flickr, 
    #youtube, 
    #foursquare, 
    #googleplus {
	    display: block;
    }


    /*
     * **** Subpage ****
     */
 
    /*
     * **** Subpage Header ****
     */

    .sub #global {
	    width: 960px;
    }

    .sub #searchfloat {
	    margin-top: 20px;
    }

    .sub h1 {
	    top: 10px;
    }

    .sub #choosestate {
	    margin-top: 5px;
    }


    #statedropdown {
    }

    /*
     * **** Containers ****
     */

    .sub #containerinner {
	    width: 960px;
	    margin: 0 auto;
    }


    /*
     * **** Sidebar ****
     */

    .sub #sidebar {
	    width: 230px;
    }

    .sub #container #sidebar ul li {
	    font: 15px "proxima_nova_rgregular", Arial, Helvetica, sans-serif;
	    line-height: 18px;
	    padding-bottom: 10px;
	    padding-top: 8px;
    }

    #filecomplaint span.promotext, #business span.promotext, #localtbd span.promotext, #lemon span.promotext, #natpartner span.promotext {
	    font: 20px "proxima_nova_rgbold", Arial, Helvetica, sans-serif;
	    line-height: 20px;
    }

    #program .doubleline {
	    border-bottom: 4px double #E8E8E8;
        height: 26px;
        margin-bottom: 10px;
        position: relative;
    }
    #program {
	    height: 140px;
    }

    #program .doubleline .blocktitle {
	    font: 20px "proxima_nova_rgbold", Arial, Helvetica, sans-serif;
	    line-height: 20px;
    }

    #related_sites .doubleline .blocktitle {
	    font:  20px "proxima_nova_rgbold", Arial, Helvetica, sans-serif;
	    line-height: 20px;
    }

    /*
     * **** Content Area ****
     */

    .sub #content_area {
	    display: block;
	    float: left;
	    width: 700px;
	    margin: 0 0 0 25px;
    }

    .sub #pagetitle {
	    font: 48px "proxima_nova_ltlight", Arial, Helvetica, sans-serif;
    }

    .sub #content_area #pagedescription {
	    font: 22px "proxima_nova_ltlight", Arial, Helvetica, sans-serif;
	    font-style: italic;
	    border: 0px;
    }


    .sub #toprow #toprowleft {
	    width: 325px;
	    float: left;
	    border-bottom: 0px;
    }

    .sub #toprow #toprowright {
	    width: 325px;
	    float: right;
	    border-bottom: 0px;
    }

    .sub #toprow {
	    border-bottom: 4px double #e8e8e8;
	    padding-bottom: 25px;
    }

    .sub #bottomrowleft {
	    float: left;
	    margin: 0 auto;
    }

    .getinvolved #bottomrowleft {
	    float: none;
    }

    .sub #bottomrowright {
	    float: right;
    }


    .sub .section_block {
	    margin: 0px 20px 0px 0;
    }

    .sub .triplewide {
	    width: 664px;
    }

    ul.descriptionleft {
	    float: left;
	    width: 50%;
    }

    ul.descriptionright {
	    float: left;
	    width: 50%;
    }

    #content_area #rightcolumn {
	    float: right;
	    width: 160px;
    }

    /* News */
    .news #articlesearch #articlesearchbox input {
	    width: 170px;
    }

    .news #rightcolumn {
	    border-top: 0px double #e8e8e8;
	    margin-top: 0px;
	    padding-top: 0px;
    }

    /* Video Player */

    #videoplayerright, #articleright {
	    margin-left: 45px;
	    border-top: 0;
	    margin-top: 0px;
	    padding-top: 0px;
	    width: 270px;
    }

    #articleleft {
	    float: left;
    }

    #articleright {
        margin-top: 20px;
    }

    /* Special Events */
    #directions {
	    border-top: 0px double #e8e8e8;
	    padding-top: 0px;
	    margin-top: 0px;
    }


    /* Microsite */

    #micrositeslider_left {
	    width: 648px;
	    overflow: hidden;
	     height: 285px;
	    float: left;
    }

    #micrositenav ul li a {
	    padding: 0;
	    font: 20px "proxima_nova_rgregular", Arial, Helvetica, sans-serif;
    }


     #micrositeslider_right {
	    width: 960px;
	    padding:0px 0px 0px 0px !important;
	    height: auto; 
	    position:relative;	    
    }
    
    #micrositeslider_right #micrositeheader:after{ content:""; clear:both; display:table;}
    #micrositeslider_right #micrositeheader img{ float:left; padding:0px 0px 0px 0px !important;}
    #micrositeslider_right #micrositeheader h2{ padding-top:20px; padding-left:20px; }
    #micrositeslider_right #micrositeheader h2 a span{  padding-left:20px;}