/* Font face and sizing */

/* Standard - body copy, header, footer, nav, sub-headings, etc., etc. */
td, h3, h4, h5, h6,
.footer, 
.maintopics, .infocus, .purpleheader,
.bodywhite, .bodygrey,  .bodygreydark, .bodypurple, .bodycomm, .bodycrime, .bodyjust, .bodydrugs, .bodyterror, 
.sitenavon, .sitenavoff, .commnavoff, .commnavon, .crimenavoff, .crimenavon, .justnavoff, .justnavon, .drugsnavoff, .drugsnavon, .terrornavoff, .terrornavon
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
/*/*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;
}
html>body td, html>body h3, html>body h4, html>body h5, html>body h6,
html>body .footer,
html>body .maintopics, html>body .infocus, html>body .purpleheader,
html>body .bodywhite, html>body .bodygrey,  html>body .bodygreydark, html>body .bodypurple, html>body .bodycomm, html>body .bodycrime, html>body .bodyjust, html>body .bodydrugs, html>body .bodyterror,  
html>body .sitenavon, html>body .sitenavoff, html>body .commnavoff, html>body .commnavon, html>body .crimenavoff, html>body .crimenavon, html>body .justnavoff, html>body .justnavon, html>body .drugsnavoff, html>body .drugsnavon, html>body .terrornavoff, html>body .terrornavon
{
/* */
	font-size: small;
}


/* Smaller - disclaimers */
.bodygreydisclaimer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
/*/*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;
}
html>body .bodygreydisclaimer {
/* */
	font-size: x-small;
}

/* Larger - page headings and main sub-headings */
h1, h2, .pagetitle, .titlewhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
/*/*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: medium;
}
html>body h1, html>body h2, html>body .pagetitle, html>body .titlewhite  {
/* */
	font-size: medium;
}

/* Middling Large */

.largehdg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
/*/*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: large;
}
html>body .largehdg  {
/* */
	font-size: large;
}


/* Even Larger  */
.largetitlewhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
/*/*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-large;
}
html>body .largetitlewhite  {
/* */
	font-size: x-large;
}






/* Colour schemes */

td { line-height: 1.25;  color: #666666; }

.bodygrey { color: #666666; }
.bodygreydark { color: #5A5A5A; }
.bodycomm  { color: #CC600B; }
.bodycrime { color: #1E569F; }
.bodyjust  { color: #009342; }
.bodydrugs { color: #008797; }
.bodyterror { color: #7D7317; }
.bodywhite { 	line-height: 1.5; color: #FFFFFF; }
.bodygreydisclaimer { line-height: 1.6; color: #000000; }
.maintopics { color: #666666; }
.maintopics p {margin-top: 0; margin-bottom: 0.5em;}

.infocus {	color: #666666;}

/* boldpurple: Whatsnew pages */
.boldpurple { color: #660066; }
/* boldpurplesub: Whatsnew pages */
.boldpurplesub { color: #B27FB2; }


/* Headings */

/* pagetitle: Main page headings */
/* There should usually be only one of these per page */
/* Can either continue to use the .pagetitle class (preferably applied to an <H1>) or can just use an <H1>  with no class */
.pagetitle, h1 { 	font-weight: bold; 	color: #323232; }
h1 { 	margin: 0 0 1em 0; }

/* titlegreydark: Main text sub-section headings */
.titlegreydark, h2 { 	font-weight: bold;  color: #323232; }
h3, h4, h5, h6 { 	font-weight: bold; }
h2, h3, h4, h5, h6 { 	margin: 1.5em 0 0.75em 0; }




/* purpleheader: Document template*/
.purpleheader { line-height: 1.4; font-weight: bold; color: #660066;}

.titlewhite { line-height: 1; color: #FFFFFF; font-weight: bold; margin: 0;}

/* largetitlewhite: Document template*/
.largetitlewhite { line-height: 1; color: #FFFFFF; font-weight: normal; padding: 10px; }

/* largehdg: Heading for Community and Race main feature*/
.largehdg { line-height: 1; font-weight: bold; color: #323232; }


/* Left Hand Nav */
.sitenavon, .sitenavoff, .commnavoff, .commnavon, .crimenavoff, .crimenavon, .justnavoff, .justnavon, .drugsnavoff, .drugsnavon, .terrornavoff, .terrornavon 
{	vertical-align: middle; padding-right: 5px;}

.sitenavoff, .sitenavoff a { background-color: #E8D9E8;  color: #660066;  text-decoration: none; }
.sitenavon, .sitenavon a { background-color: #D1B2D1;  color: #660066;  text-decoration: none; }

/* Community (orange) menus */
.commnavoff, .commnavoff a { background-color: #FCEADC; color: #CC600B;  	text-decoration: none; }
.commnavon, .commnavon a { background-color: #F8D5B9;  color: #CC600B;  text-decoration: none; }

/* Crime (blue) menus */
.crimenavoff, .crimenavoff a { background-color: #DDE6F1;  color: #1E569F;   text-decoration: none; }
.crimenavon, .crimenavon a { background-color: #8EAACF;  color: #1E569F;  text-decoration: none; }

/* justice (green) menus */
.justnavoff, .justnavoff a { background-color: #D9EFE3;  color: #009342;  text-decoration: none; }
.justnavon, .justnavon a { background-color: #B2DEC6;  color: #009342;   text-decoration: none; }

/* drugs (aqua) menus */
.drugsnavoff, .drugsnavoff a  { background-color: #D9F1F4;  color: #008797;  text-decoration: none; }
.drugsnavon, .drugsnavon a {	background-color: #B2E3E9;  color: #008797; 	text-decoration: none;}

/* terror (aqua) menus */
.terrornavoff, .terrornavoff a { background-color: #ECEADC;  color: #7D7317; 	text-decoration: none;}
.terrornavon, .terrornavon a  {	background-color: #D8D5B9;  color: #7D7317; text-decoration: none;}

/*/*/
.sitenavoff a.purplelinks, .sitenavon a.purplelinks, 
td.bodypurple a.purplelinks,
.drugsnavoff a.drugslinks, .drugsnavon a.drugslinks,
td.bodydrugs a.drugslinks,
.commnavoff a.commlinks, .commnavon a.commlinks,
td.bodycomm a.commslinks,
.crimenavoff a.crimelinks, .crimenavon a.crimelinks,
td.bodycrime a.crimelinks,
.justnavoff a.justlinks, .justnavon a.justlinks,
td.bodyjusts a.justlinks,
.terrornavoff a.terrorlinks, .terrornavon a.terrorlinks,
td.bodyterror a.terrorlinks
{margin-left: 12px; display: block;}


.sitenavoff table a.purplelinks, .sitenavon table a.purplelinks, 
td.bodypurple table a.purplelinks,
.drugsnavoff table a.drugslinks, .drugsnavon table a.drugslinks,
td.bodydrugs table a.drugslinks,
.commnavoff table a.commlinks, .commnavon table a.commlinks,
td.bodycomm table a.commslinks,
.crimenavoff table a.crimelinks, .crimenavon table a.crimelinks,
td.bodycrime table a.crimelinks,
.justnavoff table a.justlinks, .justnavon table a.justlinks,
td.bodyjusts table a.justlinks,
.terrornavoff table a.terrorlinks, .terrornavon table a.terrorlinks,
td.bodyterror table a.terrorlinks
{margin-left: 0; display: inline;}
/* */

.sitenavoff a.purplelinks:hover, .sitenavon a.purplelinks:hover,
.drugsnavoff a.drugslinks:hover, .drugsnavon a.drugslinks:hover,
.commnavoff a.commlinks:hover, .commnavon a.commlinks:hover,
.crimenavoff a.crimelinks:hover, .crimenavon a.crimelinks:hover,
.justnavoff a.justlinks:hover, .justnavon a.justlinks:hover,
.terrornavoff a.terrorlinks:hover, .terrornavon a.terrorlinks:hover
 { text-decoration: none; }

td.level3nav {
	padding: 3px 0;
}
td.level3nav a {margin-left: 18px; margin-right: 5px; display: block;}


div.lhbanner {
	padding: 7px;
	border: 1px solid #DCDCDC;
	background-color: #FFFFFF;
	margin-bottom: 8px;
	margin-top: 8px;
	width: 173px;
/*/*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 157px;
}
html>body div.lhbanner {
/* */
	width: 157px;
}


/* Right Hand column links */

table.rhlinks {margin-bottom: 10px;}

td.rightlinks {padding: 0 2px 0.5em 2px}

td.rightlinks .purplelinks,
td.rightlinks .drugslinks,
td.rightlinks .commlinks,
td.rightlinks .crimelinks,
td.rightlinks .justlinks,
td.rightlinks .terrorlinks,
td.rightlinks span {
	margin-left: 12px; display: block;
}
td.rightlinks br {display: none;}
td.rightlinks a br, td.rightlinks span br  {display: inline;}


td.rightlinks span .purplelinks,
td.rightlinks span .drugslinks,
td.rightlinks span .commlinks,
td.rightlinks span .crimelinks,
td.rightlinks span .justlinks,
td.rightlinks span .terrorlinks {
	display: inline; margin-left: 0;
}

/*
Most right hand col links are simply <img><a> and will work fine.
If there's non-linked text then either of the following schemes will work:
<img><a>link</a><br><span>text</span>
OR
<img><span><a>link</a>text</span>

OR
Just keep on using a two column table as many of the pages did already
 */

div.rhbanner {
	padding: 7px 6px 7px 7px;
	border: 1px solid #DCDCDC;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}

div.rhpic {
	margin-bottom: 8px;
	border: 3px solid #DCDCDC;
	background-color: #FFFFFF;
}

.rightblock {
	padding: 4px;
}
.rightblock p {
	margin: 0 0 8px 0;
}

/* Links */
a:link, a:visited { color: #660066; text-decoration: underline; }

/* bodytextlink: Links in main body text*/
a.bodytextlink:link, .bodygreydark a:link  { color: #660066; text-decoration: underline; }
a.bodytextlink:visited, .bodygreydark a:visited { color: #B27FB2; text-decoration: underline; }

a.links:link, a.links:visited {color : #660066; text-decoration: none; } 
a.links:hover {color : #660066;  text-decoration: none; }
a.links:active {color : #FFCC33;  text-decoration: none; }

a.purplelinks:link, a.purplelinks:visited { color : #660066;  text-decoration: none; }
a.purplelinks:hover {color : #660066;  text-decoration: underline; }
a.purplelinks:active {color : #CCCCCC;  text-decoration: none; }

a.purpleboldlinks:link, a.purpleboldlinks:visited {color : #660066;  font-weight: bold; text-decoration: none; }
a.purpleboldlinks:hover {color : #8F3D8F;  font-weight: bold;  text-decoration: underline; }
a.purpleboldlinks:active {color : #CCCCCC;  font-weight: bold;  text-decoration: none; }

a.purplenewslinks:link, a.purplenewslinks:visited {color : #660066;  font-weight: bold; text-decoration: none; }
a.purplenewslinks:hover {color : #660066;  font-weight: bold;  text-decoration: underline; }
a.purplenewslinks:active {color : #CCCCCC;  font-weight: bold;  text-decoration: none; }

a.commlinks:link, a.commlinks:visited {color : #CC600B;  text-decoration: none; }
a.commlinks:hover {color : #CC600B;  text-decoration: underline; }
a.commlinks:active {color : #CCCCCC;  text-decoration: none; }

a.crimelinks:link, a.crimelinks:visited {color : #1E569F;  text-decoration: none; }
a.crimelinks:hover {color : #1E569F;  text-decoration: underline; }
a.crimelinks:active {color : #CCCCCC;  text-decoration: none; }

a.justlinks:link, a.justlinks:visited {color : #009342;  text-decoration: none; }
a.justlinks:hover {color : #009342;  text-decoration: underline; }
a.justlinks:active {color : #CCCCCC;  text-decoration: none; }

a.terrorlinks:link, a.terrorlinks:visited {color : #7D7317;  text-decoration: none; }
a.terrorlinks:hover {color : #7D7317;  text-decoration: underline; }
a.terrorlinks:active {color : #CCCCCC;  text-decoration: none; }

a.drugslinks:link, a.drugslinks:visited {color : #008797;  text-decoration: none; }
a.drugslinks:hover {color : #008797;  text-decoration: underline; }
a.drugslinks:active {color : #CCCCCC;  text-decoration: none; }

a.bluelinks:link {color : #6699CC;  text-decoration: none; }
a.bluelinks:visited {color : #FE2BFF;  text-decoration: none; }
a.bluelinks:hover {color : #6699CC;  text-decoration: underline; }
a.bluelinks:active {color : #CCCCCC;  text-decoration: none; }

a.bdcrmblinks:link, a.bdcrmblinks:visited { color: #666666; text-decoration: none; }
a.bdcrmblinks:hover { color: #666666; text-decoration: underline; }

a.footerlinks:link, a.footerlinks:visited {	color: #666666; text-decoration: none; }
a.footerlinks:hover { color: #666666; text-decoration: underline; }

a.whitelinks:link a.whitelinks:visited { color: #ffffff; text-decoration: underline; }

.maintopics a:link, .maintopics a:visited { font-weight: bold; color: #660066; text-decoration: none;}
.maintopics a:hover { text-decoration: underline; }

.maintopics-pic a:link img, .maintopics-pic a:visited img {border: 2px solid white;}


.bodygreydisclaimer a:link, .bodygreydisclamer a:visited { color: #660066; text-decoration: underline; }

.infocus a:link, .infocus a:visited { 	color: #666666; 	text-decoration: none; font-weight: bold;}
.infocus a:hover { text-decoration: underline; }

/* General */

body {
	margin: 0;
	padding: 0;
	background-color: #F7F7F7;
}

body.sub {
	padding: 10px;
}

.access {
	position: absolute;
	left: -1000px;
	top:0;
}



/* Header */


.header {
	margin: 10px;
	border: 1px solid #DCDCDC;
	color: #666666;
	background-color: #FFFFFF;
}

.sub .header {
	margin: 0 0 10px 0;
}

table.headouter {
	width: 100%;
/*/*/
	width: expression(document.body.offsetWidth - 44 + "px");
	/* IE gets 100% wrong so we give IE an expression based value that only IE can parse. 
	Oh, and IE5.x being IE5.x needs 44 in the expression rather than the 22 one would expect,
	hence the Tantek hack to feed two different values to IE<6 and IE>=6 */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: expression(document.body.offsetWidth - 22 + "px");
}
html>body table.headouter {
/* */
	width: 100%;
}


form.quicksearch {
	margin: 0;
}

form.quicksearch input#qt,
input.contact, textarea.contact {
	font-family: Tahoma, Verdana, Arial, Geneva, sans-serif; 
	font-size: 11px; 
	background-color: #FAF5FF; 
	color: #5A5A5A; 
	border: 1px solid #CCCCCC;
}

form.subscribe label input {
		font-family: Tahoma, Verdana, Arial, Geneva, sans-serif; 
		font-size: 11px; 
		background-color: #FFFFFF; 
		color: #5A5A5A; 
		border: 1px solid #CCCCCC;
}

/* Breadcrumb Trail */
.breadcrumb {
	margin: 0;
	padding: 10px;
/*/*/
	border: 1px solid #DCDCDC;
/* */
	background-color: #FFFFFF;
}

/* Content */
hr {
	color: #800080;
	background-color: #800080;
	height: 2px;
	border-top: 2px solid #800080;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1em;
	margin-bottom: 1em;
}

hr.terrorism { color: #7D7317; 	background-color: #7D7317; border-color: #7D7317;}
hr.community { color: #E97317; 	background-color: #E97317; border-color: #E97317;}


hr.drugs { color: #00A3B6; 	background-color: #00A3B6; border-color: #00A3B6;}
hr.crime { color: #1E569F; 	background-color: #1E569F; border-color: #1E569F;}
hr.justice { color: #00AF4E; background-color: #00AF4E; border-color: #00AF4E;}

ul, ol {
	margin-bottom: 1em;
}

ul ul, ul ol, ul ol, ol ol {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

ul.nobullets {
	list-style-type: none;
}

ul.spaced li, ol.spaced li  {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

ul.spaced ul li,
ul.spaced ol li,
ol.spaced ul li,
ol.spaced ol li
 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

ul.spaced ul li,
ol.spaced ul li
 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	list-style-type: square;
}


.indent {
	margin-left: 2em;
	margin-right: 2em;
}

div.box {
	margin: 1em 0;
	padding: 4px;
	border: 2px solid #DCDCDC;
}

li div.box {
	margin-right: 1.5em;
}

table.outline, table.big-outline {
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
}

table.outline td, table.outline th {
vertical-align: top;
	border: 1px solid #DCDCDC;
	padding: 2px;
}

table.outline td td {
	border: none;
}

table.big-outline td, table.big-outline th {
	border: 1px solid #DCDCDC;
	padding: 4px;
}

table.big-outline th {
	border-top: 2px solid #DCDCDC;
	border-bottom: 2px solid #DCDCDC;
	color: #323232;
}

div.faq p {
	margin-left: 2em;
	margin-bottom: 0;
	margin-top: 0;
	text-indent: -1.5em;
}

div.faq p:first-letter  {
	font-weight: bold;
}

div.faq p.cont {
	text-indent: 0;
	margin-top: 1em;
}

div.faq p.cont:first-letter {
	font-weight: normal;
}


p {}
/* The empty style for the P element is a workaround for an IE bug */

ins {
	text-decoration: none;
	color: #000000;
}

/* Footer */
.footer {
	margin: 10px;
	padding: 10px;
	text-align: right;
	border: 1px solid #DCDCDC;
	color: #666666;
	background-color: #FFFFFF;
}



/* For printing - hide all the fluff, just display the page-specific content */
@media print {
.header, .footer, .lhnav {display: none;}
}