/*****************************************************
 * File Name: HeaderControl.css
 * Created By: Michael Walker
 * Date Created: 9/25/2007
 * 
 * Summary:
 * This is a Cascading Style Sheet that controls the 
 * styles of a web page.  This file specifically 
 * controls the look of the HeaderControl.  This includes
 * the banner, main navigation and CMS controls within the 
 * the HeaderControl
 *
 * Revisions:
 * Modified By      Date    Comments
 * -----------      ----    --------
 * Ken Goodson	09/01/2008  Added some style for search elements.
 * Ken Goodson  03/04/2009  Removed top: 0px in style #topLinksContainer
 *                          because we are not doing absolute positioning.
 *****************************************************/
#main
    {
        margin:0px;
        width:967px;
        height:230px;   
        background-image:url("../../images/top-banner.jpg");
    }
    #loggedIn
    {
        float:right;
        margin-top:5px;
        margin-bottom:5px;
        margin-right:5px;
        color:white;
    }
    
    #loginControl
    {        
        clear:right;
        float:right;        
    }   
  

    .headerLink
    {
        width:200px;
        height:121px;
        margin:60px 0px 0px 25px;
        float:left;
        display:block;
    }
  
    #topMenu
    {
        background-image:url(../../images/menu-bar-top.png);
        width:967px;
        height:55px;
        padding-top:10px; 
     
        background-repeat:no-repeat;
        text-align:center;
        
    }
    .topMenuItem a:link, .topMenuItem a:visited
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        vertical-align:middle;
        font-size:15px;
    	font-weight: bold;
    	color: #FFFFFF;
	    text-decoration: none;
    	letter-spacing: 0.06em;
    	height:23px;    	
    	padding-bottom:5px;    	
    	
    }
    .topMenuItem a:visited:hover, .topMenuItem a:hover
    {
	text-decoration:none;
        color:#FFC90C;
    }
    .spacer
    {
        border-left:2px solid Red;
        height:23px;
        margin-left:10px;
        margin-right:8px;
        font-size:20px;
        width: 2px;
        overflow:hidden;
    }
    #topLinksContainer
    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:right;
	text-align: right;
	margin-top:5px;
	margin-right:15px;
	text-decoration: none;		 		
    }
    #topLinksContainer a:hover    
    {
		text-decoration: underline; 		
    }
    
	#searchContainer
    {
        top: 125px;
		float:right;
		margin-top:5px;
		font-size: 13px;
    } 
    #search
    {
        padding: 5px 0px 0px 0px;
		vertical-align: top;       		        
    }
    .searchTextBox
    {
        font-size: 13px;		
		text-align: left;
		vertical-align: middle;
		height: 13px;		
    }
    .button
    {
		height: 19px;
		text-align: center;
		margin-right: -3px;  /* this right aligns the button with the toplinks */
		border: 0px;
		color: White;
		background-color: #EF3E42;  /*#EF3E42 red from DMA; #FF0000; red; #B10008 REDDISH*/
    } 
	.leadArrow2
	{
		float:left;
		margin-left:3px;
		margin-right:10px;
		margin-top:2px;
		margin-bottom: 2px;
	}