/* main styles */
body {
	margin:0;
	padding:0;
  	color:#000;
	font-family: Georgia,Times New Roman,Times,serif;
	background:#fff;
	}
img {border:none;display:block;}
a {
	color:#069;
	}
a.colour {color:#960;}
.clear {clear:both !important}
.bold {font-weight:bold !important}

.right { margin: 3px 20px 3px 5px; float:right;}
.left { margin: 3px 5px 3px 3px; float:left; }
	
/* main text styles */
h1,h2,h3,h4
h1 {
	font-size:24px;
	}
h2 {
	font-size:20px;
	}
h3 {
	font-size:16px;
	}
h4 {
	font-size:14px;
	}

/* main container */
#main {
	width:900px;
	margin:0 auto;
	}
/* header */
#header {
	width:100%;
	position:relative;
	margin:0 0 10px 0;	
	font-family: arial, tahoma, sans-serif;
	background:#ccc url(/_client_common/images/background/header_bg.jpg) repeat-x top;
	}
/* logo */
#header h1 {margin:0;}
a.HBMlogo {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:570px;
	height:66px;
	position:absolute;
	top:5px;
	left:25px;
	}
/* date */
#header .date {
	position:absolute;
	right:18px;
	top:35px;
	font-size:12px;
	font-weight:bold;
	}
/* mag cover in header */
#header .magcover{
	position:absolute;
	top:70px;
	left:50px;
	}
#header .magcover_note{
	position:absolute;
	top:150px;
	left:180px;
	}
#header .magcover_note_link{
	position:absolute;
	top:180px;
	left:180px;
	width:80px;
	}
#header .magcover_note_link a{
	color:#006699;
	font-size:11px;	
	display:block;
	}
/* slogan */
#header .slogan {
	color:#006699;
	position:absolute;
	top:70px;
	left:250px;
}
/* comp screen in header */
#header .comp_screen{
	position:absolute;
	top:70px;
	left:610px;
	}
#header .comp_screen_note{
	position:absolute;
	top:150px;
	left:500px;
	}
#header .comp_screen_note_link{
	position:absolute;
	top:180px;
	left:520px;
	width:80px;
	}
#header .comp_screen_note_link a{
	color:#006699;
	font-size:11px;	
	display:block;
	}
	
#header .print_digital_links {
	position:absolute;
	top:170px;
	left:180px;
}	
#header .print_digital_links td a {
	color:#006699;
	font-size:11px;	
	display:block;
}

/* main navigation */
#main-navigation {
	padding:235px 0 0 13px;
	margin:0;
	position:relative;
	width:100%;
	}
#main-navigation li {
	float:left;
	display:block;
	border-top:2px solid #767779;
	border-left:2px solid #767779;
	border-bottom:2px solid #767779;
	border-right:2px solid #767779;
	height:24px;
	line-height:24px;
	list-style:none;
	font-size:13px;
	font-weight:bold;
	background:#58585a;
	}
#main-navigation li a 
{
	text-decoration:none;
	text-align:center;
	display:block;
	width:120px;
	color:#ffffff;
	padding:0 8px;
	}
#main-navigation li.active a {
	float:left;
	display:block;
	margin-right:-1px;
	background:#b4282e;
	}
	
/* middle container */
#middle {
	padding:0 5px 0 15px;
	font-size:12px;
	}
	
/* center content box */
#middle .box325 {
	float:left;
	width:325px;
	background:url(/_client_common/images/box/box_325_side.jpg) repeat-y left;
	margin:6px 0 11px 0;
	}
#middle .box325 .top {
	float:left;
	width:325px;
	background:url(/_client_common/images/box/box_325_top.jpg) no-repeat left top;
	}
#middle .box325 .bottom {
	float:left;
	width:325px;
	background:url(/_client_common/images/box/box_325_bottom.jpg) no-repeat left bottom;
	padding:9px 10px 7px 10px;
	}
#middle .box325 .boxcontent{
	padding-top: 0pt;
	padding-right: 12px;
	padding-bottom: 0pt;
	padding-left: 5px;
}
#middle .box325 .headlines {
	font-size:13px;
	font-family: arial, tahoma, sans-serif;
	color:#b4282e;
	position:relative;
	background:#fff;
	padding:0 4px;
	float:right;
	margin:-20px 110px 0 0;
	}
#middle .box325 .headlines a {
	color:#b4282e;
	}
	
/* footer */
#footer {
	font-size:12px;
	float:left;
	width:100%;
	text-align:center;
	padding:40px 0 20px 0;
	}