

/* header01.css */
/*----------------------------------------------------------------------------------------*/

/*************** begin header section ***************/
/****************************************************/
#header{
	margin: 0;
	padding: 0;
	background: #369 url("/img/jk/header_bg.gif") 0 0 repeat-x;
	position: relative;
	border-bottom: 2px solid #e68d13;
	z-index: 990;
}

#header h2{
	float: left;
	width: 240px;
	margin: 0;
}

#header h2 a{
	/*Size of the image*/
	padding: 68px 0 0 0;
	margin: 0;
	width: 240px;
	display: block;
	/*The image*/
	background: url("/img/jk/logo_s.gif") 0 3px no-repeat;
	/*Hide the text*/
	overflow: hidden;
	/* WIN IE5 hack */
	height: 68px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* make it work in IE6 standards and quirks mode
	by placing small text over background */
	padding: 0;
	height: 68px;
	font-size: 2px;
	color: #369;
}
html>body #header h2 a{
	padding: 68px 0 0 0;
	height: 0;
}

/* util - the top part of the header content */
/********************************************/
#util{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px;
	right:0;
	font: 11px/11px arial, verdana, sans-serif;
}
#util ul{
	margin: 0;
	padding: 0 10px 0 0;
	list-style-type: none;
	float: right;
	background: #4478ab;
}
#util ul li{
	display: inline;
	text-align: left;
	padding: 0;
	margin: 0 0 0 0 ;
	color: #E4EDF5;
}
#util ul li a {
	text-decoration: none;
	font: bold 11px/11px arial, verdana, sans-serif;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	
}
#util ul li a:hover {
	background: #608cb8;
}

/* region_selector - region selector
/********************************************/

#region_selector{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 230px;
	background: #255482;
	font: bold 11px/11px sans-serif;
	padding: 2px 5px 3px 2px;
	color: #fff;
	z-index: 900;
}

#subscribe_button{
	position: absolute;
	right: 13px;
	top: 25px;
	width: 96px;
	height: 30px;
	text-align: center;
	z-index: 10;
}
#subscribe_button a{
	padding:9px 0 9px 0;
	width: 96px;
	display: block;
	color:#fff;
	font: bold 11px/12px "lucida grande",arial;
	text-decoration: none;
}

#subscribe_button a{
	background: url("/img/jk/subscribe_extend.gif") 0 0 no-repeat;
}
#subscribe_button a:hover{
	background: url("/img/jk/subscribe_extend.gif") 0 -50px no-repeat;
}
#subscribe_button a.new{
	background: url("/img/jk/subscribe_new.gif") 0 0 no-repeat;
	font: bold 12px/12px "lucida grande",arial;
}
#subscribe_button a.new:hover{
	background: url("/img/jk/subscribe_new.gif") 0 -50px no-repeat;
}

/* mainnav - main section inside the header */
/********************************************/

/* Adjust 4th (left) padding value to move main nav tabs left/right */
ul#mainnav {

	margin:0 0 0 260px;
	padding:44px 0 0 0;
	list-style:none;
	display:inline-block;
}


/* Hide from IE Mac \*/
ul#mainnav {display:block;}
/* End hide from IE Mac */

ul#mainnav:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* subnav - optional bottom part of header content  */
/***************************************************/

/* believed to be dead...
#subnavigation{
	border-bottom: 2px solid #369;
}

ul#subnav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding: 1px 0 0 15em;
	background:#369;
	border-bottom: 1px solid #369;
	clear: both;
}

ul#subnav li{
	display: inline;
	text-align: left;
	padding: 0;
	margin: 0;
}

ul#subnav li a{
	font: 11px sans-serif;
	padding: 5px 8px;
	margin: 0 0 4px 0;
	text-decoration: none;
	color: #e1e8f0;
}

ul#subnav li a:hover {
	color: #fff;
}

ul#subnav li.current a{
	color: #fff;
	font-weight: bold;

}

*/

/*************** print only ******************/
#printheader{ display: none; }

/*************** end header sections ***************/
