/* 

	GLOBAL CSS

	Description: To be included on all  pages

	written by: Phil Thompson phil.thompson@ichameleon.com
	
	last edited on: 21/09/2007
	last edited by: Phil Thompson

	Table of Contents
	
	HTML Tags
		- * (universal selector)
		- html, body
		- a
		- h1-6
		- p
		- ul, ol, dl
		- tables
		- forms
		
	Common Classes
		- accessibility: .hide
		- pagination lists
		- media lists
		- polls
		- images
		
	Layout
		- Header
			- accessMenu
			- globalMenu
			- branding
				- logo
				- tagline
			- menu
			- breadcrumb
			- search
		- MidHolder
			- sidebar
				- button
			- primarycontent
			- secondarycontent
		- Footer
			- copyright
			- footerMenu
			

*/


/*

HTML TAGS

*/

html {
	direction: ltr;
}

/* BODY */

body{
	/* background-color:#CCFF66; */
	color: #999;
	font-family: Arial;
	font-size: 90%;
	line-height: 150%;
	padding: 0;
	/* 
	background: url('/img/layout/header-bg.gif') repeat-x top #CCC ;
	margin: 0 auto;
	width: 994px;
	*/
	background: #CCC ;
	margin: 0;
} 

/* A  (LINKS) */	
a{
	color: #0080C0;
	text-decoration: none;
}
a:visited{ /*color: #520D12;*/ }
a:hover{ color: #D1212D; }
a:active{ color: #85151D; }

a img{
	border: none;
}

a.link-rss {
	height:14px;
	background: transparent url('/img/icons/rss.gif') no-repeat left;
	padding-left:25px;
}
	a.link-rss img {
		margin:0 !important;
		padding:0;
	}
a.arrow {
	background:transparent url('/img/layout/news-arrow.gif') left no-repeat;
	padding-left:22px;
}
a.dark_arrow {
	background:transparent url('/img/layout/dark-arrow.gif') left no-repeat;
	padding-left:22px;
}
a.tl_link {
	padding-right:13px;
	margin-right:4px;
	background:url('/img/layout/link-marker.gif') right no-repeat;
}
a.mceButton img {
	margin:0 !important;
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6{
	font-size: 130%;
	font-weight:normal;
	padding: 0.25em 20px 0.5em;
}

h1{
	font-size: 220%;
}
h1.pagetitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding:0;
	margin: 0 20px 20px;
	padding-bottom: 4px;
}

h2 {
	font-size:200%;
}

h2.special{
	color: #000;
	xfont: normal 182% "Viner Hand ITC";
}

h3{
	font-size: 136%;
}

h4, h5, h6{ /* keep the same because h5&h6 are rarely used*/
	font-size: 118%;
}

/* PARAGRAPHS */
p{
	font-size: 90%;
	padding: 0 20px 1em;
	line-height:180%;
}


table {
	margin: 0 20px 1em;
}
table td { 
	/* padding:0px;  */
}

/* LISTS */

ul, ol, dl{
	padding: 1em 20px;
}

	li{
		margin: 0 0 0 2em;
		line-height: 180%;
	}
	
dt{
	font-weight: bold;
}

dd{
	margin-left: 2em;
}

/* HORIZONTAL RULE */

hr{
	background: #CCC;
	color: #CCC;
	border: none;
	height: 1px;
	margin: .5em 20px;
}

/* FORMS */

button{
	background: #B61E28;
	border: 1px solid #7F7F7F;
	border: 0;
	color: #FFF;
	font-size: 100%;
	font-weight: normal;
	padding: 0 5px 2px;
}

/*

	COMMON CLASSES

*/

/* ACCESSIBILITY/SCREEN-READER */

.hide{
	left: -9999px;
	position: absolute;
	top: -9999px;
	
}

/* highlight search terms */
span.keywords{
	background:#FF6; 
	color: #000;
}


div#breadcrumb p {
}




/* PAGINATION */

ul.pagination{
	font-size: 95%;
	text-align: center;
}

ul.pagination li{
	display: inline;
	margin-left: 0;
}

ul.pagination li{
	border-right: 1px solid #D1D3CF;
	padding-right: 4px;
	padding-left:3px;
}

ul.pagination li a{
	font-weight: normal;
}

ul.pagination li.inactive a{
	color: #D1D3CF;
}
ul.pagination li.active,
ul.pagination li.selected{
	border: none;
	padding-right: 0;
}

ul.pagination li.selected a,
ul.pagination li.active{
	background: #EAEAEA;
	border: 1px solid #C9C9C9;
	padding: 1px 2px;
}

ul.pagination li.bookend{
	border: none;
}
ul.pagination li.last{
	border-left: 1px solid #D1D3CF;
	border-right:none;
	padding-left: 5px;
}

/* LATEST NEWS */
ul#newslist li {
	font-size: 92%;
	margin-left: 0;
	min-height: 23px;
}
/* MULTIMEDIA LINKS */
ul.multimedia li{
	background: url("/images/icons/blogs.gif") 0 2px no-repeat;
	font-size: 92%;
	margin-bottom: 5px;
	margin-left: 0;
	min-height: 23px;
	padding-left: 23px;
}

ul.multimedia li.blogs, 
ul.multimedia li.reports{
	background-image: url("/images/icons/blogs.gif");
}

ul.multimedia li.gallery{
	background-image: url("/images/icons/galleries.gif");
}

ul.multimedia li.audio{
	background-image: url("/images/icons/audio.gif");
}

ul.multimedia li.movies,
ul.multimedia li.video{
	background-image: url("/images/icons/movies.gif");
}

ul.multimedia li.page{
	background-image: url("/images/icons/page.gif");
}


	
/* HIGHLIGHT */
div#primarycontent span.highlight,
div#primarycontent p.highlight {
	background:#F5F5F2;
	border:1px solid #ADAF9A;
	font-style:italic;
	xfont-weight:bold;
	padding: 5px 8px;
	margin: 5px 0px;
}
div#primarycontent p.highlight {
}
div#primarycontent span.highlight {
}

div#primarycontent p.box,
div#primarycontent span.box {
	background:#FFF;
	border: 2px solid #CFDEF7;
	margin: 5px 0px;
	padding: 5px 8px;
	
}
div#primarycontent span.box {
	margin: 5px 10px;
}
table.box {
	background:#FFF;
	border-collapse:collapse;
}
table.box td {
	padding:10px;
	border: 2px solid #CFDEF7;
	vertical-align:top;
}

p.abuse-report {
	margin-top:20px;
}
p#preview_msg {
	text-align: center;
	padding:10px;
	line-height: 300%;
	background-color: #FFF;
}
	p#preview_msg span {
		padding: 8px 15px;
		border: 1px solid #333;
		background-color: #FFCC99;
		color: #333;
	}


/*
table.highlight {
	background:#CFDEF7;
	color:#36C;
	font-style:italic;
	font-weight:bold;
	border-collapse:collapse;
}
table.highlight td {
	padding:10px;
	border: 2px solid #36C;
	vertical-align:top;
}
*/

div.hover{
	cursor: pointer;
}



/* CONTENT IMAGES */
img.left{
	float: left;
	margin: 0 20px 20px 0;
}

img.right{
	float: right;
	margin: 0 0 20px 20px;
}


/*

	LAYOUT

*/

div.page-section {
	background: url('/img/layout/section-top.gif') repeat-x top;
	margin-top: 20px;
	padding-top: 20px !important;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	float:left;
	clear:both;
	width: 954px;
	display: inline;
}
	div.page-section p,
	div.page-section h2,
	div.page-section h3,
	div.page-section ol,
	div.page-section ul
	{
		padding: 0 0 10px;
	}
	
div#holder{
	margin: 0px auto 0;
	position:relative;
	z-index: 10;
	/*
	background: #FFF;
	float: left;
	*/
}

	/* HEADER */
	div#header{
		background: #FFF;
		float: left;
		padding: 0px;
		width: 994px;
		z-index: 99;
	}
	div#access-menu {
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		float:left;
		height: 29px;
		z-index: 1;
	}
	
		ul#accessMenu{
			/*background: url('/img/layout/header-bg.gif') repeat-x top; */
			background-color: transparent;
			color: #fff;
			float: none;
			font-size: 90%;
			margin: 0 auto;
			width: 994px;
			padding: 0;
			height: 30px;
		}
		
			ul#accessMenu li{
				display: inline;
				margin: 0;
				padding-right: 10px;
				float:left;
				vertical-align:text-bottom;
				line-height: 100%;
				height: 30px;
			}
				ul#accessMenu li span {
					line-height: 100%;
				}
			ul#accessMenu li#flags-list{
				padding-right: 0px;
			}
				ul#accessMenu li#flags-list ul {
					float:left;
					padding:0;
				}


				ul#accessMenu li a {
					color:#fff;
				}
				ul#accessMenu li a.flag {
					padding:0px;
				}
					ul#accessMenu li a.flag img {
						border:0px solid #000;
					}
						ul#accessMenu li a.flag img.selected {
							border:2px solid #00c;
							margin-bottom:-2px;
						}
				
				ul#accessMenu li a.small_text{
					font-size: 125%;
					font-weight: bold;
					padding-left: 5px;
				}
				
				ul#accessMenu li a.medium_text{
					font-size: 160%;
					font-weight: bold;
					padding-left: 5px;
				}
				
				ul#accessMenu li a.large_text{
					font-size: 210%;
					font-weight: bold;
					padding-left: 5px;
				}
		
/* GLOBAL MENU SETTINGS */
ul#globalMenu{
	background: url('/img/layout/global-bg.gif') repeat-x top;
	color: #B61E28;
	float: left;
	height: 35px;
	width: 710px;
	padding: 0;
	padding-left:20px;
}
	ul#globalMenu li{
		display: inline;
		float:left;
		margin:8px 15px 0 0;
		padding:0;
		height: 27px;
		font-size: 90%;
	}
		ul#globalMenu li a {
		}
		ul#globalMenu li.last{
		}

/* SEARCH FORM DIV SETTINGS */		
div#search-form {
	float:right;
	width: 264px;
	height: 65px;
	background: url('/img/layout/search-bg.gif') no-repeat;
}
	div#search-form p {
		padding: 0 27px;
		float: left;
		margin: 0;
	}
div#search-form-png {
	width: 264px;
	height: 64px;
	background: url('/img/layout/search-white-bg.png') no-repeat;
	margin: -29px 0 0 0;
	display: inline;
	position: relative;
	padding: 0;
	float:left;
}
	div#search-form-png p {
		float: left;
		margin: 0;
		padding: 3px 0 0 0;
		line-height: 100%;
	}

/*
		div#branding{
			clear: both;
			float: left;
			height: 76px;
			padding:0 0 0 20px;
			width: 204px;
		}
		
			div#branding span#logo{
				height: 76px;
				text-indent: -5000em;
				width: 204px;
			}
			
				div#branding span#logo a.logo {
					background: url("/img/layout/logo.gif") 0 0 no-repeat;
					display: block;
					outline: none;
					height: 76px;
					width: 204px;
				}
*/
		div#header_img {
			float: left;
			margin: 10px 20px 0;
			padding: 0;
			min-height: 111px;
			width: 954px;
			background-color: #ccc;
		}
			div#header_img p {
				padding:0;
			}
			div#header_img div#branding {
				height: 40px;
				width: 324px;
				float:right;
				text-indent: -9999px;
			}
			div#header_img div#branding a {
				height: 40px;
				width: 324px;
				float:left;
				background-repeat: no-repeat;
				text-indent: -9000px;
			}
			div#header_img h1 {
				font-size:210%;
				padding:0;
				margin:0;
				padding-left:18px;
				clear:both; 
				position: absolute;
				top: 110px;
			}
				div#header_img p,h1 a {
					
				}
		
div#menu_div {
	width:954px;
	padding:0 20px;
	float:left;
	margin-top:10px;
}
ul#menu{
	float: left;
	width: 954px;
	padding:0;
	background-color: #999;
}

	ul#menu li{
		font-weight: bold;
		float: left;
		font-weight: bold;
		height:16px;
		/* letter-spacing: .05em; */
		margin: 0;
		padding: 7px 10px;
		font-size:110%;
	}
	ul#menu li.selected {
	}
		ul#menu li.selected a {
			color: #000
		}
	ul#menu li.last {
	}
		ul#menu li a{
			color: #fff;
			float: left;
			padding: 0;
			text-decoration: none;
		}
		ul#menu li.last a{
		}
		
		ul#menu li a:hover{
			text-decoration: none;
		}

ul#news-ticker {
	float: left;
	width: 954px;
	padding:0;
	background-color: #fff;
}				
	ul#news-ticker li {
		float: left;
		padding: 4px 10px;
		margin-left:0;
		font-size: 90%;
	}
		ul#news-ticker li.rss {
			width:100px;
			padding-left: 0;
		}
		ul#news-ticker li.update-title {
			width:120px;
			text-align: right;
		}
		ul#news-ticker li.ticker {
			padding-right:0;
			width: 694px;
		}
			ul#news-ticker li.ticker table {
				margin-bottom: 0px;
			}
		
div#breadcrumb{
	background-color: #fff;
	font-size:85%;
	line-height: 100%;
	clear: both;
	float: left;
	width: 954px;
	padding: 4px 20px 4px;
}
	div#breadcrumb span.rss,
	div#breadcrumb span.updates {
		float: left;
		height: 20px;
		margin-top: 2px;
	}
	div#breadcrumb span.rss {
		width: 90px;
		padding-left: 20px;
		height: 14px;
		background: url('/img/icons/rss.gif') center left no-repeat;
	}
	div#breadcrumb span.updates {
		width: 103px;
		margin-right: 10px;
		text-align: right;
	}
	
	div#breadcrumb p {
		padding:0;
		height: 20px;
	}
	
	div#breadcrumb table {
		border: 0;
		width: 731px;
		margin:0;
		padding:0;
		float: left;
	}
	div#breadcrumb table.noborder {
		border-bottom:none;
		width:auto;
	}
	div#breadcrumb table td{
		color: #607072;
	}
	div#breadcrumb marquee {
		font-weight:normal;
		width:820px;
	}
	div#breadcrumb a {
		color: #3366CC;
	}
		
		form#searchForm,
		p#searchForm{
			float: right;
			margin: -4px 0 0;
			padding: 0;
			width: 178px;
		}
		
			form#searchForm fieldset{
				margin: 0;
				padding: 0;
			}
		
			form#searchForm input{
				background: #FFF;
				border: 1px solid #7F7F7F;
				font-size: 77%;
				margin-right: 0px;
				width: 115px;
			}
			
			form#searchForm button{
				font-size: 77%;
				width: 55px;
			}
	
	
	/* MIDHOLDER */
	
	
	div#midholder{
		clear: both;
		float: left;
		margin: 0;
		background-color: #fff;
		width: 994px;
	}
	
	div.right_column {
		width:230px;
		float:left;
	}
	div#row2 {
	}
	
	div#sidebar{
		float: left;
		margin-left: 20px;
		padding-bottom: 20px;
		display: inline;
		width: 223px;
		min-height:100px;
	}
		
		div#sidebar ul{
			margin: 0;
			padding: 0;
			width: 223px;
		}
		
		div#sidebar ul li{
			margin: 0 0 1px 0;
			line-height:0;
		}
		
			div#sidebar ul li a{
				border-width: 1px;
				border-style: solid;
				display: block;
				xfont-family: Arial, Helvetica;
				font-size: 93%;
				font-weight: lighter;
				padding: 5px;
			}
			div#sidebar ul li.subon a{
			}
				div#sidebar ul li a.level-1{
					font-weight:bold;
				}
				div#sidebar ul li.subon a.level-1{
					font-weight:bold;
				}
				div#sidebar ul li a.level-2{
					padding-left:20px;
				}
				div#sidebar ul li.subon a.level-2{
					padding-left:20px;
				}
				div#sidebar ul li a.level-3{
					padding-left:40px;
				}
				div#sidebar ul li a.level-4{
					padding-left:60px;
				}

			
					
				
			div#sidebar div.button{
				background: #FFF url("/images/layout/button-bg.gif") -2px 0 no-repeat;
				color: #FFF;
				height: 75px;
				margin-top: 5px;
				width: 170px;
			}
				div#sidebar div.button a{
					color: #FFF;
					display: block;
				}
				
				div#sidebar div.button h2{
					font: bold 22px;
					padding: 5px 5px 10px;
					text-transform: uppercase;
				}
				div#sidebar #donate_now_ticker {
					padding: 0 5px;
				}
				div#sidebar div.button ul{
					xpadding: 0 5px;
				}

	div#contentholder {
		display: inline;
		float:left;
	}
	
	/*
	div#storypanel{
		background: transparent url("/images/layout/story-panel-bg.gif") 0 69px no-repeat;
		margin-top: -80px;
		min-height: 925px;
	}
	
		div#storypanel a{
			font-weight: normal;
		}

		div#storypanel object{
			margin-left: -20px !important;
		}
	
	
	div#storypanel p{
		color: #666;
	}
	
	img#storyGallery{
		margin-left: -10px;
	}
	
	div#storypanel div#relatedstories{
		float: left;
		min-height: 140px;
		width: 180px;
	}
	*/
	
		/*img#relatedImages{
			margin-top: -10px;
		}*/
		
	/*
	div#storypanel div#relatedstories p{
		margin-top: -20px;
		padding: 0 5px 10px 20px;
	}
	div#storypanel div#relatedImages{
		position: relative; 
		width: 218px; 
		z-index: 0;
	}
	
		div#storypanel img.imageA{
			float: left; 
			margin: 0 0 0 0px;
		}
		
		div#storypanel img.imageB{
			float: left; 
			margin: 10px 0 0 5px;
		}
		
			div#storypanel div#relatedImages img{height: 90px; }
	
	div#storypanel div#overlayed{
		background: transparent url('/images/flash/relatedstories-sidebar.png') 0 0 no-repeat; 
		height: 115px; 
		left: -20px; 
		position: absolute; 
		top: 0px; 
		width: 198px; 
		z-index: 1;
	}
	*/
	
	/* FLASH MAP styling - will obviously affect other Flash in the main area too... */
	div#midholder object {
		margin:0;
		padding:0;
	}
	
div#primarycontent table {
	margin: 0;
	padding: 0;
}
	div#primarycontent table td {
	}
	
	div#primarycontent ul,
	div#secondarycontent ul{
		list-style: disc;
	}
	div#primarycontent ol,
	div#secondarycontent ol{
		list-style: decimal;
	}

	div#primarycontent li,
	div#secondarycontent li{
		font-size: 90%;
	}
	
	/* TAGS */
	/*div#tagslist{
		margin: 0 0 1em;
	}
	div#primarycontent ul#tags{
		margin-top: -.5em;
		padding: 0 10px;
	}
	div#primarycontent ul#tags li{
		display: inline;
		list-style: none; 
		margin-left: 10px; 
		padding-right: 20px;
	}*/
	
	/* Alternative tag styling */
	div#tagslist{	
		border: 0;
		background:#fff url('/img/layout/section-top.gif') repeat-x top;
		margin: 0px;
		width: 711px;
		float:left;
		min-height: 20px;
		/*
		background: transparent url('/img/layout/tags_clip.gif') no-repeat top left;
		min-height:41px;
		*/
	}


		div#tagslist p{
			font-size:85%;
			margin: 15px 0 10px 50px;
			padding:0;
		}

		div#tagslist ul#tags_inner{
			padding:0;
			margin:0;
			line-height: 100%;
			padding-top: 4px;
		}
				div#tagslist ul#tags_inner li{
					display: inline;
					list-style: none; 
					margin: 0 0px 0 0;
					padding-right: 0px;
					line-height: 80%;
					font-size: 85%;
				}
					div#tagslist ul#tags_inner li a {
					}
		
	
		
	
	/* FOOTER */
	div#tags {
		clear both;
		background-color:#fff;
		float:left;
		padding:0px;
		margin: 0px;
		padding-bottom: 8px;
		width:994px;
		line-height: 100%;
	}
		div#tags p {
			margin:0px;
			padding:0;
			font-size:85%;
			line-height: 100%;
		}
			div#tags p a {
				text-decoration: underline;
			}
				div#tags p a.what-are-tags {
					padding-right:10px;
					margin-right:10px;
					border-right: 1px solid #ccc;
				}
	
div#tagsinfo {	
	background:#fff url('/img/layout/section-top.gif') repeat-x top;
	float:left;
	display: inline;
	width: 223px;
	margin-left: 20px;
	padding-right:20px;
	padding-top: 5px;
	text-align: left;
}
			
	div#footer{
		clear: both;
		float: left;
		width: 994px;
		background-color: #fff;
		margin-right: -3px;
	}
		div#footer div#copyright {
			margin: 0 20px 20px;
			padding: 10px;
		}
		div#footer p {
			padding:0;
		}
			div#footer p a {
				margin-right: 10px;
			}
		div#footerMenu {
		}
			div#footerMenu p {
				clear: left;
				text-align: right;
				padding: 10px 0 40px;
			}
	
	div#mediaplayer object { 
		padding-left:0px; 
	}

div#secondarycontent{
	float: left;
	width: 224px;
}

	
	
	.arrow{
		background:url('/images/icons/3dots_bullet.gif') no-repeat 0 50%; 
		display: block;
		margin-left: 10px;
		padding-left: 8px;
	}
	
	ul.arrow{
		background: none; 
	}
	
	ul ul .black {
		font-weight:bold !important;
		color:#333 !important
	}

	h2#donate_now {
		font-size:18px;
	}
	#donate_now {
		padding-bottom:2px !important
	}
	
	#donate_now_ticker {
		padding: 0 5px;
	}
	
	#donate_now_ticker li {
		/* font-size: 85%; */
		font-size: 12px;
		margin: 0;
		padding: 0;
		width: 155px;
	}



/* MINI-BASKET */
div#mini-basket {
	background:#ADAF9A;
	border:none;
	height:73px;
	/*left:710px;*/
	padding:0;
	position:absolute;
	right:20px;
	text-align:center;
	top:180px;
	width:230px;
	z-index:2;
}

	div#mini-basket a {
		color:#fff;
	}
	
	div#mini-basket h3 {
		background:#900;
		color:#fff;
		/*float:left;*/
		font-family:Arial, Helvetica;
		font-size:15px;
		font-weight:bold;
		height:27px;
		margin:0;
		padding:0;
		padding-top:9px;
		position:absolute;
		top:0;
		right:0;
		width:230px;
	}

	div#mini-basket p {
		background: url(/images/store/icon_basket.gif) no-repeat left center;
		border:none;
		color:#fff;
		/*float:left;*/
		font-size:15px;
		font-weight:bold;
		margin:0 10px;
		padding:0 30px;
		position:absolute;
		text-align:center;
		top:42px;
		right:0;
		width:150px;
	}
	
		div#mini-basket p span {
			font-size:70%;
			font-weight:normal;
		}