/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for Civil Nuclear Police Authority - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd - All Rights Reserved
Created:	09/08/2007
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
*						{ padding: 0; margin: 0; }

body					{ background-color: #DEDCDC; font: normal 70% verdana, arial, helvetica, sans-serif; text-align: center; color: #666; padding: 0; margin: 0; }

h1						{ font: normal 1.9em verdana, arial, helvetica, sans-serif; padding: 5px 0; }
h2						{ font: bold 1.0em verdana, arial, helvetica, sans-serif; color: #666; margin: 10px 0; }
h3						{ font: normal 1.5em verdana, arial, helvetica, sans-serif; }
h4						{ font: normal 1.3em verdana, arial, helvetica, sans-serif; }
h5						{ font: normal 1.1em verdana, arial, helvetica, sans-serif; }
h6						{ font: normal 0.9em verdana, arial, helvetica, sans-serif; }


p, li					{ font-size: 1.0em; line-height: 1.8em; padding-bottom: 10px; }

a						{ color: #666; text-decoration: underline; }
a:visited				{ color: #666; text-decoration: none; border-bottom: 1px solid #e8e8e8; }
a:hover, a:active		{ text-decoration: none; border: 0; }

hr						{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; }
img						{ border: 0; }


form, table				{ background: transparent; font-size: 1.0em;  }

.tablestyle				{ border-collapse: collapse; }
.tablestyle td, .tablestyle th		{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, .tableborder th	{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 20px; }
.right					{ float: right; }
.left					{ float: left; }
.imgright				{ float: right; margin: 0 0 5px 5px; }
.imgleft				{ float: left; margin: 0 5px 5px 0; }

.clear					{ clear: both; }

#accessibility			{ display: none; }


/* Layout Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container				{ width: 766px; text-align: left; margin: 0 auto; }

#header					{ background-color: #fff; padding: 6px; }
#header img				{ display: block; margin-top: 25px; }

#contentwrapper			{ background-color: #F3F2F2; padding: 6px; margin-top: 5px; }

#sidecol				{ width: 182px; float: right; }

#content				{ min-height: 380px; background-color: #fff; padding: 0 15px 40px; margin-right: 190px; }

#footer					{ width: 766px; margin: 0 auto; }


/* Header Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header img				{ display: block; }

#header #search			{ float: right; }
#search input			{ width: 150px; }
#search .button			{ width: 50px; background-color: #990100; font-size: 0.85em; color: #fff; border: 1px solid #666; margin: 0; }

/* Navigation Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#nav 					{  padding: 0; margin: 0;  }

#nav ul 				{ width: 100%; height: 29px; background: url("templatefiles/nav_background.gif") no-repeat 0 0; padding: 0 0 0 35px; margin: 0; }
#nav ul li				{ float: left; list-style: none; line-height: 29px; font-size: 1.0em; color: #fff; padding: 0; }
#nav ul li span			{ padding: 0 12px; }
/* #nav ul li#first 	{ background: none; margin-left: 37px; }*/
#nav ul li a			{ font-weight: bold; text-decoration: none; color: #fff; border: 0; }
#nav ul li a:visited	{ font-weight: bold; text-decoration: none; color: #fff; border: 0; }
#nav ul li a:hover,
#nav ul li a:active		{ color: #ff3600; }


/* Subcontent Box Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.subcontent			{ width: 250px; float: right; text-align: center; padding: 5px; border: 1px solid #ccc; margin: 0 0 10px 12px; }
.subcontent img		{ margin: 0 auto; }
.subcontent p		{ padding-bottom: 0; margin: 0; }

.subcontent.left	{ float: left; margin: 0 12px 10px 0; }


/* Box Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.highlightbox		{ background-color: #F3F2F2; font-weight: bold; padding: 6px; border: 1px solid #DEDCDC; margin: 15px 0; }
.highlightbox p		{ padding: 0; }

.headerbox			{ background-color: #fff; border: 1px solid #9c9c9c; margin-bottom: 10px; }
.headerbox h3		{ background-color: #990000; font-weight: bold; font-size: 1.0em; color: #fff; padding: 3px 5px; }
.headerbox .padding	{ padding: 5px; }

.redbox				{ background: #990000 url("templatefiles/redbox-bg.jpg") no-repeat bottom left; }
.redbox	.padding	{ background: transparent url("templatefiles/redbox-top.jpg") no-repeat top left; padding: 20px 15px; }
.redbox h3			{ font-weight: normal; font-size: 1.3em; color: #fff; padding-bottom: 5px; }
.redbox p			{ color: #fff; padding: 0; }
.redbox a,
.redbox a:visited	{ color: #fff; border: 0; text-decoration: none; }
.redbox a:hover,
.redbox a:active	{ text-decoration: underline; }
.redbox .pdf		{ margin: -10px -5px 0 0; }

.blockbox			{ width: 170px; float: left; margin-right: 9px; }
.blockbox img		{ display: block; }
.blockbox p			{ min-height: 32px; background-color: #990100; font-weight: bold; line-height: 1.4em; text-transform: uppercase; text-align: center; color: #fff; padding: 5px 10px; margin-bottom: 0; }
.blockbox p a,
.blockbox p a:visited	{ color: #fff; text-decoration: none; border: 0; }
.blockbox p a:hover,
.blockbox p a:active	{ color: #ccc; }

#login .button		{ background-color: #990100; font-size: 0.85em; color: #fff; border: 1px solid #666; margin: 5px 0 0 40px; }


/* Title Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

h1.title			{ height: 45px; display: block; text-indent: -999999px; background-repeat: no-repeat; background-position: top left; padding: 0; margin: 5px 0 0 -15px; }

h1.home				{ height: 30px; background-image: url("templatefiles/title_welcome.gif"); margin: 10px 0 0 -5px; }
h1.about			{ background-image: url("templatefiles/title_about.gif"); }
h1.members			{ background-image: url("templatefiles/title_members.gif"); }
h1.funding			{ background-image: url("templatefiles/title_funding.gif"); }
h1.howarewedoing	{ background-image: url("templatefiles/title_howarewedoing.gif"); }
h1.news				{ background-image: url("templatefiles/title_news.gif"); }
h1.publications		{ background-image: url("templatefiles/title_publications.gif"); }
h1.contact			{ background-image: url("templatefiles/title_contact.gif"); }
h1.privacy			{ background-image: url("templatefiles/title_privacystatement.gif"); }
h1.terms			{ background-image: url("templatefiles/title_termsofuse.gif"); }
h1.freedom			{ background-image: url("templatefiles/title_freedom.gif"); }


/* Misc Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

ul.bulletlist li,
#content ul.bulletlist li	{ background: transparent url("templatefiles/arrow_bullet.gif") no-repeat 0 6px; list-style-type: none; padding: 0 0 3px 12px; }
#content ul.bulletlist 		{ margin: 15px 0 15px; }

#content ul			{ margin: 5px 0 10px; }
#content ul li		{ background: transparent url("templatefiles/bullet_red.jpg") no-repeat 18px 8px; list-style-type: none; padding: 0 0 3px 35px; }

#content h2			{ font-size: 1.0em; margin: 25px 0 15px; }


/* Footer Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer p			{ color: #999; margin-top: 6px; }
#footer a 			{ color: #999; border: 0; text-decoration: underline; }
#footer a:visited	{ color: #999; border: 0; text-decoration: none; border-bottom: 1px solid #999; }
#footer a:hover, 
#footer a:active	{ text-decoration: none; border-bottom: 0; }