@import "list.css";
			@import "layout.css";

/* ----------------------------------------------------------------------
---------------------- BRANDING -----------------------------------------
-----------------------------------------------------------------------*/


/* ----------------------------------------------------------------------
---------------------- NAVIGATION ---------------------------------------
-----------------------------------------------------------------------*/
	/* ---------------------------------- Top Navigation ----------------------------  */
	ul#navlist
	{	list-style-type: none;
		width:100%;
        height: 100%;
		margin: 0;
		font-family: Georgia, Times New Roman;
		font-weight: bold;
		text-transform: uppercase;
		float:left;
		background-color: #343434;
	}
	ul#navlist li {
        height: 100%;
		float: left;
		margin: 0px;
		text-transform:uppercase;
		padding: 0px;
		border-right: 1px #fff solid;
		text-align:center;
	}
	ul#navlist li#shootingTab {
		float: left;
		background-color: #d80c24;
		margin: 0px;
		width: 130px;
		padding: 0px;
		vertical-align: bottom;
		text-align: center;
	}
	ul#navlist li#shootingTab a {
		display:block;
		color: #fff;
	}
	ul#navlist li#shootingTab a:hover {
		text-decoration:underline;
	}
	ul#navlist li#active {
		background-color: #fff;
	}
	li#active a {
		color: #000;
	}
	#navlist a {
		float: left;
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 13px 8px 5px;
        line-height: 16px;
	}
	#navlist a:hover {
		text-decoration:underline;
	}

	/* ---------------------------------- Breadcrumbs ----------------------------  */
	#topCrumb {
		font-family: Trebuchet MS, Helvetica, sans-serif;
		font-size: 1.1em;
		display: block;
		margin: 10px;
		font-weight:bold;
	}
	#topCrumb a {
		font-weight: bold;
		color: #ababab;
	}
	#subscribeFeed 	{
		float: right;
	}
	#navCrumb 		{
		float:left;
	}
	#navCrumb ol li { 
		display: inline; 
		float: left; 
		margin-right: 4px; 
		color: #ababab; 
		background: url(/images/backgrounds/navcrumbBG.gif) center left no-repeat; 
		padding-left: 8px; 
	}
	#navCrumb ol li.first {
		background-image: none;
		padding-left: 0px;
	}

	/* ---------------------------------- START - Left Navigation ----------------------------  */
	#leftNav {
		background-color: #f5f5f5;
		font-size:1.1em;
		font-weight:bold;
		font-family: Trebuchet MS, Helvetica, sans-serif;
		border-bottom: 1px solid #c5c5c5;
		margin-bottom: 15px;
	}

	#leftNavMain, #leftNavSUK {
		margin: 0px 0px 20px 0px;
	}
	#leftNav ul{
		width: 130px;
		margin-left: 0px;
		padding-left: 0;
		list-style-type: none;
	}
	#leftNav li ul#leftNavSub li {
		background-color:#FFFFFF;
		border-bottom:1px solid #C5C5C5;
	}
	#leftNav li {
		border-bottom: 1px solid #c5c5c5;
		background-color: #fff;
	}
		/* Top Level Navigation */
		#leftNavMain a {
			color: #000;
			display: block;
			padding: 4px 5px 4px 5px;
			background-color: #fff;
			text-decoration: none;
		}
		#leftNavMain a:hover {
			color: #CC0000;
			text-decoration: none;
		}
		#leftNavMain li#active a {
			background-color: #CC0000;
			color: #fff;
		}
		
		/* Second Level Navigation */
		#leftNavSub li {
			border-bottom: none;
		}
		#leftNavSub li a {
			padding: 0px 0px 0px 15px !important;
			margin: 4px 0px 4px 0px !important;
			background-color: #fff !important;
			color: #222222 !important;
			font-size: 0.9em !important;
			border-left: 4px #fff solid !important;
		}
		#leftNavSub li a:hover  {
			background-color: #fff !important;
			color: #CC0000 !important;
		}
		#leftNavSub li#active a {
			background-color: #fff !important;
			color: #222222 !important;
			border-left: 4px #c5c5c5 solid !important;
		}
		/* What is RSS */
		#leftRSS {
			padding: 10px;
			margin: 0px 0px 20px 0px;
		}
		#leftRSS img {
			float: left;
			border: 0px;
			width: 32px;
			height: 32px;
			margin-right: 5px;
		}
		#leftRSS a {
			color: #ababab;
		}
		/* Shooting UK Portal Navigation */
		#leftNavSUK {
			margin: 0px 0px 60px 0px;
		}
		#leftNavSUK h2 {
			display: block;
			border-top: 1px solid #cfcfcf;
			border-bottom: 1px solid #cfcfcf;
			margin: 0px;
			padding: 0px; 
		}
		#leftNavSUK p {
			padding: 6px;
			color: #ababab;
		}
		#leftNavSUK li {
			border-bottom: 1px solid #c5c5c5;
		}
		#leftNavSUK li a {
			color: #000;
			display: block;
			padding: 4px 5px 4px 5px;
			text-decoration: none;
		}
		#leftNavSUK a:hover {
			color: #c00000;
			text-decoration: none;
		}
	/* Footer */
	#legal {
		font-family: Trebuchet MS, Helvetica, sans-serif;
		border-top: 1px solid #c5c5c5;
		margin: 0;
		padding: 0;
	}
	#legal ul {
		border-bottom: 1px solid #c5c5c5;
		text-align: center;
		font-weight: bold;
		color:#ababab;
		padding: 5px 0;
	}
	#legal ul.footerBold {
		font-size: 1.1em !important;
	}
	#legal li {
		display: inline;
	}
	#legal a {
		text-decoration: none;
		color: #ababab;
	}
	#legal a:hover {
	text-decoration: underline;
	}
	.footerInput {
		display: inline;
	}
	.footerInput #searchFoot {
		width: 160px;
	}
	
/* ----------------------------------------------------------------------
---------------------- CONTENT -----------------------------------------
-----------------------------------------------------------------------*/
	/* ---------------------- Common Styles --------------------- */
	body {
		text-align: center;
		color: #222222;
		padding: 0px 10px 10px 10px;
		font-family: Georgia, "Times New Roman", Times, sans-serif;
		font-size: 12px;
		background-color: #fff;
	}
	h1 {
		margin: 0px;
		padding: 0px;
	}
	div {
		_height: 1%;
		*min-height :1%;
	}
	hr {
		display: none;
	}
	
	a {
		text-decoration: none;
		color:#CC0000;
	}
	a:link {
		color :#CC0000;
	}
	a:hover {
		text-decoration: underline;
	}
	a, button {
		cursor: pointer;
		_cursor: hand;
	}
	img {
		border: 0;
	}
	
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input {
		margin: 0;
		padding: 0;
	}
	blockquote {
		margin: 15px 30px;
	}
	
	/* ---------------------- Content --------------------- */
	#contentarea {
	}
	#contentarea h2 {
		color: #CC0000;
		font-size: 2.5em;
		margin-bottom: 0.3em;
	}
	#contentarea h3 {
		color: #CC0000;
		font-size: 1.4em;
		margin: 0.2em 0px;
	}
	#contentarea h4 {
		color: #CC0000;
		font-size: 1.1em;
		margin: 0.3em 0px;
	}
	#contentarea h5 {
		color: #CC0000;
		font-size: 1em;
		margin: 0.2em 0px;
	}
	#contentarea h5 a {
		color: #222222;
		font-weight: normal;
	}
	#contentarea h6 {
	}
	#contentarea p {
		margin-bottom: 1em;
	}
	fieldset {
		border: none;
	}

	/* ---------------------------------- Magazine Box ----------------------- */
	#whatsinSubscribeBox {
		border: #c5c5c5 solid 1px;
		margin: 30px 10px;
	}
	.whatsinSubscribeBoxImg {
		float: left;
		border: #222222 1px solid;
		margin-right: 10px;
	}
	.whatsinSubscribeBoxDetails {
		margin: 10px 0px;
		padding: 0px 10px;
	}
	#whatsinSubscribeBox .whatsinSubscribeBoxDetails h3 {
		margin-bottom: 1em;
	}
	.whatsinSubscribeBoxDetails p {
		margin-bottom: 15px;
	}
	.whatsinSubscribeBoxForm {
		border-left: #c5c5c5 solid 1px;
		margin: 10px 0px;
		padding: 0px 10px;
	}
	.whatsinSubscribeBoxForm input {
		width: 90%;
		margin-bottom: 5px;
	}
	.whatsinSubscribeBoxForm a {
		font-family:Trebuchet MS, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: bold;
		color: #ababab;
	}
	.whatsinSubscribeBoxLinks {
		font-family:Trebuchet MS, Helvetica, sans-serif;
		border-top: #c5c5c5 solid 1px;
		padding: 5px;
		text-align: center;
		background-color: #f5f5f5;
		font-weight: bold;
		color: #bababa;
	}
	.whatsinSubscribeBoxLinks ul {
		margin: 5px auto;
		text-align: center;
	}
	.whatsinSubscribeBoxLinks li {
		display: inline;
		float: left;
	}
	.whatsinSubscribeBoxLinks a {
		color: #bababa;
	}

/* ----------------------------------------------------------------------
---------------------- PROMOTIONS COLUMN --------------------------------
-----------------------------------------------------------------------*/
#promotions {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	margin-left: 1px !important;
	float: right;
	width: 346px;
	border-bottom: 1px solid #cfcfcf;
}
#promotions h3 {
	font-family: Georgia, "Times New Roman", Times, sans-serif;
	color: #CC0000;
	font-size: 1.2em;
	margin-bottom: 0.2em;
}
	/* ----------------------- Search Box ------------------------------------ */
	/* Search Form */
	#searchBox {
		background-color : #CC0000 ;
		color : #fff ;
		padding : 12px ;
		margin: 0;
	}
	#searchBox fieldset {
	height: 38px;
	}
	#searchBox h3 {
		font-family: Georgia, "Times New Roman", Times, sans-serif;
		font-size: 1.6em;
		color: #fff;
		float: left;
		padding: 5px 7px 0 0;
	}
	#searchBox h2 {
		color : #fff ;
		font-weight : bold ;
		font-size : 1.1em ;
		padding-bottom: 0;
		margin-bottom: 0;
		margin-top: 5px;
		clear: left;
	}
	#searchBox p {
		color : #fff ;
		font-weight : bold ;
		padding-bottom: 7px;
	}
	#searchBox p a {
		color : #fff ;	
	}
	#searchBox form input {
		float: left;
		width : 140px ;
		border : 1px solid #222222 ;
		margin: 9px 7px 15px 0;
	}
	/* Tags - Browse by Topic */
	#searchBox ul {
		list-style: none;
	}
	#searchBox li {
		float: left;
		display: inline;
	}
	#searchBox a {
		color: #fff;
	}
	.search-submit {
		background : url(/images/homepage/search/search_submit.png) top right no-repeat ;
		_background : url(/images/homepage/search/search_submit.gif) top right no-repeat ;
		float: left;
		width: 48px;
		height: 38px;
		border: 0px;
	}
	
	/* ---------------------------- Random Articles in Right Nav ---------------------------- */
	/* Random Articles in Right Nav */
	#promotions #articleBlockRandom {
		border: 1px solid #C5C5C5;
		padding: 5px;
		margin: 5px 0px 10px 5px;
		/* workaround for ie6 bug doubling the margin.*/
		display: inline;
		text-align: left;
		background: url("/images/backgrounds/gradContentBG.png") repeat-x 20px bottom;
		float: left;
		width: 160px;
	}
	#promotions #articleBlockRandom h2 {
		font-size: 1.2em;
		color: #CC0000;
		margin-bottom: 0.2em;
	}
	#promotions .articleBlockRandomLead {
		margin-bottom:10px;
	}
	#promotions .articleBlockRandomLead h3 {
		font-size: 1em;
		width:  150px;
		font-family: Trebuchet MS, Helvetica, sans-serif;
		font-weight: normal;
	}
	#promotions .articleBlockRandomLead img {
		float: right;
		border: #222222 solid 1px;
		margin: 2px 0px 0px 3px;
	}

	/* ---------------------- Poll in right column --------------------- */
	/* Poll question pane */
	div.poll {
		padding: 10px;
		margin-left: 1px;
		background: url("/images/backgrounds/gradContentBG.png") repeat-x 20px bottom;
		line-height: 1.5em;
	}
	.poll .subtitle {
		display: block;
		display: none;
	}
	.poll .question {
		font-weight: bold;
		margin-bottom: 10px;
	}
	.poll .answer {
		font-family: Trebuchet MS, Helvetica, sans-serif;
		font-weight: bold;
		color: #ababab;
	}
	.poll .answer input {
		float: right;
	}
	.poll .action {
		text-align: right;
	}
	.poll .action input {
		background:transparent url(/images/buttons/submitArrowSmall.gif) no-repeat scroll right top;
		height:30px;
		width:60px;
		overflow: hidden;
		padding:0px;
		border: 0px;
		font-size: 0px;
		cursor: pointer;
	}
	
	/* Poll results pane */
	.poll .answer {
		padding: 3px;
		margin: 1px;
	}
	.poll .answer .barContainer { 
		width: 200px;
		position: relative; 
		height: 1.5em; 
		border: 1px solid #c5c5c5; 
	}
	
	.poll .answer .barContainer .bar { 
		background-color:#CC0000;
		height: 1.5em; 
	}
	.poll .answer .barContainer .value { 
		float: left; 
		width: 200px; 
		verticle-align: middle;
		text-align: center; 
		position: absolute; 
	}
	
	/* ------------------------ Subscribe Component with Link ------------------------ */
	#promotions #whatsinSubscribeMiniBox {
		border-top: 1px solid #C5C5C5;
		border-bottom: 1px solid #C5C5C5;
		padding: 10px;
		margin-left: 0px;
		clear: both;
	}
	#promotions #whatsinSubscribeMiniBox {
	}
	.whatsinSubscribeMiniBoxImg {
		float: left;
		border: 1px solid #222222;
		margin: 0px 5px 0px 0px;
	}
	.whatsinSubscribeMiniAction {
		font-weight: bold;
		padding-top: 20px;
		float: right;
	}
	#whatsinSubscribeMiniBox p {
		margin-bottom: 10px;
	}
	#whatsinSubscribeMiniBox ul {
		list-style: none;
		display: block;
	}
	#whatsinSubscribeMiniBox li {
		margin-bottom: 10px;
		display: block;
		text-align: right;
		font-weight: bold;
	}
	.subArrowRight {
		vertical-align: middle;
		padding-left: 6px;
	}
	
	/* -------------------------- Newsletter component in promotions area ----------------------------- */
	#promotions .newsletter {
		padding: 10px;
		margin-left: 1px;
		background:url("/images/backgrounds/gradContentBG.png") repeat-x 20px;
		border-bottom:1px solid #c5c5c5;
		border-top:1px solid #c5c5c5;
	}
	#promotions .newsletter label {
		font-family:Trebuchet MS, Helvetica, sans-serif;
		float: left;
		font-weight: bold;
		color: #ababab;
		padding: 8px 7px 0 0;
	}
	#promotions p.newsMoreInfo a {
		font-family:Trebuchet MS, Helvetica, sans-serif;
		float: right;
		padding: 4px 8px 15px 0;
		font-weight: bold;
		color: #ababab;
	}
	#promotions .newsletter form input {
		float: left;
		width : 180px ;
		border : 1px solid #222222;
		margin: 9px 7px 15px 0;
	}
	#promotions .newsletter form input.newsletter-submit {
		background : url(/images/buttons/submitArrowSmall.gif) top right no-repeat ;
		float: left;
		width: 37px;
		height: 23px;
		margin: 6px 0px 0px 5px;
		border: 0px;
		cursor: pointer;
	}
	
	/* ------------------- Competition Component in Promotions Area -------------- */
	#promotions #competitionBox {
		font-family:Trebuchet MS, Helvetica, sans-serif;
		border-bottom: 1px solid #c5c5c5;
		padding: 10px;
		background:url("/images/backgrounds/gradContentBG.png") repeat-x 20px bottom;
		margin-left: 1px;
	}
	#promotions .competitionBoxImg {
		float: right;
		border: 1px solid #222222;
		padding: 0px;
		margin: 5px;
	}
	#promotions #competitionBox p {
		margin-bottom: 15px;
	}
	#promotions #competitionBox p a {
		font-weight: bold;
	}

/* ----------------------------------------------------------------------
---------------------- AD UNITS -----------------------------------------
-----------------------------------------------------------------------*/
			
	#mast-head {
		margin-top: 5px;
		margin-bottom: 5px;
	}
			
	/* Banner Unit in Header */
	#bannerAdContainer {
		float: right;
		width: 730px
	}
	.bannerAd {
		float: right;
	}
	/* Button Unit in Left Nav */
	#leftCommercial {
		text-align: center;
		margin-bottom: 30px;
	}
	#leftCommercial img {
		margin-bottom: 15px;
	}
	/* Button Unit in Promotions Column */
	.buttons {
		text-align: center;
	}
	.buttons img {
		float: left;
		margin: 15px;
	}
	/* MPU Unit in Promotions Column */
	.adMPU {
		text-align: center;
		margin:10px 0;
	}
	.adMPU img {
		padding: 10px 0;
	}


	/* Sky Unit in Promotions Column */
	.adSky {
		text-align: right;
		margin: 5px 5px 10px 0px;
		float: right;
		/* workaround for ie6 bug doubling the margin.*/
		display: inline;
	}


/* ----------------------------------------------------------------------
---------------------- ERROR PAGES --------------------------------------
-----------------------------------------------------------------------*/
/* 404 and 500 error pages */
div#error {
	padding:10px;
}