/* GLOBAL STYLES */
        html {
            margin: 0;
            padding: 0;
			background-color: #f0f0f0;
        }
        body {
            font-size: 62%;
            background-color: #f0f0f0;
            font-family: "Trebuchet MS", Verdana, Arial, serif;
            text-align: center;
            margin: auto;
            height: 100%;
			
        }
		h1, h2, h3, h4, h5, h6 {
            color: #9dba5d;
        }
        h1, h2 {
            font-size: 1.6em;
			margin-top: 0;
			color: #000;
        }
        p {
            font-size: 1.2em;
			margin-top: 2px;
        }
		li {
		   font-size: 1.3em;
	    }
        a { 
			text-decoration: none; 
		}
        img { 
			border: none; 
		}
		
		
		
		 #wrapper {
            width:780px;
            margin:0 auto;
            padding: 0 20px 0 0;
            text-align: left;
			background-color: #fff;
			border: 1px solid #000;
        }
		
		#two_col {
			float: left;
            width: 596px;
            margin-top: -10px;
			padding-left: 5px;
			border-left: 1px solid #ccc;
		}
		
		#date {
			color: #fff;
			margin: -25px 0 15px 10px;
			font-size: 1.4em;
		}
		
		/* NAVIGATION */
		
		 #navigation {
            float:left;
            width:170px;
			margin: 0 5px 0 0;
			
        }
		
	    .left_menu {
            padding: 0;
            margin: 5px 0 0 0;
            text-align: left;
        }
		
        .left_menu li {
            list-style: none;
            background: none;
            height: 22px;
			border: 1px solid #fff;
		}	

		.left_menu li.nav {
			background-color: #ccc;
	
		}
		
		.left_menu li.nav:hover {
			background-color: #000;
		}
		
		.nav a {
			display:block;
			height: 24px;
			padding-left: 4px;
		}
		
		.left_menu li a.nav, left_menu li.nav {
            display: block;
            color: #000;
            padding: 4px;
         }
		 
		 .left_menu li.nav_header {
			 color: #fff;
			 background-color: #cc0001;
			 text-align: center;
			 font-weight: bold;
			 padding-top: 2px;
			 font-size: 1.3em;
			 margin-top: -5px;
			 margin-bottom: 0;
		 }
		 
        .mainnav_box li a:link, .mainnav_box li a:visited, .mainnav_box li.nav:link{

            background: #ccc;
			color: #000;
			font-size: 1.1em;
        }
		
		.mainnav_box li a:hover, .mainnav_box li a:active, .mainnav_box .nav li a:hover {
			display: box;
            background: #000;
			color: #fff;
			font-size: 1.1em;
        }
	
        .mainnav_box li a.nav_selected, .features_box li a.nav_selected, .mainnav_box li.nav a.nav_selected {
			background: #000;
            color: #fff;
        }
		
		div.nav_image {
			margin: 20px 0 0 5px;
		}
		
		.special_offer {
			padding: 20px;
		}
		
		/* FOOTER */
	
		div#footer {
            clear:both;
            padding:1em;
            background-color: #CED2D5;
			color: #7A7A7A;
	        text-align: center;
			height: 63px;
			padding: 0px 40px;
			width: 720px;
        }
        
		div#footer ul.nav {
			list-style-type: none;
			display: inline;
			text-align: center;
		}
		.footer_links {
			font-size: 1.4em;
			text-decoration: underline;
		}
		div#footer p {
			font-size: 1.4em;
		}
			
		div#footer ul li {
			float: left;
			margin: 0 10px 0 10px;
		}
		div#jffooter {
            margin: auto;
			margin-top: 20px;
            text-align: center;
            width: 350px;
            height: 50px;
            position: relative;
        }
        #jf_footer_link {
            display: block;
            width: 305px;
            height: 50px;
            background: #e4e4e4 url(http://www.the.week.magazine.co.uk/themes/default//images/jellyfish_image.png) top ;
        }
        #jf_footer_link span {
            display: none;
        }
		
	
		
		/* CONTAINER CLASSES */
		
		.content_center, .content {
			text-align: left;
		}
		
		.content {
			margin: -20px 0 15px 10px;
			font-size: 1.2em;
			margin-top: 10px;
		}
		
		.content ul {
			font-size: 0.9em;
		}
		
        .two_column_mid {
            width: 730px;
			margin-left: 30px;
        }
	
		.content p {
			font-size: 1.2em;
		}
			
		.content a:link, .content a:visited {
			color: #d50000;
			text-decoration: underline;
			font-weight: bold;
		}
		.content a:hover, .content a:active {
			color: #00C;
			text-decoration: underline;
			font-weight: bold;
		}

		 img.home_image {
			 width: 101.25%;
		 }
		
		.coverage_col{
			width: 50%;
			
		}
		.coverage_link_div a{
			display: block;
			font-size: 1.5em;
			font-weight: bold;
			color: #ffffff;
			margin-top: 3px;
			text-align: center;
			text-decoration: none; 
			}
			
		.coverage_col_content{
			margin: 10px;
		}	
		.coverage_col_content div p{
			padding: 2px 5px 2px 5px;
			font-size: 1.4em;
		}	
		
		.coverage_col_div {
			border: 1px solid #ccc;	
			margin-bottom: 10px;
			height: 190px;
		}
		
		.coverage_link_div {		
			display: block;
			background-color: #cc0001;
		}	
		
		
		/* LAYOUT CONTAINERS */
		/* SUPPLEMENTS */
		
		img.supp_image {
			float: right;
		}
		
		img.coverage_image {
			border: 1px solid #000;
			border-bottom-width: 2px;
			border-right-width: 2px;
			margin: 0 0px 5px 5px;
		}
		p.text-cta a {
			color: #d50000;
			text-decoration: underline;
			font-weight: bold;
			font-size: 1.25em;
		}
		/* UTILITY CLASSES */
        
		.header {
            margin: 0;
        }
		 /* Common elements, extend these, don't create new ones */
        .clearfix:after {/* slightly enhanced, universal clearfix hack */
            visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
        }
        .clearfix { 
			 display: inline-block; 
		}
        /* start commented backslash hack \*/ * html .clearfix { height: 1%; }
        .clearfix { 
		     display: block; 
		} /* close commented backslash hack */
        .float_left { 
			float: left;
		}
        .float_right { 
			float: right;
		}
		.clear_both {
		clear: both;
		}
		.align_center{
			margin: 0 auto;
		}
		
		
 div.sup_wrapper {
 	width: 250px;
 	padding-bottom: 10px;
 	margin-top: 10px;
	margin-left: 20px;
 	border-bottom: #ccc 1px solid;
	float: left;
 }
 
 div.sup_heading {
 	font-size: 1.3em;
 	font-weight: bolder;
 	color: #fff;
 	height: 25px;
 	background-color: #000;
 	text-align: center;
 	padding-top: 5px;
 	margin-bottom: 10px;
	border-bottom: #cc0000 2px solid;
 }
 
 img.sup-image-block  {
 	float: right;
 	margin-bottom: 10px;
 	border-left: #fff 5px solid;
 }
 
 img.sup-image-block-center {
 	float: none;
 	display: block;
 	margin: 10px auto;
 }
 
 div.sup_dl_link {
 	font-size: 1.2em;
 	display: block;
 	font-weight: bolder;
 	color: #000;
 	height: 25px;
 	background-color: #ccc;
 	text-align: center;
 	padding-top: 5px;
 }