/*///////////////////////////////////////////////////////////////////////////////////
    
    Site: http://dos.myflorida.com/elections/
    File: /css/doe.css
    Author: Sunshine Lewis
    
    This stylesheet should only contain styles specific to the division of elections.
    Most of these should be cosmetic rather than structural or layout.
    This stylesheet overwrites style.css and style-division.css

    Colors
    -----------------------------------------------------
    Header:         #2168A9  Matisse Blue
    Primary Accent: #B40D0D  Milano Red
    Alt Accent 1:   #1A5387  Little Boy Blue
    Alt Accent 2:   #133E65  Blue Suede
    Alt Accent 3:   #0D2943  Grownup Blue

    Pale Primary:   #d2e5f6  Hawkes Blue
    
///////////////////////////////////////////////////////////////////////////////////*/

/*
///[Elements & Text]//////////////////////////////////////////////////////////////////[@E]///
-----------------------------------------------------------------------------------*/

    /* primary  color */
    h2, 
    h6 {   
        color: #2168A9; 
        border-color: #2168A9;
    }

    /* primary  accent color */
    h3, 
    h5, 
    blockquote {
        color: #B40D0D;
        border-color: #B40D0D;
    }


    .subheading { border-color: #B40D0D; }

/*
///[Components]///////////////////////////////////////////////////////////////[@C]///
-----------------------------------------------------------------------------------*/


/*
-----[Header stuff]-----------------------------------------------------[@SB-brand]*/
   
    #dosbanner { border-bottom: 0px solid #2168A9; }

    #header {
        background-color:  #2168A9;
	    background-position: 50% bottom;
        }
    
    #banner {
        background-image: none;
    }
        #banner .search .input-group {
           border-color: #1A5387;
           background-color: #1A5387;
        }

    .translation-bar {
        background-color:#d2e5f6; /* + 15 of primary color */

        }

  

/*
-----[Quicklinks]-----------------------------------------------------[@SB-brand]*/
    
    .section-links h3 {
        background-color: #B40D0D;
        }

    .section-links .button {
        background-color: #1A5387;
    }

    .section-links .tab-panel {
        border-bottom-color: #2168A9;
    }

    .tab-panel .panel-content {
        max-height: 250px;
    }
/*
-----[List bullets]-----------------------------------------------------[@SB-brand]*/
    
   #main-content ul li:before {
       color: #B40D0D;
       border-color: #B40D0D;
   }

/*
-----[Content]----------------------------------------------------------[@SB-brand]*/

    /*image rotator */
   #feature-window {
       border-color: #2168A9;
   }

/*
-----[Panels]------------------------------------------------------------[@SB-brand]*/


    .panel { border-top-color: #2168A9;}
    .panel h4  {
        background-color: #2168A9;
    }

     .panel-333333 .panel-right h4,
    .panel-6733 .panel-right h4, .infobox .title  {
        background-color: #B40D0D;
    }

/*
-----[Navigation]--------------------------------------------------------[@SB-brand]*/

  #dosbanner ul .active a {
            color: #B40D0D;
        }

    .navigation {
        background-color: #1A5387;
    }

    /* highlight color for the current top level item and the currently selected item */
    .menu-item.current, .menu-item > a.open, .menu-item > a:hover {
        background-color: #0D2943;
    }
  
    /* background and border for the dropdown items */
    .sub-nav {
        border-color:#B40D0D;
       	background-color: #fff;
        border-bottom: 3px solid #B40D0D;


    }
    .sub-nav a {
        color: #070c3e;
   

    }
       .sub-nav a:hover {
           background-color: #B40D0D;
       color: #fff;
   }
         .sub-nav ul ul a:hover {
         /*    color: #2168A9;
             background-color: transparent;*/
         }


    #page-navigation h2 {
         background-color: #B40D0D;
    }
  #page-navigation ul li.open>a {
         background-color: #2168A9;
     }
#page-navigation ul ul a {
    border-color: #2168A9;
}
#page-navigation ul ul li.current > a {
   /* color: #2168A9;*/
         border-color: #B40D0D;
}
 #page-navigation ul ul a:hover {
       border-color: #B40D0D;
 }
#page-navigation ul ul li:before {
    color: #2168A9;
}

#page-navigation ul li.open {
    border-color: #2168A9;
}


    #footer { border-top-color: #2168A9; }