/*-----------------------------------------------------------------------------
IFES

version:   1.0
author:    FAT FREE DESIGN
email:     info@fatfreedesign.co.uk
website:   http://www.fatfreedesign.co.uk/
Copyright 2009
All Rights Reserved
----------------------------------------------------------------------------- */

/* =Site Wide Rules
----------------------------------------------------------------------------- */
* {
  	margin: 0;
	padding: 0;
}

body {
	background: #f05a28 url(../images/orange_bg.png) top center no-repeat;
	color: #fff;
	text-align: center; /* for IE + auto margins */
	font-size: 68.75%;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;}
	
#ifes_blue, #uccf_blue {
	background: #484e98 url(../images/blue_bg.gif) top center no-repeat;}

/* =Container
----------------------------------------------------------------------------- */
#container {
	position: relative;
	width: 800px;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
	background-color: transparent;
	padding-bottom: 20px;}
	
html>body #container {
    height: auto;}
    
/* =Logo
----------------------------------------------------------------------------- */
#logo {
	display: block;
	height: 83px;
	width: 800px;
	margin: 0;}
	
/* =Main Navigation
----------------------------------------------------------------------------- */
#main_nav {
	float: left;
	margin: 25px 0 0 0;}

#main_nav ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	float: left;}
	
#main_nav ul li {
	float: left;}
	
#main_nav li ul {
	position: absolute;
	display: none;
	background: #fcd6ad;}
	
#main_nav ul li a:link, #main_nav ul li a:visited {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 1.1em;
	padding: 0 8px 0 8px;
	border-right: 1px solid #ebebeb;}
	
#main_nav li.no_Rbdr a:link {
	border-right: none;}
	
#main_nav ul li a:hover {
	color: #000;}
	
#main_nav #t-home a { /* highlights the ON page and takes away the padding from the right */
	font-weight: bold;
	cursor: default;
	padding: 0 10px 0 0;}
	
#ifes_blue #main_nav li.no_Lpad a:link { /* for all pages other than HOME */
	padding: 0 10px 0 0;}
	
#ifes_blue #main_nav #t-ifes a,
#uccf_blue #main_nav #t-uccf a,
#factsfigures #main_nav #t-facts a,
#councilofreference #main_nav #t-council a,
#contactus #main_nav #t-contact a,
#whyarewemoving #main_nav #t-why a,
#givenow #main_nav #t-give a,
#news #main_nav #t-news a { /* highlights the ON page and takes away the padding from the right */
	font-weight: bold;
	cursor: default;}
	
/*	for accesskey hints - used in alternative, accessibility friendly style sheet
a:hover:after, a:focus:after {
	content: " [" attr(accesskey) "] ";
  font-size: 0.5em;}
*/

/* =Main Content
---------------------------------------------------------------------------------------------------- */
#content {
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
	}

#content h1 {
	background: url(../images/ifes_uccf_together-in-oxford.png) no-repeat top left;
	height: 44px;
	margin: 50px 0 0 10px;
	text-indent: -5000px;}
	
#content h1.ifes {
	background: url(../images/ifes-our-story.png) no-repeat top left;
	height: 43px;
	margin: 50px 0 0 10px;
	text-indent: -5000px;}
	
#content h1.uccf {
	background: url(../images/uccf-our-story.png) no-repeat top left;
	height: 43px;
	margin: 50px 0 0 10px;
	text-indent: -5000px;}
	
#content h1.facts {
	background: url(../images/facts-and-figures.png) no-repeat top left;
	height: 44px;
	margin: 50px 0 0 10px;
	text-indent: -5000px;}
	
#content h1.council {
	background: url(../images/council-of-reference.png) no-repeat top left;
	height: 43px;
	margin: 50px 0 0 10px;
	text-indent: -5000px;}
	
#content h1.contactus {
	background: url(../images/contact-us.png) no-repeat top left;
	height: 34px;
	margin: 50px 0 0 10px;
	text-indent: -5000px;}
	
#content h1.why {
	background: url(../images/why-are-we-moving.png) no-repeat top left;
	height: 45px;
	margin: 50px 0 0 10px;
	text-indent: -5000px;}
	
#content h1.give {
	background: url(../images/give-now.png) no-repeat top left;
	height: 31px;
	margin: 50px 0 0 10px;
	text-indent: -5000px;}
	
#contentS h1.news {
	background: url(../images/latest-news.png) no-repeat top left;
	height: 30px;
	margin: 50px 0 0 10px;
	text-indent: -5000px;}
	
#content h2 {
	background: url(../images/latest-news.png) no-repeat top left;
	height: 30px;
	margin: 30px 0 0 10px;
	text-indent: -5000px;}
	
#content h2.ownership {
	background: url(../images/ownership.png) no-repeat top left;
	height: 33px;
	margin: 30px 0 0 10px;
	text-indent: -5000px;}
	
#content h2.costs {
	background: url(../images/the-costs.png) no-repeat top left;
	height: 25px;
	margin: 30px 0 0 10px;
	text-indent: -5000px;}
	
#contentS h3 {
	margin: 20px 0 0 10px;
	font-size: 1.6em;}

#content p, #contentS p {
	margin: 10px 0 0 10px;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #fff;
	text-align: left;}
	
#content p.news_date, #contentS p.news_date, .news_date {
	font-size: 0.9em;
	color: #ebebeb;}
	
#content p a:link, #content p a:visited, #content li a:link, #content li a:visited {
	color: #fff;
	text-decoration: none;
	padding-bottom: 0.02em;
	border-bottom: 1px dotted #fff;
	font-weight: bold;}

#content p a:hover, #content li a:hover {
	background-color: #fff;
	color: #f15e27;}
	
#content ul {
	margin: 10px 0 0 10px;}
	
#content li {
	list-style-type: none;
	padding-bottom: 10px;
	font-size: 1.1em;}
	
#content .indented_list {
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -1em;
	line-height: 1.6em;}
	
#content q {
	font-family: Georgia, serif;
	font-style: italic;}
	
#contentS {
	float: left;
	width: 785px;}

	
/* =Right Column Content
---------------------------------------------------------------------------------------------------- */
#sub_content {
	float: right;
	width: 285px;
	margin: 100px 0 0 0;
	padding: 0;}
	
#sub_content img.sub_contentIMG {
	float: right;
	margin: 0 0 25px 0;
	padding: 0;
	border-top: 1px solid #a3a6cc;
	border-bottom: 1px solid #a3a6cc;
	border-left: 1px solid #a3a6cc;
	margin-left: 45px;}
	
#sub_content img.sub_contentLOGO {
	float: right;
	margin: 50px 0 0 0;
	padding: 0;}
	
#sub_content img.sub_contentTARGET {
	float: right;
	margin: 0 0 25px 0;
	padding: 0;}
	
#sub_content q {
	font-family: Georgia, serif;
	font-size: 1.4em;
	font-style: italic;
	padding: 0 0 0 0;
	margin: 0 10px 25px 0;}
	
/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 800px;
	background-color: transparent;
	font-size: 0.8em;
	color: #efefef;
	line-height: 1.5em;
	padding-top: 75px;}
	
#footer p {
	text-align: center;
	padding-bottom: 5px;}
	
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #efefef;
	border-bottom: 1px dotted #efefef;
	padding-bottom: 0.01em;}
	
#footer a:hover {
	color: #000;
	border-bottom: 1px dotted #000;}