/*
Main Emmaus stylesheet
Author: Matthew Pennell
Date created: 15/08/07
Last modified: 24/01/08
*/

/**
 * YAHOO! reset.css, fonts.css
 * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.3.0
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
body {font:13px/1.29 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/* Bump up IE to get to 13px equivalent */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/*
= BASIC RULES ******************************/

a:link, a:visited {
	color: #ee2e23;
	text-decoration: underline;
}

/*
= LAYOUT: Page building blocks ******************************/

body {
	color: #000;
}

html {
	background: #fff url(../images/container-bg.gif) repeat-y;
}

#wrapper {
	float: left;
	width: 100%;
}

#header {
	border-bottom: 1px solid #aebc93;
	background: #8ba064;
	float: left;
	width: 100%;
}

#content {
	margin-left: 244px;
	max-width: 62em;
	padding: 1em 0;
}

#breadcrumb {
	background: #eaefe1;
	font-size: 79%;
	padding: 12px 26px;
	margin-left: 217px;
}

#sidebar {
	float: left;
	width: 217px;
	margin-left: -100%;
	padding-bottom: 1em;
}

#footer {
	clear: left;
	text-align: center;
	margin: 1em 0 1em 244px;
	margin-left: 244px;
	max-width: 44em;
	color: #8ba064;
	padding-top: 1em;
}

.bigger_font {
font-size: 16px;
}

.red{
color: red;
}


.addthis_toolbox{
 text-align: center;
 width: 20em;
 padding: 0 12em;
}

/*
= HEADER: Logo, navigation, strapline ******************************/

#header img, #header span {
	display: block;
	float: left;
}

p.strapline {
	position: absolute;
	top: 80px;
	left: 240px;
	font-size: 129%;
	width: 20em;
	text-transform: lowercase;
	color: #fff;
	font-weight: bold;
	z-index: 99;
	text-shadow: 2px 2px 1px #000;
	opacity: 0.8;
}

#header ul {
	float: left;
	height: 46px;
	background: #536d20 url(../images/header-bg.jpg) repeat-x 0 0;
	border: 1px solid #aebc93;
	border-width: 0 1px;
	padding-top: 156px;
}

#header li {
	border: 1px solid #aebc93;
	border-width: 1px 1px 0 0;
	height: 45px;
	float: left;
	background: #536D20;
}

#header li.current {
	background: #8ba064;
}

#header li:last-child {
	border-right-width: 0;
}

#header ul a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 157%;
	text-transform: lowercase;
	line-height: 45px;
	display: block;
	padding: 0 15px;
}

#header ul a:hover, #header ul a:focus {
	background: #d5e5b9;
	color: #e53c34;
}

#fade {
	background: url(../images/fade-bg.gif) repeat-y;
	width: 43px;
	height: 202px;
	float: left;
}

/* sub-navigation dropdowns */

#header ul ul {
	position: absolute;
	background: #8ba064;
	border: 1px solid #536d20;
	padding: 0;
	width: 12em;
	left: -999em;
	z-index: 8;
	margin: 0;
	height: auto;
}

#header ul li li {
	width: 100%;
	height: auto;
	border: 0;
	background: transparent;
	border-top: 1px solid #536d20;
}

#header ul li:hover ul, #header ul li.sfhover ul {
	left: auto;
}

#header ul ul a {
	text-transform: lowercase;
	font: 1em/129% "Trebuchet MS";
	font-weight: bold;
	padding: 10px 20px;
}

/*
= CONTENT: Rules for all text/images/etc. ******************************/

#breadcrumb a {
	padding: 0 7px;
}

#content h1, #content h2 {
	font-size: 171%;
	margin: 0.5em 0 1em 0;
	letter-spacing: 0.05em;
}

#content h2, #resources h2 {
	font-size: 120%;
	clear: both;
	font-weight: bold;	
	margin: 1.8em 0 0.6em 0;	
}
#content h2 strong {
	padding-right: 0.5em;
	font-size: smaller;
}

.home #content h2 {
	clear: none;
}

h2 span, h2 b {
	font-weight: bold;
}

ul#jobs h2 span {
	font-weight: normal;
}

#content p, #content ul, #content ol {
	margin: 0 0 1em;
}

#content ol, #content ul {
	margin-left: 30px;
}

#content ul li {
   list-style: disc; 
	list-style: none;
	background: transparent url(../images/contentli.gif) left top no-repeat;
	padding-left: 10px; 	
	position: relative;
}

#content ol li {
	list-style: decimal;
}

#content img.img_right {
	float: right;
	margin: 0 0 1em 10px;
	border: 5px solid #eaefe1;
	border-width: 0 0 5px 5px;
	padding: 0 0 5px 5px;
}

#content img.img_left {
	float: left;
	margin: 0 10px 1em 0;
	border: 5px solid #eaefe1;
	border-width: 0 5px 5px 0;
	padding: 0 5px 5px 0;
}

#content img.img_none {
	clear: both;
	display: block;
	margin: 0 auto 1em;
}

#content img.home {
	border-width: 0;
}

/*
= RESOURCES: List of related files ******************************/

#resources {
	margin: 1em 0 0 244px;
}

#resources ul {
	margin: 1em 0;
}

#resources li {
	background-position: 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 0 1em 1em 0;
	float: left;
}

#resources li.pdf {
	background-image: url(../images/admin/pdf.png);
}

#resources li.doc {
	background-image: url(../images/admin/doc.png);
}

#resources li.ppt {
	background-image: url(../images/admin/ppt.png);
}

#resources li.txt {
	background-image: url(../images/admin/txt.png);
}

#resources li.xls {
	background-image: url(../images/admin/xls.png);
}

#resources li.zip {
	background-image: url(../images/admin/zip.png);
}

/*
= SIDEBAR: Modules of content, dependent on context ******************************/

#sidebar h2 {
	background: #fff;
	border: 1px solid #8b9f64;
	border-width: 1px 0;
	font-size: 129%;
	padding: 13px 44px;
	color: #536d20;
}

#sidebar h2 span {
	font-style: italic;
	white-space: nowrap;
}

ul#actions {
	margin: 33px 0 0 8px;
}

ul#actions li {
	margin-bottom: 8px;
}

ul#actions li a {
	background: url(../images/actions.gif) no-repeat 0 0;
	width: 198px;
	height: 26px;
	display: block;
	text-indent: -999em;
}

ul#actions li.find a {
	background-position: 0 -26px;
}

ul#actions li.newsletter a {
	background-position: 0 -52px;
}

.community ul#actions li.uk a {
	background-position: 0 -78px;
}

.community ul#actions li.find a {
	background-position: 0 -104px;
}

.community ul#actions li.newsletter a {
	background-position: 0 -130px;
}

#share {
	height: 27px;
	width: 192px;
	overflow: hidden;
	margin: 16px 0 16px 13px;
}

#share a {
	background: url(../images/share.gif) no-repeat 0 0;
	float: left;
	width: 96px;
	height: 27px;
	text-indent: -999em;
}

#share a.print {
	background-position: -96px -27px;
}

.community #share a {
	background-position: 0 -27px;
}

.community #share a.print {
	background-position:  -96px 0;
}

#focus img {
	display: block;
	border: 1px solid #fff;
	margin: 1em 0 1em 25px;
}

#focus blockquote {
	margin: 0 10px 1em 25px;
}

#focus a {
	display: block;
	text-align: center;
}

/*
= FOOTER: Universal page information ******************************/

#footer a {
	color: #8ba064;
	text-decoration: none;
}

#footer a:hover, #footer a:focus {
	text-decoration: underline;
}

#footer p, #footer p a {
	margin: 10px 0;
	color: #b3b8aa;
}

#footer p.feedback {
	border-bottom: 1px solid #eef7de;
	padding-bottom: 5px;
	margin-bottom: 25px;
}

#footer p.feedback a {
	color: #ee2e23;
}

/*
= HOMEPAGE: Specific sections that only appear on the homepage ******************************/

#local {
	clear: both;
	background: #eaefe1;
	min-height: 134px;
	padding: 0 206px 0 168px;
	position: relative;
	margin-top: 100px;
}

#local img, #local span {
	position: absolute;
	top: -73px;
	left: 16px;
}

#local h2 {
	padding-top: 17px;
}

#local form {
	position: absolute;
	right: 10px;
	width: 192px;
	top: 32px;
}

#local form div {
	float: left;
}

#local label {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 86%;
	display: block;
	margin: 0 0 8px 2px;
}

#local input {
	width: 117px;
	border: 1px solid #000;
}

#content #local button {
	border: 0;
	background: #fff url(../images/local-button-bg.gif) no-repeat;
	height: 23px;
	width: 55px;
	overflow: hidden;
	margin: 20px 0 0 5px;
	cursor: pointer;  
}

#local button span {
	position: absolute;
	left: -999em;
}

#news, #jobs {
	margin-top: 2em;
}

#news ol, #jobs ol {
	margin-left: 0;
}

#news h3, #jobs h3 {
	text-transform: uppercase;
	font-weight: bold;
}

#content #news li, #content #jobs li {
	border-bottom: 1px dashed #a6b58b;
	margin-bottom: 1em;
	list-style: none;
}

#content #news li:last-child, #content #jobs li:last-child {
	border-bottom-width: 0;
}

p.byline {
	text-align: right;
	font-family: "Courier New", Courier, monospace;
}

p.byline a {
	font-weight: bold;
}

/*
= OTHER PAGE-SPECIFIC CONTENT ******************************/

#register {
	height: 59px;
	background: url(../images/register-bg.gif) repeat-x 0 100%;
	position: relative;
	margin-top: 3em;
	clear: right;
}

#register p {
	background: url(../images/register-left.gif) no-repeat;
	height: 49px;
	padding: 10px 39px 0;
	color: #8ba064;
}

#register ul {
	position: absolute;
	bottom: 10px;
	left: 30px;
	margin: 0;
}

#content #register li {
	float: left;
	list-style: none;
	margin-left: 9px;
	padding-right: 8px;
	border-right: 1px solid #000;
}

#content #register li:last-child, #content #register li.last-child {
	border: 0;
}

#register div {
	width: 25px;
	height: 54px;
	position: absolute;
	background: url(../images/register-right.gif);
	right: 0;
	bottom: 0;
}

ul#region-view {
	margin-left: 0;
}

ul#region-view li {
	background: #EAEFE1;
	margin: 0 0 10px;
	padding: 10px;
	list-style: none;
}

ul#region-view h3 {
	font-weight: bold;
	font-size: 1.2em;
}

ul#region-view p {
	margin: 0;
}

#ebay li {
	margin: 3em 1em;
	clear: left;
	line-height: 2em;
}
#ebay li img {
	float: left;
	margin: 0 10px 1em 0;
	border: 5px solid #CBD5B9;
	border-width: 0 5px 5px 0;
	padding: 0 5px 5px 0;
}
#ebay li span {
	font-weight: bold;
	padding: 0.4em 0.4em 0.4em 0.8em;
	border: 1px solid #eee;
	border-width: 0 0 0 1px;
}
#ebay a.ebayitemtitle {
	position: relative;
	top: -0.5em;
	font-weight: bold;
}

#communities ul li {
	margin: 1em 0;
}

#communities h3 {
	margin: 1em 0;
	font-weight: bold;
}

#communities ul ul li {
	border: 0;
	margin: 0;
	width: 40%;
}

/*
= FORMS: Form elements ******************************/

#content form {
	margin: 0 0 1em;
}

#content form legend {
	display: none;
}

#content form .check legend {
	display: block;
	font-weight: bold;
	margin-bottom: 1em;
}

#content form ol {
	margin-left: 0;
}

#content form li {
	margin: 0 0 2em;
	list-style: none;
	position: relative;
}

label {
	display: block;
}

.check label {
	display: inline;
}

#content form .check li {
	margin: 0 1em 1em 0;
	float: left;
}

#content form button {
	border: 1px solid #8b9f64;
	padding: 2px 10px;
	background: #eaefe1 url(../images/button-bg.png) repeat-x 0 100%;
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 1.2em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.required {
	color: #0a0;
	font-style: normal;
}

.error {
	color: #d00;
	font-size: 0.833em;
	position: absolute;
	left: 0;
	top: 3.5em;
}

label.textarea .error {
	top: 150px;
}

#content form textarea {
	height: 125px;
}

fieldset.submit {
	background: #eaefe1;
	border-top: 1px solid #8b9f64;
	padding: 10px;
}

/*
= POPUPS */

.popup {
	background: #eaefe1;
}

.popup h1 {
	margin: 0;
	font-size: 171%;
	padding: 10px;
	color: #fff;
	background: #8BA064;
}

.popup p {
	padding: 5px 10px;
	color: #fff;
	background: #536D20;
	font-weight: bold;
}

.popup form {
	margin: 0;
	padding-top: 1em;
	background: #fff;
}

.popup  form legend {
	display: none;
}

.popup  form ol {
	margin-left: 10px;
}

.popup form li {
	margin: 0 0 2em;
	list-style: none;
	position: relative;
}

.popup form button {
	border: 1px solid #8b9f64;
	padding: 2px 10px;
	background: #eaefe1 url(../images/button-bg.png) repeat-x 0 100%;
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 1.2em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.popup form textarea {
	height: 125px;
}

.popup fieldset.submit {
	height: 1000px;
}

.popup p.info {
	background: none;
	font-weight: normal;
	color: #000;
	padding: 0;
	margin-bottom: 1em;
}


/* Newly added by Andy S */

p.newsarchive {
	padding-top: 2.5em;	
	text-transform: uppercase;
}
.caps {
	text-transform: uppercase;
}
h3.commlisting {
	border-top: 1px solid #EAEFE1;
	padding-top: 0.5em;
	font-size: larger;
	margin-top: 1em;
	text-transform: uppercase;
}
.green {
	color: #8BA064;	
}
p.commlisticon {
	float: right;
	clear: right;
	width: 130px;	
	line-height: 1.6em;
	color: #536D20;
	border: 1px solid #8BA064;
	background-color: #DEECC4;
	padding: 0;
	margin: 0 0 0 20px;
}
p.commlisticon img {
	border: 3px solid white;
	border-width: 2px 3px 3px 1px;
	float: left;
	margin-right: 10px;
}
ul#find li {
	margin-top: 3em;
}
#content h2 span {
	font-size: larger;
}
p.spacer {
	padding-bottom: 0.5em;
}