/* Defence Magazine stylesheet */

/* basic layout */

body	{
	font-family: verdana, arial, sans-serif;
	font-size: x-small;
	width: 100%;
	color: #000;
	background-color: #fff;}
*	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: top;}

div, p, h1, h2, h3, h4, h5, h6	{
	display: block;
	position: static;}
div, p, td, li	{
	font-size: x-small;}
h4	{font-size: 1.15em;}
h5	{font-size: 1.1em;}
h6	{font-size: 1.05em;}
img	{display: block;}

/* Defence banner */
div#defbnr	{
	width: 100%;
	height: 87px;
	color: #fff;
	background-color: #000;
	text-align: right;
	clear: both;}
div#defbnr img	{
	vertical-align: text-top;
	float: left;}
div#defbnr a	{
	text-decoration: none;
	font-family: franklin gothic book, arial rounded MT bold, arial, sans-serif;
	font-weight: bold;
	color: #FFF;
	white-space: nowrap;
	padding: 0 0.5em;}
div#defbnr a.dept, div#defbnr a:hover 	{
	color:#F63;	}
div#defbnr p	{
	white-space : nowrap;}
div#defbnr p span#mission	{
	font-style: italic;
	font-family: arial, sans-serif;
	font-weight: normal;
	padding: 0 0.25em;}
div#defbnr p span.hoveronly, div#defbnr p span.hoveronly a	{
	color: #000;
	font-size: xx-small;
	font-weight: normal;}
div#defbnr p span.hoveronly a:hover, div#defbnr p span.hoveronly a:active	{
	color: #fff;}
div#defbnr a.dept, div#defbnr a:hover, div#defbnr a:active	{
	color:#F63;	}

/* Magazine banner */
table#layout	{
	width: 100%;
	border-collapse: collapse;
	vertical-align: top;}
table#layout tr td	{
	border-collapse: collapse;
	vertical-align: top;
	color: #000;
	background-color: #fff;}	
table#layout td#banner	{
	width: 100%;
	height: 75px;
	border-left:  none;
	vertical-align: bottom;
	border-collapse: collapse;
	background-image : url(../images/bnrbg.gif);
	background-position : bottom;
	background-repeat : repeat-x;}		
table#layout td#banner h1	{	
	float: left;
	display: none; }
table#layout td#banner img.bnr	{	
	float: left;
	display: inline;}
* html table#layout td#banner img.bnr	 {margin-left:-3px;}
table#layout td#banner p.tom	{
	float: right;
	text-align: right;
	color: #fff;
	font-size: small;
	font-weight: bold;
	padding: 0.25em 0.25em 0 0;
	font-family: arial, sans-serif;}
table#layout td#banner p.dated	{
	float: right;
	text-align: right;
	color: #000;
	font-size: small;
	font-weight: bold;
	padding: 1em 0.25em 0 0;
	clear: right;
	font-family: arial, sans-serif;
	vertical-align: 75px;}
	
/* Magazine navigation */
table#layout td.nav	{
	width: 17em;	
	width: 20%;
	vertical-align: top;
	padding: 4px 4px 3em 4px;}
html>body>table#layout>tr>td.nav	{	
	width: 20%;}
table#layout td.nav *	{
	font-weight: bold;
	color: #000;	
	font-size: x-small;
	text-decoration: none;}	
table#layout td.nav ul	{
	width: 100%;
 	margin: 0px;
	padding: 0px;}
table#layout td.nav li	{
	width: 100%;
	margin: 0px;
	padding: 0px;}
table#layout td.nav a	{
	background-color: #fff;}
table#layout td.nav li a, table#layout td.nav li span.current	{
	margin: 2px 2px;
	padding: 2px 4px;
	display: block;}
table#layout td.nav a#nav	{
	display: run-in;
	visible: collapse;
	float: right;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
	text-decoration: none;}
table#layout td.nav a:hover, table#layout td.nav li span.current, table#layout td.nav a.current	{
	background-color: #69c;}
table#layout td.nav div.indent a	{
 padding-left: 10px;}

/* Magazine Contents page */
table#layout td#main	{
	width: 50em;
	vertical-align: top;
	padding: 0 10px 10px;}
html>body>table#layout>tr>td#main	{	
	width: 50%;
	height: auto;}
table#layout td#main div.coverstory, table#layout td#main div.feature {
	padding-bottom: 10px;
	clear: right;
	height: auto;}
table#layout td#main h2	{
	padding: 10px 0 0;}
table#layout td#main h2, table#layout td#main h3, table#layout td#gs h2	{
	font-size: 1.35em;}
table#layout td#main div h3, table#layout td#main div.columns ul, table#layout td#main div.section ul, table#layout td#gs ul li 	{
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;}
table#layout td#main div h3, table#layout td#main div.columns ul li, table#layout td#main div.section ul li	{
	margin: 10px 0 5px;
	padding: 0 10px;
	list-style-image: none;
	list-style-type: none;}
table#layout td#main div h4	{
	padding: 0 10px;}
table#layout td#main div p 	{
	padding: 0 10px;}
table#layout td#main div img	{
	margin: 0 5px;
	padding: 0px;}
table#layout td#main div.feature	{
	border-top: none;
	border-bottom: thin solid #69c;
	border-right: thin solid #69c;
	border-left: thin solid #69c;}		
table#layout td#main div.feature h3	{
	border-bottom: thin solid #69c;}
table#layout td#main div.feature h3	{
	background-color: #69c;
	color: #fff;}
table#layout td#main div.section h3, table#layout td#main div.section ul li	{
	border: thin solid #69c;
	background-color: #69c;
	padding-top: 2px;
	padding-bottom: 4px;}
table#layout td#main div.section ul, table#layout td#main div.columns ul	{
	margin: 0px; padding: 0px;}
table#layout td#main div.section h3 a, table#layout td#main div.columns ul li a, table#layout td#main div.section ul li a {
	color: #fff;
	font-weight: bold;}
table#layout td#main div.coverstory ul, table#layout td#main div.feature ul, table#layout td#main div.coverstory ul li, table#layout td#main div.feature ul li  {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;}
table#layout td#main div.coverstory img, table#layout td#main div.feature img {
	border: 0px;
	float: right;}
table#layout td#main div.coverstory ul li a, table#layout td#main div.feature ul li a {
	color: #000;}
table#layout td#main div.coverstory ul li a:visited, table#layout td#main div.feature ul li a:visited 		{
	color: #999}	
table#layout td#main div.columns ul li a, table#layout td#main div.section ul li a {
	font-size: 1.35em;}
table#layout td#gs ul li a {
	font-size: 1.1em;
	font-weight: bold;}
table#layout td#main div.columns h3	{
	padding-top: 2px;
	padding-bottom: 2px;}
table#layout td#main div h3 a, table#layout td#main div.columns li a, table#layout td#main div.section li a		{
	color: #fff;}
table#layout td#main div h3 a:hover, table#layout td#main div li a:hover		{
	text-decoration: underline;}
table#layout td#main div h3 a:visited, table#layout td#main div li a:visited		{
	color: #ccc;}
table#layout td#gs a:visited, table#layout td#main div.features a:visited		{
	color: #666;}	
table#layout td#gs p.top a:visited	{
	text-decoration: none;
	color: #69c;}	
table#layout td#gs	{
	width: 35em;
	width: 30%;
	vertical-align: top;
	padding: 10px;}
table#layout td#gs h2	{
	margin: 0 0 10px;}
table#layout td#gs h3, table#layout td#gs h4	{
	font-size: 1.2em;}	
table#layout td#gs h4, table#layout td#gs ul, table#layout td#gs p	{
	padding: 0 0 5px;}
table.red#layout td#gs div#contribute h3	{
	color: #000;}	
p.top	{
	padding: 10px 0 5px;
	font-size: smaller;
	text-align: right;}
p.top a	{
	text-decoration: none;
	color: #69c;}
table#layout td#main a, td#gs a		{
	text-decoration: none;}
table#layout td#main div h4 a, table#layout td#gs a		{
	color: #000;}
table#layout td#main a:hover, td#gs a:hover		{
	text-decoration: underline;}
table#layout td#main div h4 a:visited, td#gs a:visited		{
	color: #999;}
	
/* Article or Story layout */
table#layout td#story	{
	vertical-align: top;
	padding: 10px;
	witdh: 75em;}
html>body>table#layout>tr>td#story	{	
	width: 78%;}
table#layout td#story	h2, table#layout td#story	h3, table#layout td#story	h4, table#layout td#story	h5, table#layout td#story	h6, table#layout td#story	p  	{
	margin-bottom: 10px;}
table#layout td#story	p  	{
	text-indent: 1em;}
table#layout td#story p.accred	{font-size: 0.9em; font-family: arial, sans-serif; text-indent: 0px; }
table#layout td#story	p.finfo  	{
	text-indent: 0em;
	font-weight: bold;}
table#layout .focus {
	padding-bottom: 10px;}
table#layout td#story div.pic	{
	float: right;
	width: 210px;
	margin: 0px;
	padding: 0px 10px 5px;
	text-align: center;
	background-color: #fff;}
table#layout td#story div.pic#lj	{
	float: left;
	margin: 0px;
	padding: 0 5px 5px 5px;}
table#layout td#story div.pic img	{
	float: none;
	width: 200px;
	border: 0px;
	margin: 0px;
	padding: 0px;}
table#layout td#story div.pic p	{
	margin: 0px;
	padding: 0px 5px;
	color: #fff;
	width: 200px;
	text-align: left;
	font-size: 0.86em;
	text-indent: 0em;}
table#layout td#story div#snapknow	{
	padding: 10px 0;
	margin-bottom: 10px;}
table#layout td#story div#snapnews	{
	padding: 10px;}
table#layout td#story div#snapnews h4	{
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 1.1em;}
table#layout td#story div#snapspell	{
	padding: 10px 0;}
table#layout td#story div#snapspell dl 	{
	margin-bottom: 1em;}
table#layout td#story div#snapspell dl dt 	{
	float: left;
	width: 4em;
	font-weight: bold;}
table#layout td#story div#snapspell dl dd 	{
	margin-left: 4.5em;}
table#layout td#story div#snapspell p 	{
	clear: both;}
table#layout td#story div#snapspell dl 	{
	margin-bottom: 0px;
	padding-bottom: 0px;}
table#layout td#story div.snappic	{
	margin-left: 10px;
	padding: 0px 5px 5px;
	text-align: center;
	background-color: #fff;
	width: 250px;}
table#layout td#story div.snappic#rj	{
	float: right;}
table#layout td#story div.snappic img	{
	border: 0px;
	margin: 0px;
	padding: 0px;}
table#layout td#story div.snappic p	{
	margin: 0px;
	padding: 0px 10px;
	color: #000;
	width: 100%;
	text-align: left;
	text-indent: 0em;}
table#layout	td#story div.substory	{
	margin: 10px 0;
	padding: 10px;}
table#layout td#story div.substory div.pic, table#layout td#story div.substory div.pic p	{
	color: #000;}
table#layout	td#story div.moreinfo	{
	margin: 10px 0px;
	padding: 10px;}
table#layout td#story div.moreinfo#rj	{
	float: right;
	width: 40%;}
	
/* general pages layout */
table#layout td#info	{
	vertical-align: top;
	padding: 10px;
	witdh: 75em;}
html>body>table#layout>tr>td#info	{	
	width: 78%;}
table#layout td#info	h2, table#layout td#info	h3	{
	margin-bottom: 10px;
	color: #000;}
table#layout td#info	h3 a	{
	color: #000;}
table#layout td#info p	{
 padding-bottom: 10px;}
table#layout td#info	table.pasteds	{
	padding: 5px;
	border-collapse: collapse;}
table#layout td#info	table.pasteds td	{
	border-collapse: collapse;
	padding-right: 5px}
table#layout td#info	table.pasteds td	img	{
	margin: 5px;}
table#layout td#info	table.pasteds tr.last td	{
	border-top: thin solid #69c;}
table#layout td#info	form input.radio	{
	border: 0px;}
table#layout td#info	form input, table#layout td#info	form select, table#layout td#info	form textarea	{
	border: thin solid #999;}
	
/* Colour scheme */
/* Red */
table.red#layout td#banner, table.red#layout td.nav, table.red#layout td#story div.pic	p	{
	background-color: #c33;}
table.red#layout td#main	{
	border-right: medium solid #c33;}
table.red#layout td#gs	{
	border-left: medium solid #c33;}
table.red#layout td#main div.coverstory	{
	border-top: none;
	border-bottom: thin solid #c33;
	border-right: thin solid #c33;
	border-left: thin solid #c33;}		
table.red#layout td#main div.coverstory h3, table.red#layout td#main div.columns h3, table.red#layout td#main div.columns li	{
	border-bottom: thin solid #c33;
	background-color: #c33;
	color: #fff;}
table.red#layout td#gs h3, table.red#layout td#story	h2, table.red#layout td#info	h2, table.red#layout hr, table.red#layout .colr 	{
	color: #c33;}
table.red#layout .focus 	{
	border-bottom: thick solid #c33;}
table.red#layout td#story	h2 	{
	border-bottom: thin solid #c33;}			
table.red#layout td#gs h3 	{
	border-bottom: thin solid #c33;}
table.red#layout td#story div.snappic	{	
	border: thin solid #c33;}
table.red#layout td#story div#snapspell h3, table.red#layout td#story div#snapnews h3, table.red#layout td#story div#snapknow h3, table.red#layout td#story div#contribute h3, table.red#layout td#story div h3.snap, table.red#layout td#story h3.snap	{
	border-bottom: thin solid #c33;}
table.red#layout td#story div.substory, table.red#layout td#story div.substory div.pic, table.red#layout td#story div.moreinfo div.pic		{
	background-color: #fcc;}
table.red#layout td#story div.substory div.pic p, table.red#layout td#story div.moreinfo div.pic p	{
	color: #000;
	background-color: #f99;}
table.red#layout td#story div.moreinfo	{
	background-color: #fcc;
	border: thin solid #900;}
table.red#layout ul li	{
	list-style-image: url(../images/reddot.gif);}	
/* Blue */
table.blue#layout td#banner, table.blue#layout	td.nav, table.blue#layout td#story div.pic	p		{
	background-color: #099;}
table.blue#layout td#main	{
	border-right: medium solid #099;}
table.blue#layout td#gs	{
	border-left: medium solid #099;}
table.blue#layout td#main div.coverstory	{
	border-top: none;
	border-bottom: thin solid #099;
	border-right: thin solid #099;
	border-left: thin solid #099;}		
table.blue#layout td#main div.coverstory h3, table.blue#layout td#main div.columns h3, table.blue#layout td#main div.columns li 	{
	border-bottom: thin solid #099;
	background-color: #099;
	color: #fff;}
table.blue#layout td#gs h3, table.blue#layout td#story	h2, table.blue#layout td#info	h2, table.blue#layout hr, table.blue#layout .colr  	{
	color: #099;}
table.blue#layout .focus 	{
	border-bottom: thick solid #099;}			
table.blue#layout td#story	h2 	{
	border-bottom: thin solid #099;}			
table.blue#layout td#gs h3 	{
	border-bottom: thin solid #099;}
table.blue#layout td#story div.snappic	{	
	border: thin solid #099;}
table.blue#layout td#story div#snapspell h3, table.blue#layout td#story div#snapnews h3, table.blue#layout td#story div#snapknow h3, table.blue#layout td#story div#contribute h3, table.blue#layout td#story div h3.snap, table.blue#layout td#story h3.snap	{
	border-bottom: thin solid #099;}
table.blue#layout	td#story div.substory, table.blue#layout td#story div.substory div.pic, table.blue#layout td#story div.moreinfo div.pic	{
	background-color: #9cc;}
table.blue#layout td#story div.substory div.pic p, table.blue#layout td#story div.moreinfo div.pic p	{
	color: #000;
	background-color: #099;}
table.blue#layout	td#story div.moreinfo	{
	background-color: #9cc;
	border: thin solid #036;}
table.blue#layout div.moreinfo .colr, table.blue#layout div.substory .colr	{
	color: #066;}
table.blue#layout ul li	{
	list-style-image: url(../images/bludot.gif);}
	
table.searchresults	{
	border-collapse: collapse;
	width: 95%;}
table.searchresults	th {
	background-color: #9cc;}
table.searchresults	th, table.searchresults	td {
	text-align: left;
	font-size: x-small;
	padding: 0.25em;}

/* General rules */
.lj	{text-align: left;}
.rj	{text-align: right;}
img.rj	{	float: right;}
.ctr	{text-align: center;}
.uln	{text-decoration: underline;}
.ls	{display: none;}
ul li	{list-style-type: square; margin: 1em 0 0 1em;}
ul, ol {	padding: 0 0 1em 1em;}
ol li	{ margin: 1em 0 0 1em;}
table#layout td#story .byline, table#layout td#story p.byline	{font-weight: bold; text-indent: 0px;}
ul.shortlist li	{
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 0.25em;
	margin-top: 0;}
hr 	{	height: 3px;}
hr.small 	{	height: 2px;}
*.nwrp 	{	white-space: nowrap;}
	
/* Print layout */
@media print	{ 
	div#defbnr, table#layout td.nav, p.top {display: none;}
	}