/*
	CEOP PRINT CSS
	CREATED: 15.02.08
	MODIFIED: 28.02.08
	AUTHOR: ANDY FIELD
*/

/* PRINT RESET
******************************************/

#logo,
#header_rhs ul,
#report,
#sidebar_lhs,
#sidebar_lhs ul,
#sidebar_rhs,
#widgets,
#footer ul {
	display: none;
}

/* RESET
******************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}

a img,:link img,:visited img {
	border: none;
}

:link,:visited {
	text-decoration: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img { 
	border: 0;
}

address,abbr,mcaption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

img {
	border: none;
}

ol,ul,dl {
	list-style-type: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 100%;
	font-weight: normal;
	line-height: 100%;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/* BASE
******************************************/

html {
	font-size: 100%;
	overflow-y: scroll;
}

body {
	background: #fff;
	color: #000;
	font: 62.5%/100% arial, sans-serif;
	padding: 1em;
	text-align: left;
}

a.skip {
	display: block;
	height: 0;
	overflow: hidden;
	position: relative;
	text-indent: -3000em;
}

a:link,a:visited {
	color: #c63730;
	text-decoration: none;
}

a:hover,a:active {
	color: #c63730;
	text-decoration: underline;
}

.clearme {
	clear: both;
	height: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* TYPOGRAPHY
******************************************/

p,ul,ol,dl,th,td {
	font-size: 1.2em;
	line-height: 1.5em;
}

p,ul,ol,dl {
	margin: 0 0 1em 0;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1em;
}

h1 {
	color: #000;
	font-size: 2.1em;
	line-height: 1.2em;
	margin: 0 0 .5em 0;
}

h2 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 0 .5em 0;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 .4em 0;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
}

/* LAYOUT
******************************************/

#footer {
	border-top: 1px solid #666;
	padding: 2em 0 0 0;
}

/* HEADER
******************************************/

#logotext {
	border-bottom: 1px solid #666;
	font-size: 1.4em;
	line-height: 1em;
	margin: 0 0 1em 0;
	padding: 0 0 .5em 0;
}

/* DECORATION
******************************************/

p.date {
	color: #1c668e;
	font-size: 1em;
	margin: 0;
}

blockquote {
	background: url('/assets/images/quote.png') 0 1em no-repeat;
	margin: 0 40px 2em 20px;
	padding: 1em 0 0 30px;
}

cite {
	color: #666;
	font-size: 1.2em;
}

abbr[title] {
	border-bottom: 1px dotted #000;
}

abbr[title]:hover {
	border-bottom: 1px solid #000;
	cursor: help;
}

acronym,span.abbr {
	border-bottom: 1px dotted #999;
	cursor: help;
} /* IE 6 REPLACEMENT */

#main ul {
	list-style-type: disc;		
}

ol.decimal {
	list-style-type: decimal;	
}

ol.roman {
	list-style-type: lower-roman;
}

ol.alpha {
	list-style-type: lower-alpha;
}

#main ul,#main ol {
	margin: 0 40px 1.5em 50px;
}

#main dl {
	font-size: 100%;
	margin: 0 0 1.5em 0;
}

#main dl dl,
#main dl dl dt,
#main dl dl dd {
	font-size: 100%;
	margin: 0;
}

dt {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 .5em 0;
}

dd {
	border-bottom: 1px solid #d1dce8;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: .2em 0;
}

#main dl dl dd {
	border: none;
	padding: .2em 0 .2em 3em;
}

a.rss {
	background: url('/assets/images/rss.png') right 0 no-repeat;
	padding: 2px 20px 2px 0;
}

a.rss:hover {
	background: url('/assets/images/rss.png') right -100px no-repeat;
	padding: 2px 20px 2px 0;
}

hr {
	background: #d1dce8;
	border: 0;
	color: #d1dce8;
	height: 1px;
	margin: 0 0 1.5em 0;
}

#flashcontent {
	margin: 0 0 1.5em 0;
}

#main_alt p,
#main_alt h2,
#main_alt h3,
#main_alt h4,
#main_alt h5,
#main_alt h6 {
	padding: 0 175px 0 0;
}

#main img,#main_alt img {
	margin: 0 0 1.5em 0;
}

#main img.il {
	float: left;
	margin: 0 1em 1em 0;
}

#main img.ir {
	float: right;
	margin: 0 0 1em 1em;
}

#factsfigures p {
	font-weight: bold;
}

#stats {
	font-size: 1.2em;
	padding: 0 0 .5em 0;
}

#stats span {
	display: block;
	font-size: 3em;
	line-height: 1.2em;
}

ul#logos a {
	display: block;
	height: 80px;
	position: relative;
	text-indent: -3000em;
	width: 140px;
}

ul#logos a.thinkuknow {
	background: url('/assets/images/logo_sprite.png') 0 0 no-repeat;
}

ul#logos a.mostwanted {
	background: url('/assets/images/logo_sprite.png') 0 -80px no-repeat;
}

ul#logos a.vgt {
	background: url('/assets/images/logo_sprite.png') 0 -160px no-repeat;
}


/* TABLE CONTROLS
******************************************/

table {
	font-size: 100%;
	margin: 0 0 2em 0;
	width: 100%;
}

caption {
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 0 1em 0; /* IE 6 DOENS'T UNDERSTAND MARGIN FOR CAPTION */
}

caption.invisible {
	display: none;
}

thead th {
	background: #444;
	color: #fff;
	font-weight: bold;
}

tbody th {
	font-weight: bold;
}

th,td {
	padding: 0.2em 1em 0.2em 0.2em;
	vertical-align: top;
}

tbody th,tbody td {
	border-bottom: 1px solid #d1dce8;
}

/* FORM CONTROLS
******************************************/

form,input,select,textarea {
	font-family: arial, sans-serif;
	font-size: 100%;
	vertical-align: middle;
}

fieldset {
	/* margin: 0 0 2em 0; */
}

#main fieldset ol {
	margin: 0;
}

#main fieldset li	{
	margin: 0 0 1em 0;
}

label {
	display: block;
}

input,select,textarea {
	padding: 0.2em;
}

input.long,textarea.long {
	width: 20em;
}

label span {
	color: #c63730;
	font-weight: bold;
}

/* HOME PAGE
******************************************/

.boxout {
	background: url('/assets/images/boxout_base.png') 0 bottom no-repeat;
	padding: 0 0 5px 0;
}

.boxout h3 {
	background: #587ea2 url('/assets/images/boxout_top.png') 0 0 no-repeat;
	color: #fff;
	margin: 0;
	padding: 6px;
}

.boxout span {
	background: url('/assets/images/boxout_grad.png') 0 0 no-repeat;
	border: 1px solid #d1dce8;
	border-top: none;
	border-bottom: none;
	display: block;
	padding: 6px 6px 0 6px;
}

.boxout p.end {
	margin: 0;
}

#col_three li a {
	background: #fff url('/assets/images/round_arrow.png') 0 6px no-repeat;
	border-bottom: 1px solid #d1dce8;
	display: block;
	font-weight: bold;
	line-height: 1.4em;
	padding: 4px 0 4px 20px;
	width: 260px;
}

#col_three li a:hover {
	background: #fff url('/assets/images/round_arrow.png') 0 -94px no-repeat;
	color: #c63730;
	text-decoration: none;
}

#col_three li a span {
	color: #222;
	display: block;
	font-weight: normal;
}

/* HOME PAGE PANEL
******************************************/

#panel {
	background: #fff url('/assets/images/panel_grad.png') 0 bottom repeat-x;
	padding: 2em 10px 1.5em 10px;
	width: 740px;
}

#panel_lhs {
	float: left;
	height: 220px;
	width: 155px;
}

#panel_rhs {
	float: right;
	height: 220px;
	width: 585px;
}

.tabcontent2,.tabcontent3,.tabcontent4,.tabcontent5
{	
	display: none;
}

.tabcontent1,.tabcontent2,.tabcontent3,.tabcontent4,.tabcontent5
{
	background: #96b3cb;
	height: 220px;
	width: 585px;
}

.anchors ul {
	height: 220px;
	width: 155px;
}

.anchors li {
	background: #b00;
	display: inline;
	float: left;
	line-height: 1.3em;
}

.anchors li a {
	display: block;
	font-weight: bold;
	height: 40px;
	padding: 4px 4px 0 8px;
	position: relative;
	width: 143px;
	z-index: 2;
}

.anchors li a:link,
.anchors li a:visited {
	color: #fff;
}

.anchors li a:hover,
.anchors li a:active {
	color: #fff;
	text-decoration: none;
}

.anchors a span {
	display: block;
	font-weight: normal;
}

.anchors .tab1 a:link,
.anchors .tab1 a:visited {
	background: #587ea2 url('/assets/images/paneltabs.png') -200px 0 no-repeat; 
	position: static;
}

.anchors .tab2 a:link,
.anchors .tab2 a:visited,
.anchors .tab3 a:link,
.anchors .tab3 a:visited,
.anchors .tab4 a:link,
.anchors .tab4 a:visited {
	background: #587ea2 url('/assets/images/paneltabs.png') -200px -22px no-repeat; 
	position: static;
}

.anchors .tab5 a:link,
.anchors .tab5 a:visited {
	background: #587ea2 url('/assets/images/paneltabs.png') -200px bottom no-repeat; 
	position: static;
}

.anchors .tab1 a:hover {
	background: #444 url('/assets/images/paneltabs.png') -400px 0 no-repeat; 
	position: static;
}

.anchors .tab2 a:hover,
.anchors .tab3 a:hover,
.anchors .tab4 a:hover {
	background: #444 url('/assets/images/paneltabs.png') -400px -22px no-repeat; 
	position: static;
}

.anchors .tab5 a:hover {
	background: #444 url('/assets/images/paneltabs.png') -400px bottom no-repeat; 
	position: static;
}

.anchors .tabOn1 {
	background: #96b3cb url('/assets/images/paneltabs.png') 0 0 no-repeat; 
}

.anchors .tabOn2,
.anchors .tabOn3,
.anchors .tabOn4 {
	background: #96b3cb url('/assets/images/paneltabs.png') 0 -22px no-repeat; 
}

.anchors .tabOn5 {
	background: #96b3cb url('/assets/images/paneltabs.png') 0 bottom no-repeat; 
}

.tab_lhs {
	float: left;
	height: 200px;
	overflow: hidden;
	padding: 10px 20px 10px 20px;
	width: 270px;
}

.tab_rhs {
	float: right;
	height: 220px;
	width: 275px;
}

.tab_rhs img {
	display: block;
}

.tab_lhs h2 {
	color: #fff;
	line-height: 1.3em;
	margin: 0 0 .3em 0;
}

.tab_lhs p {
	line-height: 1.3em;
	/* margin: 0 0 .5em 0; */
}

.tab_lhs p span {
	display: block;
	margin: .5em 0 1em 0;
}

a.textbtn:link,
a.textbtn:visited {
	background: #587ea2 url('/assets/images/textbtn.png') right -3px no-repeat;
	color: #fff;
	display: inline;
	padding: 4px 26px 4px 6px;
}

a.textbtn:hover,
a.textbtn:active {
	background: #3f6288 url('/assets/images/textbtn.png') right -33px no-repeat;
	text-decoration: none;
}

.tab_lhs li a:link,
.tab_lhs li a:visited {
	background: url('/assets/images/round_arrow.png') 0 -209px no-repeat;
	border-bottom: 1px solid #becfde;
	color: #222;
	display: block;
	font-weight: bold;
	line-height: 1.4em;
	padding: 4px 0 4px 20px;
	width: 240px;
}

.tab_lhs li a:hover,
.tab_lhs li a:active {
	background: url('/assets/images/round_arrow.png') 0 -324px no-repeat;
	color: #c63730;
	text-decoration: none;
}

.tab_lhs li a span {
	color: #222;
	display: block;
	font-weight: normal;
}
