/* going to implement a different xhmtl strucutre in the masthead soon... this CSS is currently only used on the kingston
pages */

#mastheadtest { height: 118px; margin:0 60px; padding:0px; position: relative; z-index: 1;}
    #mastheadtop { height:34px }
    #mastheadbottom { height:55px }
#logotest { float: left; width: 234px; height: 24px; padding:0; margin:0px; }       
#searchboxtest { float: right;  height: auto; padding:0 ;}
#searchboxhome { float: right; width: 150px; height: auto; color: #FFFFFF; }

#breadcrumb {float: right; text-align:right; width: auto; margin:10px 0; height: auto; color: #ccc; text-transform:lowercase;font-size:10px;}
#breadcrumb a {font-size:10px;color:#ccc;}
#breadcrumb a:hover {text-decoration:underline;color:#ccc;}
#terminalnametest { width:300px; float:right; clear:right; margin:23px 15px 0 0; height:38px; display:inline;}

/* NAVIGATION */
	#nav #flash_map_colorbox{margin:0;padding:0;}
    #nav {margin:0; padding:0;  height:20px;}
	#ctl00_Menu2 {display:block;float:left;}
      #nav a {font-weight:normal; font-size:11px;color:#666;text-transform:lowercase; padding:5px 12px 20px; margin:0 1px; position: relative; z-index: 5;}
      #nav a:hover {text-decoration:none; color:#22AFCB;}
      #nav ul { width:680px;height:20px;margin:0; padding: 0; cursor: default; list-style: none;}
      #nav ul li {float:left; width:auto;height:20px;color:#333; position: relative;}
      
      #nav a.hover {text-decoration:none; border:1px solid #ccc; border-bottom:none; margin:0; color:#22AFCB; background-color:#fff; }
      
      #nav ul li ul a {text-transform:none; padding:0; position: none;}
      #nav ul li ul a:hover {border:none;} 
      
      #nav ul li:hover,
      #nav ul li.sfhover {text-decoration:none;}
      
      #nav li ul {width:auto; display:none; position: absolute; margin: 19px 0 0 0; z-index: 1; left: 0;}
      #nav li ul li {position: none; white-space:nowrap;}
      #nav li:hover ul, 
      #nav li.sfhover ul {display:block;}
       
      /*border:1px solid black; background-color:#f0f0f0;*/
      
      #nav .dropdown {min-width:112px; width:auto; padding:12px !important; border:1px solid #ccc; background-color:#fff; height:auto; }      
      #nav .dropdown li {height:auto !important;text-decoration:none;display:block;position:relative; clear:left;float:none;text-align:left;border-collapse:collapse;}
      #nav .dropdown li a {margin:0; color:#22AFCB; font-size:10px;}
      #nav .dropdown li a:hover {text-decoration:underline;}
      #nav .dropdown li:hover, 
      #nav .dropdown li.sfhover {height:auto !important;}
      /*#nav .dropdown li.sfhover {background:url(/_assets/img/nav_dropdown_bg_orange.gif) #f0f0f0 no-repeat left;}*/
      
      /*#nav .dropdowntop {padding:0 !important;margin:0 !important; border:0 !important;}*/
	#flash_swap {float:right;cursor:pointer;}

/* TERMINAL/REGION BOX IN TOP RIGHT OF MASTHEAD */
    #terminalname { width:300px; float:right; clear:right; margin:12px 15px 0 0; height:38px; display:inline;}
    /*#terminalname { width:300px; float:right; clear:right; margin:32px 15px 0 0; height:38px; display:inline;}*/
      #terminalnameleft { background:url(/_assets/img/terminal_name_bg.gif); }
        #terminalnameright { background:url(/_assets/img/terminal_name_right.gif) no-repeat top right;}
          #terminalnamecontent { padding:0; width:auto;height:38px; background:url(/_assets/img/terminal_name_left.gif) no-repeat top left; }
            #terminalnamecontent h1 {line-height:12px;text-align:center; margin:0;padding:7px 0 0 0;font-size:10px;color:#a21b13;}
            #terminalnamecontent p {line-height:12px;text-align:center;margin:0;padding:0;font-size:11px;color:#333333;}
.EktronAjaxLoading 
{
 display: none;
}