/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for ProspectIP - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd - All Rights Reserved
Created:	06/06/2007
Updated:	

History:	06/06/2007	Stylesheet created
		01/07/2007 	'subnav' styles added (Greg Heafield / gregheafield@silktide.com)
	
Colours: 

-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html					{ overflow-y: scroll; }
body					{ background: #E1DCC9 url("templatefiles/body-bg.jpg") repeat-y top center; font: 80% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1						{ font: normal 1.8em "Lucida Sans", arial, verdana, helvetica, sans-serif; color: #cf0005; margin: 0 0 15px; }
h2						{ font: normal 1.5em arial, verdana, helvetica, sans-serif; color: #cf0005; margin: 20px 0; }
h3						{ font: normal 1.4em arial, verdana, helvetica, sans-serif; color: #cf0005; margin: 10px 0; }
h4						{ font: normal 1.2em arial, verdana, helvetica, sans-serif; color: #cf0005; margin: 10px 0; }
h5						{ font: bold 1.0em arial, verdana, helvetica, sans-serif; color: #cf0005; margin: 10px 0; }

p, li, dt, dd			{ font-size: 1.0em; line-height: 1.7em; color: #000; }
#content ul				{ margin-left: 25px; }
#content ul li			{ background: transparent url("templatefiles/ip_arrow.gif") no-repeat 0 7px; list-style-type: none; margin-bottom: 8px; padding-left: 15px; }

dl						{ background-color: #EFF0EB; padding :10px; border: 1px solid #D9D9D6; }
dt						{ font-weight: bold; float: left; }
dd						{ margin: 0 0 10px 100px; }

a,							
a:visited				{ color: #cf0005; text-decoration: none; }
a:hover, 
a:active				{ color: #3DAA34; }

hr						{ height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 5px 0; }
img						{ border: 0; }
form, table				{ background: transparent; font-size: 1.0em;  }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 5px 20px; }
.right					{ float: right; }
.left					{ float: left; }
.clear					{ height: 0; clear: both; }
.imgleft				{ float: left; margin: 3px 20px 10px 0; }
.imgright				{ float: right; margin: 3px 0 10px 20px; }
.centerimg				{ text-align: center; }
.centerimg img			{ margin: 0 auto; }


#accessibility			{ display: none; }


/* Table Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.tablestyle				{ width: auto; border-collapse: collapse; margin: 5px 0; }
.tablestyle th, 
.tablestyle td			{ vertical-align: top; padding: 1px 5px 1px 0; }
.tableborder th, 
.tableborder td			{ padding: 6px 3px; border: 1px solid #b8b8b8; }

.odd 					{ background-color: #e8e8e8; }
.even					{ background-color: #fff; }
.name					{ width: 120px; }
.details				{ width: 40px; font-size: 0.85em; }

#staff td				{ width: 220px; padding: 10px 0; border-bottom: 1px solid #e8e8e8; }
#staff td.headerrow		{ width: auto; padding: 0; border: 0; }
#staff td p				{ margin: 5px 0; }

.logomenu td 			{ width: 160px; padding-bottom: 15px; }
.logomenu td p			{ margin: 0 5px; }
.logomenu td p strong a	{ color: #295266; }
.logomenu td p strong a:hover, 
.logomenu td p strong a:active	{ color: #3DAA34; }

#logolinks td			{ background-color: #fff; padding: 10px; border: 1px solid #e8e8e8; border-width: 1px 0; }
#logolinks td img		{ margin-left: 10px; }
#logolinks td h2		{ font-weight: bold; font-size: 1.2em; margin: 0; }
#logolinks td li		{ font-size: 0.9em;  }

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

.fixedwidth				{ width: 765px; position: relative; text-align: left; margin: 0 auto; }

#container				{ background: url("templatefiles/container-bg.jpg") repeat-x top center; }

#header					{ height: 96px; background: transparent url("templatefiles/header-bg.jpg") no-repeat bottom center; }

#topnav					{ height: 35px; }

#subnav 				{ height: 35px; background-color: #a5bac5; }

#contentwrapper			{ min-height: 500px; background: transparent url("templatefiles/content-bg.jpg") no-repeat top center; padding-bottom: 20px; }

#sidecol				{ width: 260px; float: left; }

#content				{ min-height: 470px; margin-left: 280px; padding-top: 20px; }
.fullwidth #content		{ margin-left: 0; }

#subcontent				{  }

#footer					{ height: 27px; clear: both; background: transparent url("templatefiles/footer-bg.jpg") no-repeat center bottom; padding: 25px 20px 0; }


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

#header #logo			{ position: absolute; top: 30px; left: 270px; }
#header #logoerdf		{ position: absolute; top: 35px; left: 0; }
#header #logoemcp		{ position: absolute; top: 50px; right: 0; }

#search					{ font-family: arial, verdana, helvetica, sans-serif; }
#search label			{ vertical-align: middle; }
#search input			{ font-size: 1.4em; vertical-align: middle; border: 1px solid #A7BCC8; }
#search .button			{ width: 35px; height: 27px; background: transparent url("templatefiles/button-go.jpg") no-repeat 3px 0; font-size: 1.0em; vertical-align: middle; border: none; }

#header #search			{ font-size: 0.85em; position: absolute; top: 5px; right: 0px; }
#header #search .button	{ width: 21px; height: 20px; background: url("templatefiles/button-go2.jpg") no-repeat 0 0; font-size: 0.85em; padding: 0; }


#header p				{ position: absolute; top: 5px; left: 0px; color: #A7BCC8; margin: 0; }
#header p a,
#header p a:visited		{ color: #A7BCC8; }
#header p a:hover,
#header p a:active		{ color: #cf0005; }

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

#topnav ul			{ height: 34px; padding: 0; border-left: 1px solid #fff; margin: 0 0 0 10px; }
#topnav ul li			{ float: left; line-height: 34px; list-style-type: none; border-right: 1px solid #fff; }
#topnav ul li a,
#topnav ul li a:visited	{ color: #fff; padding: 8px 10px; }
#topnav ul li a:hover,
#topnav ul li a:active,
#topnav li.selected a	{ background-color: #cf0005; }

#subnav ul			{ height: 34px; padding: 0; border-left: 1px solid #fff; margin: 0 0 0 10px; }
#subnav ul li			{ float: left; line-height: 34px; list-style-type: none; border-right: 1px solid #fff; }
#subnav ul li a,
#subnav ul li a:visited	{ color: #fff; padding: 8px 10px; }
#subnav ul li a:hover,
#subnav ul li a:active,
#subnav li.selected a	{ background-color: #cf0005; }

#sidenav				{ background-color: #fff; padding: 0; border: 1px solid #A9A9A8; margin: 20px 0 20px 10px; }
#sidenav li				{ line-height: 2.5em; list-style-type: none; }
#sidenav li a,
#sidenav li a:visited	{ display: block; background: #fff url("templatefiles/sidenav-li.jpg") no-repeat 230px 11px; color: #000; padding: 0 10px; }
#sidenav li a:hover,
#sidenav li a:active	{ background: #CF0005 url("templatefiles/sidenav-li-over.jpg") no-repeat 230px 11px; color: #fff; }
#sidenav li.selected a	{ background-color: #CF0005!important; background-image: url("templatefiles/sidenav-li-over.jpg")!important; color: #fff; }

#sidecol #sidenav ul	{ padding: 0; margin: 0; }
#sidecol #sidenav ul li	{ font-size: 0.85em; }
#sidecol #sidenav ul li a, 
#sidecol #sidenav ul li a:visited 	{ background: #fff none!important; color: #000; padding-left: 20px; }
#sidecol #sidenav ul li a:hover, 
#sidecol #sidenav ul li a:active	{ background-color: #CF0005!important; color: #fff; }


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

.contentimg				{ float: right; margin: 10px 0 10px 20px; }

.newseventsimg img		{ float: left; margin: 10px 10px 10px 0; }


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

#sidecontent			{ background-color: #6d90a3; padding-top: 10px; margin-left: 10px; }
#sidecontent .sideimage	{ width: 210px; background: #fff; text-align: center; margin: 0 0 20px 0; }
#sidecontent .sideimage img	{ padding: 20px 0; margin: 0 auto; }
#sidecontent img		{ display: block; }
#sidecontent h2			{ font-size: 1.2em; font-family: "Lucida Sans", arial, verdana, helvetica, sans-serif; color: #fff; }
#sidecontent p			{ color: #fff; }
#sidecontent a			{ color: #fff; }
#sidecontent a:hover,
#sidecontent a:active	{ color: #cf0005; }


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

#footer p				{ font-size: 0.9em; }
#footer p,				
#footer p a,
#footer p a:visited		{ color: #fff; margin: 0; }
#footer p a:hover,
#footer p a:active		{ color: #cf0005; }

#footer #footerlinks	{ float: left; }
#footer #copyright		{ float: right }


/* Home Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body#home 				{ background: #305A70 url("templatefiles/home-body-bg.jpg") repeat-y center center; }
#home #contentwrapper	{ background: transparent url("templatefiles/home-content-bg.jpg") no-repeat top center; }
#home #content			{ margin-left: 0; }
#home #footer			{ height: 27px; background: transparent url("templatefiles/home-footer-bg.jpg") no-repeat center bottom; padding: 85px 20px 0; }
#home #home-exploit ul	{ margin-bottom:0px; }

#homecol				{ width: 240px; float: right; }

#home-exploit			{ width: 510px; background-color: #fff; padding: 0; }
#home-exploit .padding	{ padding: 10px 20px 0; }
.whitebox-top			{ width: 510px; height: 20px; padding: 0; margin: 0; }
.whitebox-bot			{ width: 510px; height: 20px; padding: 0; margin: 0 0 20px; }
#home-feature			{ width: 470px; background-color: #fff; padding: 0 20px; }
#home-training			{ width: 210px; height: 100px; background: transparent url("templatefiles/home-bluebox-top.jpg") no-repeat 0 0; padding: 110px 15px 20px; margin-bottom: 20px; }
#home-news-top			{ width: 240px; height: 14px; background: transparent url("templatefiles/home-bluebox.jpg") no-repeat 0 0; padding: 0; margin: 0; }
#home-news				{ width: 210px; background: #295266 url("templatefiles/home-bluebox-bot.jpg") no-repeat bottom left; padding: 10px 15px; margin: 0; }


#home .homebox h3		{ line-height: 1.5em; margin: 0; }
#home .homebox p		{ color: #295267; margin: 5px 0 0; }
#home .homebox ul		{ overflow: hidden; margin: 5px 0; }
#home .homebox li		{ color: #295267; }
#home .homebox p a,
#home .homebox p a:visited	{ color:#cf0005;  }
#home .homebox p a:hover,
#home .homebox p a:active	{ color: #6D90A3; }

#home .bluebox h3		{ font: normal 1.4em "Lucida Sans", arial, verdana, helvetica, sans-serif; color: #fff; margin: 0 0 5px; }
#home .bluebox p		{ color: #fff; margin: 3px 0; }
#home .bluebox ul		{ overflow: hidden; padding: 0; margin: 0; }
#home .bluebox ul li	{ background: url("templatefiles/bluebox-bullet.jpg") no-repeat 0 7px; list-style-type: none; color: #fff; padding-left: 15px; margin-left: 0; }
#home .bluebox a,
#home .bluebox a:visited	{ color: #fff; }
#home .bluebox a:hover,
#home .bluebox a:active		{ color: #cf0005; }
#home .bluebox table		{ margin: 0 0 10px; }
#home .bluebox table td		{ padding: 0; }
#home .bluebox table td p	{ line-height: 1.5em; margin: 3px 0; }