/*	filename:		main.css
	description:	after killing everything with undohtml.css, we set styles to apply to the entire site in this file
	author:			Seb Frost (http://www.strategies.co.uk)	*/

/*	notes:	1) font-family: define most used on the site in the body rule, and the body rule ONLY!
			2) font sizing: use %age in body rule, ems in EVERYTHING else.  Beware of nesting!
			3) syntax: DO NOT use quote marks when using url() notation: Do url(bg.gif), NOT url("bg.gif")
			4) centring: text-align:center fixes lack of margin:auto support in IE since it incorrectly
							centres block-level elements	*/
/*
HIST:	
	20060726-SJP: IE and italics bug fixed for .content
*/

							
@import url(undohtml.css);
/*	undohtml.css undoes the basic set styles to negate any differences between browsers, for instance <ul>s have
	very different levels of padding/margin in firefox versus IE */
@import url(menusetc.css);
/*	menusetc.css contains all the styles for the template files, top menu, main menu, side menu, etc */
@import url(listsetc.css);
/*	listsetc.css contains all the styles for the listing areas of the site, <dl> etc */


html
{	background:				url(/images/bg.gif) repeat;}
body
{	background:				url(/images/sidedots.gif) no-repeat 1px 63px;
	font-size:				76%;
	padding-bottom:			2em;}
/* for popups we don't want the background images */
html.popup			{	background:	none;}
html.popup body		{	background:	#fff;}

p#print
{	float:		right;vertical-align:middle;margin-top:-11px;margin-right:-6px;}
p#print img
{	margin-right:5px;float:left;}

/*	hack required to get font sizes to cascade into tables in IE5, grrrrrrrrrr.  IE5 doesn't
	recognise the 2nd line because of the escape character, which "undoes" the hack in everything else */
td
{	vertical-align:			top !important;}
/*	main site container */
div#container
{	width:					965px;
	margin:					0 0 0 19px;
	background:				#fff url(/images/sidebg3.gif) repeat-y;
	text-align:				left;}

	
	/* hide from mac \*/ 
* html .listlinks {height: 1%;}
* html .panel {height: 1%;}
* html .panel div {height: 1%;}
* html .left {height: 1%;}
* html div#main {height: 1%;}
* html .right {height: 1%;}
* html .panel {height: 1%;}
* html .left div {height: 1%;}
* html .right div {height: 1%;}

/* end hide */ 


/* site side panel */
div#side
{	width:					218px;
	/*padding-bottom:			2em;*/
	margin-top:				-3px;
	float:					left;
	clear:					left;
	background:				#DEDFDE;}
div.sidebox
{	border:					1px solid #555;
	background-color:		#fff;
	color:					#444;
	clear:					both;
	margin:					4px 2px 0 2px;
	padding:				0px 4px 0 4px;}
div.sidebox h2
{	font-size:				1.2em;
	color:#000 !important;}
div.sidebox img
{	margin-bottom:			5px;
	margin-left:0px;
}




div#main
{	background:				none;
	width:					747px;
	float:					right;}
* html div#main /* IE6 Hack */
{	width:					746px;}
div#main div {
	padding-bottom:			1em;
}
div#main p
{	line-height:			1.3em;}


div#footer
{	clear:					both;
	padding-left:			2em;
	padding-right:			2em;
	font-size:				0.9em;
	border-top:				3px solid #ccc;
	height:					32px;
	line-height:			32px;
	background:				#ddd !important;}

	
div#decorative
{	background-color:		#fff;
	padding-bottom:			2px;}
div#decorative object
{	margin-left:2px;}
/* the below hack fixes the 3px IE float bug, it is visible to IE only */
* html div#decorative img, * html div#decorative object
{	margin:					0 7px 0 -1px;}
	
	
/*******************************
**   S E A R C H    F O R M   **
*******************************/
form#search
{	position:				absolute;
	top:					258px;
	left:					845px;
	z-index:				100;
	font-size:				0.75em;}
form#search *
{	vertical-align:			middle;}
form#search input.text
{	padding-top:			2px;
	padding-bottom:			2px;}
	

	
	
/**********************
**   S T O R I E S   **
**********************/
div.story
{	background:				#e4f0f9 !important;
	padding:				10px;
	padding-bottom:			0 !important;
	border:					1px solid #ccc !important;}
button.top
{	background: 			url(/images/buttontop.png);
	margin-top:				0.5em;
	width:					auto;
	border:					1px solid #147;
	text-align:				right;
	padding:				0.5em 10px 0.5em 27px !important;
	font-size:				0.8em;
	color:					#147;}
* html button.top {	padding:				0.5em 10px 0.5em 17px !important;}
div.story li
{	margin-bottom:			0.5em;}
div.story div.storyside
{	float:					left;
	padding:				10px 10px 0 10px;
	text-align:				center;
	margin:					10px 30px 10px 10px;
	border:					1px solid #ccc;
	border-width:			1px 1px 1px 0;}
div.story div.storyside img
{	margin-top:				10px;
	display:				block;}
div.story div.storyside sub
{	display:				block;}
* html div.story div.storyside *
{	margin-left:			10px;}
	


/* \*/
* html div.content{
	/* Fixes IE and italics bug
		Ref: http://www.positioniseverything.net/explorer/italicbug-ie.html
		
		Modified by seb 9/Aug/06 to only target ie6 since it killed site in ie5/5.5.
		
		1) comments above and below hide from IE on a mac
		2) * html targets ie5+
		3) backslash in property name excludes ie5.5-
	*/
	o\verflow: visible;
	w\idth: auto;
	he\ight: 1%;
}
/* */


div.content td img
{	margin-right:			8px;}
div.content table
{	border-collapse:		collapse;}




/********************
**   T O P I C S   **
********************/
table.topic
{	background:				#e4f0f9;
	width:					100%;
/*	height:					234px !important; why was this here?? */
	margin-bottom:			10px;}
table.topic img{vertical-align:middle;margin-right:			0 !important;}
table.topic td
{	border:					1px solid #ccc;
	
	padding:				1em;}

/*div.topic
{	background:				#e4f0f9 url(/images/topicbg.gif) repeat-y 175px 0 !important;
	padding:				1em 1em 0 0;height:234px !important;
	border:					1px solid #ccc;overflow:show;
	margin-bottom:			10px;}
div>div.topic
{	overflow:auto;}
div.topic h3
{	margin-left:			200px;}
div.topic p
{	margin-left:			200px;}*/
.topic button
{	background:				url(/images/buttondl.png);
	border:					1px solid #147;
	text-align:				right;
	padding:				0.5em 10px 0.5em 27px !important;
	font-size:				0.8em;
	color:					#147;
	float:					right;}
* html .topic button
{	padding:				0.5em 10px 0.5em 17px !important;}
/* div.topic img
{	float:					left;
	padding:				4px 40px 0 15px;} */



	
/********************
**   R E P O R T   **
********************/
dl.report dt
{	clear:					both;
	float:					left;
	width:					25%;
	margin-bottom:			1em;}
dl.report dd
{	float:					left;
	width:					50%;
	margin-bottom:			1em;}
/* this hack only visible to IE */
* html dl.report dd
{	float:					none;
	clear:					none;
	padding-left:			1em;}
p.report { /* 20050519-SJP: to remove white spacing */
	margin: 0px;
}
	
		
	
/* apply this style to any single <a> with class="link" or any <a>s nested inside something
	with class or id of "links" */
	


a.link, #links a, .links a
{	background-image:		url(/images/rightarr3.gif);
	background-repeat:		no-repeat;
	background-position:	2px 50%;
	padding-right:			0.2em !important;
	padding-left:			12px !important;;}
a.link:hover, #links a:hover, .links a:hover
{	background-image:		url(/images/rightarr.gif);}
	
/* apply this style to any single <a> with class="file" or any <a>s nested inside something
	with class or id of "links" */
a.file, #file a, .file a
{	background-image:		url(/images/download.gif);
	background-repeat:		no-repeat;
	background-position:	center left;
	padding-right:			0.2em !important;
	padding-left:			17px !important;}

/* why? */
#newsroom, #notice
{	max-height:				1000px;}


/* basic layout rules for the sites content panels */
div.panel
{	margin-top:				0px;
	padding:				20px;
	clear:					both;	
}
div.panel div{
	padding:				0!important;
}
#quicklinks{
	padding-bottom:			0!important;
}
div.latestItems{
	padding-bottom:			0!important;
}

div.left
{	width:					331px;
	border-right:			5px solid #999;
	border-top:				5px solid #999;
	float:					left;
	clear:					left;}
div.right
{	width:					331px;
	border-top:				5px solid #999;
	float:					right;
	clear:					right;}



/* ugly hack used to fix a fundamental flaw in the CSS specification.  If in doubt about why something
	isn't clearing, shove a <p class="clearfix">&nbsp;</p> in there! */
.clearfix
{	padding:				0;
	margin:					0;
	clear:					both;
	line-height:			0;
	height:					0;
	font-size:				0;}
	
	
	
	
	
	

/******************************************
**       T A B U L A R    D A T A        **
******************************************/
table.list
{	border-collapse:		collapse;}
table.list thead th
{	border-bottom:			2px solid #999;}
table.type2 td, table.type2 th
{	border:			1px solid #999;}

table.list td		{padding:		0.3em 0.6em;}
table.list th		
{	padding:		0.3em 0.6em;}


table.list .row1	{background:	#eee;}
table.list .row2	{background:	#fff;}

table.type3 td {padding:0.4em 0.2em;}

table.topic td td{border:none;padding:0.2em;}
table.topic table{border-collapse:collapse;}

table.list thead th
{	font-weight: bold;
}

table.list thead th a
{	font-weight: bold !important;
	color : #000;
	text-decoration: none; 
}
	




/******************************************
**         B A S E    R U L E S          **
******************************************/
a:link, a:visited, a:active
{	color:					#157;
	text-decoration:		underline;}
a:hover
{	background-color:		#157;
	color:					#fff;
	text-decoration:		none;}




/************************
**   H E A D I N G S   **
************************/
h1
{	background:				#f9f9f9 url(/images/dots2.gif) repeat-y center right;
	border:					1px solid #ccc;
	border-width:			1px 0 1px 0;
	font-size:				1.1em;
	margin:					-20px -20px 20px -20px;
	padding:				13px 100px 5px 1em;
	line-height:			15px;}
body#homePage .titleBar h1{
	margin-bottom:			-9px;
}
.popup h1{
	margin:0;}
	
div.pagefooter
{	background:				#f9f9f9 url(/images/dots2.gif) repeat-y center right;
	border:					1px solid #ccc;
	border-width:			1px 0 1px 0;
	font-size:				0.9em;
	margin:					0 0 2em 0;
	padding:				0.5em 1em 1em 1em;}
div.pagefooter, div.buttons
{	background-color:#f9f9f9 !important;}
	div.buttons button{margin-bottom:10px;}
div.pagefooter .buttons button, div.pagefooter .buttons input.button
{	width:					150px;
font-size:1em;
	margin:					0 0.5em 0 0.5em;}
	
div.buttons
{	margin-top:		0.5em;
	padding-bottom:			0 !important;}

	
h2
{	color:					#00115b;
	font-size:				1.6em;
	margin-top:				0.5em;
	margin-bottom:			0.5em;
	font-weight:			normal;}
h3
{	color:					#00115b;
	font-size:				1.05em;
	margin-top:				0.5em;
	margin-bottom:			0.5em;
	font-weight:			bold;}	
h1 a
{ 	text-decoration:underline !important;;
	font-weight:bold !important;
	color:#000 !important;;}
h1 a:hover
{ 	text-decoration:none !important;
	font-weight:bold !important;
	color:#fff !important;
	background:#115577;}

h1.trail
{	font-family:			Arial, sans-serif;
	font-weight:			normal !important;
	font-size:				10px;}
h1.trail a
{ 	white-space:			nowrap;
text-decoration:none !important;
	font-weight:			normal !important;}
h1.trail a:link, h1.trail a:visited, h1.trail a:active
{	color:					#000;
	text-decoration:		none;}
h1.trail a:hover
{	background:				#000;
	color:					#fff;
	text-decoration:		none !important;
	font-weight:			normal !important;}
#newsroom h2, #notice h2
{	margin:					0;
	font-size:				0.9em;
	padding:				0;}
	
	

	
/********************************
**   I N P U T   F I E L D S   **
********************************/
form dt
{	clear:					both;
	float:					left;
	width:					25%;
	margin-right:			2em;
	margin-bottom:			1em;}
form dd
{	float:					left;
	width:					50%;
	margin-bottom:			1em;}
/* this hack only visible to IE */
* html form dl dd
{	float:					none;
	clear:					none;
	padding-left:			1em;}

input.text, input.file, textarea, select, input.disabled
{
	border:1px solid #89c;
	background-color:#fff;
	padding:0 0 0 0;
	letter-spacing:0;
	text-align : left !important;
}
input.text,textarea{	padding:0 0 0 3px;}
option{padding-right:5px;
}
select{	letter-spacing:0em;}
input.disabled, select.disabled, textarea.disabled
{ 	background-color:		#ddd 	!important;
	color:					#666	!important;}

.link_nonlive
{  color:					#f00  !important;}

table.edittable td
{	background-color: #ececec;
	padding:5 5 5 5 !important;
	border-style: none none;  }

table.grouptable td
{	background-color: #ececec;
	padding:5 5 5 5 !important;
	border-style: solid none;  }

table.grouptablegroup
{	background-color: #f3f3f3;
	border-style: solid;
	border-width: 1px; }

	
/*******************
**  B U T T O N S **
*******************/
input.button, button, input.buttondisabled
{	background:				url(/images/buttonbg.gif) repeat-x 0% 50%;
	border:					1px solid #89c;
	font-size:				0.8em;
	cursor:					pointer;
	padding:				0.3em 0.5em;}

button p
{	font-size:				1.25em;
	margin:					0px;
	width:					85%;
	white-space:			normal;}

input.buttonred
{	background:				url(/images/buttonbgred.gif) repeat-x 0% 50%;
	border:					1px solid #89c;
	font-size:				0.8em;
	cursor:					pointer;
	padding:				0.3em 0.5em;}
input.buttongreen
{	background:				url(/images/buttonbggreen.gif) repeat-x 0% 50%;
	border:					1px solid #89c;
	font-size:				0.8em;
	cursor:					pointer;
	padding:				0.3em 0.5em;}
input.buttonblue
{	background:				url(/images/buttonbgblue.gif) repeat-x 0% 50%;
	border:					1px solid #89c;
	font-size:				0.8em;
	cursor:					pointer;
	padding:				0.3em 0.5em;}
input.buttonorange
{	background:				url(/images/buttonbgorange.gif) repeat-x 0% 50%;
	border:					1px solid #89c;
	font-size:				0.8em;
	cursor:					pointer;
	padding:				0.3em 0.5em;}
	
input.buttondisabled
{ 	/*background:			none;
	background-color:		#999999 	!important;*/
	color:					#AAAAAA		!important;
	cursor:default;
}


/* default list styles for content */
.content ul
{	margin:					1em 0;
	margin-left:			2em;}
/* different images for IE and everything else */
.content ul li
{	list-style:				disc outside;} /* url(/images/bullet2.gif)*/
* html .content ul li
{	list-style:				disc outside;} /* url(/images/bullet.gif)*/
.content ol li
{	margin-left:			2.5em;
	list-style:				decimal outside;}


ul.contents a
{	line-height:		1.75;
	font-weight:		bold;}

.content{position:relative;}

ul.listlinks
{	margin-left:		0.5em;
	list-style:			none !important;}

ul.listlinks li
{	list-style:			none !important;
	line-height:		1.6;
	background:			url(/images/rightarr3.gif) 0px 50% no-repeat;
	padding-left:		1.4em;}




.error, .badlink, .match
{	color:					#f00 !important;}

.confirm
{	font-weight:			bold;
	color:					#060 !important;}

.notes 
{ 	font-style: 			italic;
	color:					#444;
	margin:					0;}

.required	
{	font-weight:			bold;
	font-size:				1.1em;
	color:					#0c4b77;}
	
ul#links li
{	display:				inline;
	padding-left:			5em;}

.statuswipnew
{
	font-weight:			bold;
	font-size:				1.1em;
	color:					#aaa;}

.statuswiplive
{
	font-weight:			bold;
	font-size:				1.1em;
	color:					#f00;}

.statuspending
{
	font-weight:			bold;
	font-size:				1.1em;
	color:					#f79c39;}

.statuslive
{
	font-weight:			bold;
	font-size:				1.1em;
	color:					#39b531;}

.lineseparator
{
	background:				#aaa;
	color:					#aaa;}
	

/******************
**   H A C K S   **
******************/
div.panel:after, div.box:after, div.topic:after, div.story:after
{	content:				".";
	display:				block;
	visibility: hidden;
	height:					0;
	clear:					both;}

div.panel, div.box, div.topic, div.story{display: inline-block;}		/* Mark Hadley's fix for IE Mac */

/* Hides from IE Mac \*/
	* html div.panel, * html div.box, * html div.topic, * html div.story {height: 1%;}
	div.panel, div.box, div.topic,  div.story{display:block;}
/* End Hack */

#sitemap
{	font-size:	1.25em;}
#sitemap ul
{margin-top:0.6em !important;}
#sitemap ul ul
{margin-top:0em !important;}

#sitemap li
{	list-style-type:		none;
	
	font-size:				0.95em;width:95%;
	margin-top:				1em;}

#sitemap li li{margin-left:1em;}
#sitemap a
{	color:					#fff;
font-weight:bold;
display: block;line-height:			2;
text-decoration:none;background:				#5BB3F2;
padding-left:1em;width:100%;}
	
#sitemap ul a
{	color:					#11255A !important;line-height:			1.5;background:				#FFF;
width:auto;display: inline;padding:0 0.25em;}

#sitemap ul ul a
{	color:					#000 !important;
}
#sitemap a:hover
{	background:#11255a !important;color:#fff !important;}
#sitemap ul a:hover
{	background:#11255a !important;color:#fff !important;}
#sitemap ul ul a:hover
{	background:#000 !important;}
#sitemap ul ul ul a:hover
{	background:#000 !important;}
#sitemap ul ul ul ul a:hover
{	background:#333 !important;}
#sitemap ul ul ul ul ul a:hover
{	background:#777 !important;}
#sitemap ul ul ul ul ul a:hover
{	background:#999 !important;}



#sitemap ul ul a
{color:#333 !important;}
#sitemap ul ul ul a
{color:#777 !important;}
#sitemap ul ul ul ul a
{color:#999 !important;}
	
#sitemap ul, #sitemap ul li, #sitemap ul a
{	background:				#fff !important;
	color:					#000;
	
	margin-top:				0;}

#sitemap li li{padding-left:1em;background:#fff url(/images/bullet2.gif) 0 0.4em no-repeat !important;}

#sitemap li li.branch{padding-left:1em;background:#fff url(/images/bulletdown.gif) 0 0.5em no-repeat !important;}

#sitemap li li li{margin-left:2em;background:url(/images/disc.png) 0 0.5em no-repeat !important;padding-left:0.5em;}
#sitemap li li li.branch{margin-left:2em;background:url(/images/disc.png) 0 0.5em no-repeat !important;padding-left:0.5em;}

	
	
	
	
	
	
	
	
	
	
ul#pagelist
{	width:			100%;
	font-size:		1.2em;
	float:			left;
	padding:		5px;
	margin-top:		12px !important;}

ul#pagelist li
{	line-height:	30px;
	clear:			right;}

ul#pagelist,
ul#pagelist ul,
ul#pagelist li
{	list-style:		none;
	margin:			0;
	padding:		0;}

ul#pagelist li a
{	margin-left:	0;
	white-space:	nowrap;
	padding:		0 0px;
	line-height:	18px;
	margin-top:		5px;}
	
	
* html ul#pagelist li{line-height:1 !important;}
* html ul#pagelist li a{line-height:1 !important;}


ul#pagelist li a:hover
{	background:		#666;
	color:			#fff;}
	
ul#pagelist span.toggle
{	cursor:			pointer;
	width:			9px;
	line-height:	9px;
	margin-top:		10px;
	display:		block;
	float:			left;
	margin-left:	0px;}
	
ul#pagelist span.icon
{	width:			16px;
	line-height:	16px;
	margin-top:		6px;
	display:		block;
	float:			left;
	margin-left:	6px;}
ul#pagelist li li span.toggle								{margin-left:  16px;}
ul#pagelist li li li span.toggle							{margin-left:  32px;}
ul#pagelist li li li li span.toggle							{margin-left:  48px;}
ul#pagelist li li li li li span.toggle						{margin-left:  64px;}
ul#pagelist li li li li li li span.toggle					{margin-left:  80px;}
ul#pagelist li li li li li li li span.toggle				{margin-left:  96px;}
ul#pagelist li li li li li li li li span.toggle				{margin-left:  112px;}
ul#pagelist li li li li li li li li li span.toggle			{margin-left:  128px;}
ul#pagelist li li li li li li li li li li span.toggle		{margin-left:  144px;}

* html ul#pagelist li li span.toggle						{margin-left:  8px;}
* html ul#pagelist li li li span.toggle						{margin-left:  16px;}
* html ul#pagelist li li li li span.toggle					{margin-left:  24px;}
* html ul#pagelist li li li li li span.toggle				{margin-left:  32px;}
* html ul#pagelist li li li li li li span.toggle			{margin-left:  40px;}
* html ul#pagelist li li li li li li li span.toggle			{margin-left:  48px;}
* html ul#pagelist li li li li li li li li span.toggle		{margin-left:  56px;}
* html ul#pagelist li li li li li li li li li span.toggle	{margin-left:  64px;}
* html ul#pagelist li li li li li li li li li li span.toggle{margin-left:  72px;}

ul#pagelist,
ul#pagelist ul
{	height:	1%;}

ul#pagelist li span.buttons
{	float:			right;
	margin-top:		3px;
	margin-right:	5px;}
	ul#pagelist li ul{clear:right;}

ul#pagelist a{color:#000;font-size:0.8em;text-decoration:none;}


ul#pagelist li.showchild ul{display:block;}
ul#pagelist li.hidechild ul{display:none;}


span.buttons input{height:18px !important;line-height:10px !important;padding: 0 !important;}


ul#pagelist li#PLtmp	{background:#ffd;font-size:0.8em;border:1px solid #666;padding:2px 5px;line-height:1;position:absolute;}
div#PLloading			{display:none;background:#ffd !important;font-size:0.8em;border:1px solid #666;border-color:#999 #333 #000 #666;padding:2px 5px !important;position:absolute;}

div#divDateSelect {z-index:50; padding:0;}

input#txtOtherDetails {display:none;}

ul.closed {
	display:none
} 
ul.open {
	display:block;
}


ul#sidemenu span.toggle li a{
	display:inline;
}

.timestamp {
	padding-top: 20px; font-style: italic; text-align: right;
}

.news_thumb {
	float: right; margin: 0 0 0 10px;
}

.news_list_thumb {
	float: left; margin: 0 10px 0 0;
}

.news_date {
	color: #666;
}

.event_row h2 {
	position: relative;
	margin: 0;
	width: 500px;
	padding: 0 200px 0 0;
	font-size: 14px;
}

.event_row h2 .date {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 5px 0 0;
}

table .event_row td {
	padding: 5px 5px 15px 5px;
}

table .event_row .own {
	display: inline-block;
	background: url(/images/own_event.gif) top left no-repeat;
	height: 13px;
	width: 37px;
	margin: 0 0 0 10px;
}

.news_row h2 {
	position: relative;
	margin: 0;
	width: 600px;
	padding: 0 100px 0 0;
	font-size: 14px;
}

.news_row h2 .date {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 5px 0 0;
}

table .news_row td {
	padding: 5px 5px 15px 5px;
}

.news_date .own {
	padding: 0 0 3px 0;
	vertical-align: middle;
}

p.last_modified {
	float: right;
	margin: 10px 13px 10px 10px;
}