﻿
#timeX_logo_header {
    float:left;
    width: 315px;
    height:101px;
    padding: 0;
    margin: 0;
    background: transparent url("../images/timeX_logo_bg.gif") 6px 20px no-repeat;  
}
		
#clear_both  {
	clear: both;
}

#header {
	width: 980px;
	height: 148px;
	margin: 0 auto;
	background: transparent url(../images/header_bg_slice.gif) repeat-x;
}

#header_rt {
    float:right;
    width: 665px;
    height:128px;
    padding: 0;
    margin: 0;
}
#tophat {
	float:right;
	width: 606px;
	height: 28px;
	padding: 3px 0 0 0;
	overflow: hidden;
	background: transparent url(../images/tophat_full_606.gif) no-repeat 0% 0%;
}

#tophat_login{
	/*float:right;*/
	width: 606px;
	height: 28px;
	padding: 0;
}

#tophat ul {
	list-style: none;
	padding: 0px 24px 0 0;	 		
}
	 	
	 	#tophat ul li {
	 		display: inline;
	 		color: #fff;
	 	}
	 	#tophat ul li.title { 
	 		
	 		position:relative;
	 		top: 1px;
	 		color: #FF8621;
	 		font-weight: bold;
	 		font-size: 10pt;
	 		padding: 0 0 0 22px;
	 	}
	 	
	 	#tophat ul li label {
	 		padding: 0 6px 0 6px;
	 		font-size: 7pt;
	 	}
	 	#tophat ul li input.tbx {
	 		background: #e3dcd5;
	 		border: 0px solid #ccc;	
	 		width: 146px;
	 		height: 16px;
	 		color: #5e5248;
	 		padding: 0 0 0 4px;
	 		font-size: 9pt;
	 	}
	 	
	 	#tophat ul li a {
	 		background: #FF8629;
	 		border: 1px solid #7B8A94;
	 		color: #fff;
	 		font-size: 7pt;
	 		padding: 1px 2px 1px 2px;
	 		font-family: verdana, tahoma, serif, arial;	
	 		margin: 0 0 0 6px;	
	 	}	 
	 
#tophat_index {
	float:right;
	width: 606px;
	height: 28px;
	padding: 3px 0 0 0;
	overflow: hidden;
	background: transparent url(../images/tophat_full_140.gif) no-repeat 466px 0%;
}	

#tophat_index_login{
	/*float:right;*/
	width: 606px;
	height: 28px;
	padding: 0;
}
	 		 		 	
#tophat_index ul {
	list-style: none;
	padding: 0px 0 0 0;	 
	text-align: right;		
}
	 	
#tophat_index ul li {
	display: inline;
	color: #fff;
	width: 140px;
}
	 	
#tophat_index ul li a {
	/*background: #FF8629;*/
	/*border: 1px solid #7B8A94;*/
	display:block;
    float:right;
	width: 140px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0 0 0;
	font-family: verdana, tahoma, serif, arial;	
	margin: 0 0 0 0;
	text-decoration: none;	
}

#tophat_index ul li a:hover {
    text-decoration: underline;
    
}

	 	/* navbar		-------------------- */	
	 	
#mid_nav {
	margin: 69px 0 0 0;
}
ul#navbar {
	list-style-type: none;
	padding: 0px 0px 0 0;
	text-align: right;
	height: 28px;	
}
		
ul#navbar li {
	float: right;
	margin-left: 5px;
}
		
		/* default */
		ul#navbar li a {
			display: block;
			background: #493e39 url(../images/header_nav_mid_lft.gif) no-repeat 0% 0%;
			text-decoration: none;
			color: #fff;
			font-weight: bold;
			font-size: 10pt;	
		}
				
		ul#navbar li a span {
			height: 28px;
			line-height: 28px;
			background: transparent url(../images/header_nav_mid_rt.gif) no-repeat 100% 0%;
			padding: 6px 15px;
			letter-spacing: -0.02em;
		}
		
		/* default hover */
		ul#navbar li a:hover {
			cursor: hand;
			background: #FFAA21 url(../images/tex-head-navhover-left.gif) no-repeat 0% 0%;
		}
		ul#navbar li a:hover span {
			background-image: url(../images/tex-head-navhover-right.gif);
		}		
		/* current */
		ul#navbar li.current a {
			display: block;
			background: #FF8621 url(../images/header_nav_current_lft.gif) no-repeat 0% 0%;
		}
		ul#navbar li.current a span {
			background-image: url(../images/header_nav_current_rt.gif);
		}



