/*************************************************************************
	One World Trust: www.oneworldtrust.org/
	Developed by Electric Putty Ltd. <malcolm@electricputty.co.uk>

	MODULE: 	global.css
	PURPOSE:	all global rules for site
*************************************************************************/





/* Auto float clearing for compliant browsers
*************************************************************************/
#header:after,
#tabs:after,
#main:after,
#content-holder:after,
#pre-footer:after,
#footer:after,
#key li:after,
#init-controls:after,
.link:after,
.topics:after,
.topics ul:after,
.editorial-heading:after,
.radio-group:after,
.clear-this:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
	}





/* General Rules and classes
*************************************************************************/
html {
	font-size:100%;
	}

body {
	background: #fff;
	color: #646161;
	font: normal 0.75em/1.35em Arial,"Helvetica Neue","Helvetica",sans-serif;
	margin:0;
	padding:0;
	}

#skipto,
.disguise {
	position:absolute;
	left:-999em;
	}
	
a {
	text-decoration: none;
	}
	
a:hover,
a:focus,
a:active {
	text-decoration: underline;
	}

.fl-left {
	float: left;
	}
	
.fl-right {
	float: right;
	}

.more {
	text-align: right;
	}

.to-top {
	text-align: right;
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}





/* Main block positioning
*************************************************************************/
#wrap {
	width: 961px;
	padding: 0 1px 1px 1px;
	margin: 0 auto;
	background: url("../site_images/bg-wrapper.gif") repeat-y;
	}

#header {
	background: url("../site_images/bg-header.gif") no-repeat;	
	}





/* Header
*************************************************************************/
#header .link {
	list-style: none;
	margin: 0 0 0 801px;
	}
	
#header .link li {
	float: left;
	background: url("../site_images/bg-owt-link-left.gif") no-repeat bottom left;
	padding: 0 0 0 5px;
	margin: 0 0 0 2px;
	}

#header .link a {
	display: block;
	float:left;
	color: #fff;
	font-weight: bold;	
	background: url("../site_images/bg-owt-link-right.gif") no-repeat bottom right;
	padding: 5px 13px 5px 7px;
	}

#header .title {
	clear: left;
	float: left;
	font-size: 2.4em;
	line-height: 1.2em;
	width: 350px;
	margin: 38px 0 0 12px;
	}

#header .logo {
	float:right;
	margin: 45px 38px 20px 0;
	}

#header .logo img {
	display: block;
	}





/* Tabs
*************************************************************************/
#tabs {
	list-style: none;
	margin: 0 0 -1px 12px;
	position:relative;
	z-index:5;
	}
	
#tabs li {
	float: left;
	background: url("../site_images/bg-tab-left-off.gif") no-repeat top left;
	margin: 0 2px 0 0;
	}

#tabs li a {
	display: block;
	float: left;
	background: url("../site_images/bg-tab-right-off.gif") no-repeat top right;
	padding: 8px 10px 8px 10px;
	line-height: 1em;
	color: #fff;
	font-weight: bold;
	}

#tabs li.selected {
	background: #fff url("../site_images/bg-tab-left-on.gif") no-repeat top left;	
	}

#tabs li.selected a {
	background: url("../site_images/bg-tab-right-on.gif") no-repeat top right;	
	color: #636161;
	}

#tabs li.selected a:hover,
#tabs li.selected a:focus,
#tabs li.selected a:active {
	text-decoration: none;	
	}





/* Main
*************************************************************************/
#main {
	border: 1px solid #a6a6a5;
	margin: 0 12px 11px 12px;
	padding: 30px 10px 10px 10px;
	background: #fff;
	}

#main h1 {
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
	margin: 0 0 15px 0;
	}

#main .topics {
	font-size: 1.1em;
	margin: 0 0 20px 0;
	}

#main .topics p {
	float: left;
	font-weight: bold;
	padding: 0 10px 0 0;
	}

#main .topics ul {
	float: left;
	list-style: none;
	/*
	width: 85%;
	*/
	}

#main .topics li {
	float: left;
	padding: 0 5px;
	margin: 0 0 5px 0;
	border-left: 1px solid #797676;
	}

#main .topics a {
	color: #dd8928;
	font-weight: bold;
	}





/* Content
*************************************************************************/
.editorial-heading {
	margin: 0 0 20px 0;
	}

.editorial-heading h1 {
	line-height: 1em;
	}
	
.editorial-heading p {
	margin: 3px 0 0 0;
	}

.editorial-heading p a {
	font-weight: bold;
	color: #dd8928;	
	}
	
.content {
	background: url("../site_images/bg-content.gif") repeat-y;
	}
	
.content h2 {
	color: #758e45;
	font-size: 1.4em;
	line-height: 1.1em;
	font-weight: bold;
	margin: 0 0 12px 0;
	padding-top: 20px !important;
	}

.content h3 {
	font-size: 1.25em;
	font-weight: bold;
	padding-top: 12px !important;
	margin: 0 0 6px 0;
	color: #666;
	}
	
.content h4 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 3px 0;
	color: #758e45;
	}
	
.content h5 {
	font-size: 1.1em;
	font-weight: bold;
	color: #444;
	}
	
.content h6 {}

.content p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 12px 0;
	}

.content ul {
	list-style: none;
	margin: 0 0 15px 0;
	}

.content li {
	font-size: 1.2em;
	background: url("../site_images/bg-bullet.gif") no-repeat 0px 5px;
	padding: 0 0 0 15px;
	margin: 0 0 10px 5px;
	}
	
.content li li {
	font-size: 100% !important;
	}

.content a {
	color: #dd8928;	
	}

.content .img_left {
	float: left;
	clear: left;
	margin: 0 15px 15px 0;
	}

.content .img_right {
	float: right;
	clear: right;
	margin: 0 0 15px 15px;
	}



/* Pre-footer
*************************************************************************/
#pre-footer {
	background: #f0efef;
	padding: 6px 12px;
	line-height: 1em;
	}

#pre-footer img {
	display: block;
	float: left;
	}
	
#pre-footer span {
	display: block;
	float: left;
	margin: 18px 0 0 5px;
	}

#pre-footer a {
	color: #dd8928;
	}



/* Footer
*************************************************************************/
#footer {
	background: #769046;
	padding: 12px 12px 60px 12px;
	color: #fff;
	}

#footer a {
	color: #fff;
	}

#footer ul {
	list-style: none;
	float: left;
	}

#footer li {
	float: left;
	border-left: 1px solid #fff;
	padding: 0 10px;
	line-height: 1em;
	}

#footer p {
	float: right;
	line-height: 1em;
	}





/* Over rides
*************************************************************************/
h2.first {
	padding-top: 0 !important;
	}

li.first {
	border: 0 !important;
	padding-left: 0 !important;
	}