@import url('hmpmodule.css');


body { background:url(images/body_bg.jpg) no-repeat 0 50%; width:984px; margin:0 auto; }
#container {
	width:100%;
	padding-top:10px;
	position: relative;
}
#content { padding:30px 52px 12px; _margin-right:-52px; width: 880px; }
#main { padding-bottom:10px; no-repeat 0 100%; }
.replaced { display: block; height: 10px; overflow: hidden; outline: none; text-indent: -9999px; width: 10px; }

/* stroke layout */
body.whatson #content,
body.stroke #content {
	float:right;
	width:717px;
	padding:10px 5px 10px 4px;
	margin:-9px 0 -7px 0;
	border-left:1px solid #eee;
	background:none;
}
body.whatson #main,
body.stroke #main {
	float:left;
	width:100%;
}
body.whatson #moof,
body.stroke #moof { float:left; width:100%;}

/* subnav
------------------------*/
#subnav {
	display:inline;
	float:left;
	width:254px;
	margin-top:6px;
	margin-left:2px;
}
#subnav a:hover { text-decoration:none; }
#subnav h2 { margin:0 27px 16px 22px; color:#6f6f6f; font-weight:normal; }
#subnav h2 a { color:#6f6f6f; }
#subnav h2 a:hover { color:#08c; }
#subnav h3 { margin:0 27px .3em 22px; color:#6f6f6f; }
#subnav hr { height:0; margin:0 27px 16px 22px; background:#fff; border:none; border-top:1px solid #eee; }
#subnav a.back { display:block; margin:0 27px 16px 22px; padding-left:20px; background:url(../images/arrow_prev.gif) no-repeat 0 50%; }
#subnav a.back:hover { text-decoration:underline; }
#subnav li {
	font-weight:bold;
	line-height:10px;
}
#subnav li a {
	display:block;
	padding-left:25px;
	line-height:36px;
	color:#797c80;
	background:url(../images/nav_arrow20080909.gif) no-repeat 0 50%;
}
#subnav li a:hover {
	background-position:-222px;
	color:#C99176;
}
/*-------------------------------*/
#subnav ul ul a:link, #subnav ul ul a:active{
	color:#C99176;
}
#subnav ul ul a:hover{
	color:#4A2500;
}

#subnav ul ul{
	list-style: none;
	margin: 0 0 0px 36px;
	padding: 1px 0 0 0;	
	color:#C99176;
}

#subnav ul ul li a, #subnav ul ul li a:active, #subnav ul ul li a:link{
	width: 200px;
	height: 20px;
	background-image: none !important;
	font-size:11px;
	font-weight: normal;
	padding: 1px 0 0 0;
	line-height: 10px;	
	list-style: none;
	border-width: 0px;
	
	color: #C99176;
}
#subnav ul ul li a:hover{
	width: 200px;
	height: 20px;
	background-image: none !important;
	font-size:11px;
	font-weight: normal;
	padding: 1px 0 0 0;
	line-height: 10px;
	list-style: none;
	border-width: 0px;
	
	color: #4A2500;
}
/********************
**  SUBNAVIGATION  **
********************/




/*   PAGE FUNCTIONS: PRINT, EMAIL AND DOWNLOAD */
#page_functions {
	display:inline;
	float:left;
	width:200px;
	_width:243px;
	margin-top:6px;
	margin-left:0px;
	position: absolute;
	top: 371px;
	left: 23px;
}
/* misc */
#content h2 { font-size: 14px; margin-bottom: 0.5em; color: #000; }
#content div.right { float:right; width:275px; }
#content div.right div.box { width: 214px; }
#uptodaterss img.left { margin: 2px 12px 16px 0px; }
#uptodaterss h3 { margin-top: 18px; }
