/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for Civil Nuclear Constabulary - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	22/08/2007
Updated:	

History:

22/08/2007	Stylesheet created
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */

body				{ background: #fff url("templatefiles/body-bg.jpg") repeat-x top left; font: 70% arial, verdana, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1					{ font: normal 1.4em arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #227ec9; margin: 15px 0 20px; }
h2					{ font: bold 1.2em arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #227ec9; margin: 10px 0; }
h3					{ font: bold 1.1em arial, verdana, helvetica, sans-serif; margin: 0; }

p, li				{ font-size: 1.0em; line-height: 1.4em; margin: 5px 0 10px; }
a					{ color: #df3a3e; text-decoration: none; }
a:visited			{ color: #F78D91; }
a:hover,			
a:active			{ color: #227ecb; }

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; }

.clear				{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.right				{ float: right; }
.left				{ float: left; }
.imgright			{ float: right; margin: 0 0 5px 10px; }
.imgleft			{ float: left; margin: 0 10px 5px 0; }

.widthwrapper		{ width: 100%; }
.padding			{ padding: 20px; }
.centerimg			{ text-align: center; }
.centerimg img		{ margin: auto; }

#accessibility		{ display: none; }


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

#container 	  		{ width: 716px; min-height: 100%; height: auto; background: transparent url("templatefiles/container-bg.jpg") repeat-y top center; text-align: left; padding: 0 23px; margin: 0 auto -25px; } /* margin-bottom to match #clearfooter */
* html #container 	{ height: 100%; }
#home #container	{ background-image: url("templatefiles/container-bg-home.jpg"); }

#header				{ height: 120px; position: relative; }

#banner				{ position: relative; padding: 5px; border: 1px solid #dfdfdf; }

#contentwrapper		{  }

#sidecol			{ width: 220px; float: left; margin-top: 20px; }
#home #sidecol		{ width: 255px; float: right; padding-left: 10px; margin-top: 0; }

#content			{ padding: 5px 20px 15px 5px; margin-right: 0; margin-left: 230px; }
#home #content		{ padding: 5px 20px 20px 5px; margin-right: 255px; margin-left: 0;}
.fullwidth #content	{ margin: 0; }

#clearfooter		{ clear: both; height: 25px;} /* height to match height + padding + margin etc in #footer */
#footer				{ width: 716px; height: 25px; clear: both; background: transparent url("templatefiles/footer-bg.jpg") repeat-y top center; padding: 0 23px; margin: 0 auto; }

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

#header #badge		{ position: absolute; top: 10px; left: 0; }
#header #headertext	{ position: absolute; top: 30px; left: 100px; }

#header ul#nav		{ position: absolute; bottom: 20px; right: -7px; background: transparent url("templatefiles/nav-bg.jpg") no-repeat 0 0; padding: 0 5px 0 10px; margin: 0; }
#header ul#nav li	{ display: inline; text-transform: uppercase; letter-spacing: 1px; line-height: 23px; color: #fff; padding: 0; }
#header ul#nav li.selected	{ font-weight: bold; }
#header ul#nav li a,
#header ul#nav li a:visited	{ color: #fff; }
#header ul#nav li a:hover,
#header ul#nav li a:active	{ color: #000; }


/* Banner Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#banner img			{ display: block; }
#banner p			{ width: 320px; position: absolute; left: 15px; bottom: 15px; font-size: 1.4em; text-transform: uppercase; color: #fff; }
#banner p a			{ color: #fff; }


/* Sidecol Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#sidecol ul#sidenav						{ padding: 0; margin: 0; }
#sidecol ul#sidenav li					{ list-style-type: none; line-height: 1.2em; text-transform: uppercase; color: #fff; padding: 0; border-top: 2px solid #fff;margin: 0; }
#sidecol ul#sidenav li a,
#sidecol ul#sidenav li a:visited		{ display: block; background-color: #227ecb; color: #fff; padding: 5px; }
#sidecol ul#sidenav li a:hover,
#sidecol ul#sidenav li a:active			{ background-color: #8fb8ee; color: #227ecb; }


#sidecol ul#sidenav ul					{ padding: 0; border: 0; margin: 0; }
#sidecol ul#sidenav ul li				{ list-style-type: none; text-transform: none; color: #227ecb; padding: 0; border-top: 2px solid #fff; }
#sidecol ul#sidenav ul li a,
#sidecol ul#sidenav ul li a:visited		{ background: #c8def3 url("templatefiles/sidenav-li-bg.jpg") repeat-y 0 0; color: #227ecb; padding-left: 20px; }
#sidecol ul#sidenav ul li a:hover,
#sidecol ul#sidenav ul li a:active,
#sidecol ul#sidenav ul li.selected a	{ background: #abcbf1 url("templatefiles/sidenav-li-bg-over.jpg") repeat-y 0 0; color: #227ecb; }

#sidecol ul#sidenav li ul li a,
#sidecol ul#sidenav li ul li a:visited		{ background: #c8def3 url("templatefiles/sidenav-li-bg.jpg") repeat-y 0 0; color: #227ecb; padding-left: 20px; /*margin-left: 12px;*/ }
#sidecol ul#sidenav li ul li a:hover,
#sidecol ul#sidenav li ul li a:active,
#sidecol ul#sidenav li ul li.selected a		{ background: #abcbf1 url("templatefiles/sidenav-li-bg-over.jpg") repeat-y 0 0; color: #227ecb; }


#sidecol ul#sidenav li ul li.selected ul li a,
#sidecol ul#sidenav li ul li.selected ul li a:visited 	{ background: #c8def3 url("templatefiles/sidenav-li-bg.jpg") repeat-y 0 0; color: #227ecb; padding-left: 20px; margin-left: 12px; }
#sidecol ul#sidenav li ul li.selected ul li a:hover,
#sidecol ul#sidenav li ul li.selected ul li a:active 	{ background: #abcbf1 url("templatefiles/sidenav-li-bg-over.jpg") repeat-y 0 0; color: #227ecb; }

#sidecol ul#sidenav li ul li ul li a,
#sidecol ul#sidenav li ul li ul li.selected a { margin-left: 12px; }

#sidecol .sidecolbox			{ width: 230px; background: #fff url("templatefiles/sidecolbox-bot.jpg") no-repeat bottom left; padding: 10px; border-top: 1px solid #d6d6d6; margin-top: 15px; margin-left: 2px; }
#sidecol .sidecolbox .imgright	{ margin: 0 -8px 5px 5px; }

#sidecol .sidecolbox h2				{ margin: 0 0 5px; }
#sidecol .sidecolbox h2 a			{ color: #227ec9; }
#sidecol .sidecolbox h2 a:hover,
#sidecol .sidecolbox h2 a:active	{ color: #df3a3e; }

#sidecol .menuSelect	{ width: 230px; font-size: 0.85em; border: 1px solid #90AECF; }
#sidecol .button		{ background-color: #999; font-size: 0.85em; color: #fff; padding: 2px 10px; border: 1px solid #e8e8e8; margin-top: 5px; }

/* Content Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

p#breadcrumb		{ margin-top: 12px; color: #adabab; }
p#breadcrumb a,
p#breadcrumb a:visited	{ color: #adabab; }
p#breadcrumb a:hover,
p#breadcrumb a:active	{ color: #227ec9; }

.borderbox			{ padding: 5px; border: 1px solid #dfdfdf; }
#home .borderbox	{ height: 230px; }

.blockbox			{ width: 135px; float: left; margin-right: 9px; }
.blockbox p			{ min-height: 32px; background-color: #227ec9; font-weight: bold; text-transform: uppercase; color: #fff; padding: 5px; margin-bottom: 0; }
.blockbox p a		{ color: #fff; }
.blockbox p a:hover,
.blockbox p a:active	{ color: #000; }

.shrink				{ width: auto; float: right; margin: 0 0 10px 20px; }
.caption			{ width: 250px; text-align: center; text-transform: uppercase; color: #adabab; }

p.newslink			{ margin-left: 105px; }


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

#footer p			{ line-height: 1.0em; color: #adabab; padding: 8px 0 0; margin: 0; }
#footer p a,
#footer p a:visited	{ color: #adabab; text-decoration: none; }
#footer p a:hover,
#footer p a:active	{ color: #adabab; text-decoration: underline; }