@charset "utf-8";

/*****************************************************

	Trefoil Guild CSS
	Created by Andrew McEwan / The Web Workshop Ltd
	
	Style CSS
	
******************************************************/

body  {
	font: 82.5% Arial, Verdana, Helvetica, sans-serif;
	background: #dbdbdb;
	color: #333333;
}

ul#accessibility {
	display:none;
	}

.trefoilLayout #container { 
	background: #FFFFFF;
	border: none;
}
 
/*	Header  */

.trefoilLayout #header { 
}

.trefoilLayout #header #ticker {
	background:#e9e9e9;
}

.trefoilLayout #header #bannerLogo {
	border:none;
	}
	
.trefoilLayout #header #headerBlockPanel,
.trefoilLayout #header #headerBlockPanel a {
	border:none;
	}

.trefoilLayout #header #bannerLogo a {
	border:none;
	}
	
.trefoilLayout #header ul#primaryNavigation {
	background-color:#234b6f !important;
	background-image:url(../img/backgrounds/primary-navigation.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	}

.trefoilLayout #header ul#primaryNavigation li a {
	text-transform:uppercase;
	padding-right:6px;
	padding-left:6px;
	border-right:1px solid #fff;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:0.7em;
	}
	
.trefoilLayout #header ul#primaryNavigation li a:hover {
	color:#C9DBED;
	text-decoration:underline !important;
	}
	
.last a {
	border-right:none !important;
	}

.trefoilLayout #header h1 {

}

/*	Sidebars  */

.trefoilLayout #sidebar1 {
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
}

.trefoilLayout #sidebar1 h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#29537b;
	line-height:1.4em;
	font-weight:bold;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	}
	
.trefoilLayout #sidebar1 p {
	font-size:0.8em;
	line-height: 1.3em;
	padding-bottom:10px;
	}

.trefoilLayout #sidebar2 {
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
}

.trefoilLayout #sidebar3 {
	background:#999999;
	}
	
.trefoilLayout #sidebar4 {
	padding-top:0px !important;
	margin-top:0px !important;
	}

.trefoilLayout #sidebar3 h3 {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	padding:0;
	margin:0;	
	}
	
.trefoilLayout #sidebar3 p {
	font-size:0.8em;
	line-height: 1.3em;
	}
	
.trefoilLayout #sidebar4 h3 {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	color:#666666;
	padding:0;
	margin:0;	
	}

.sidebarLinks {
	padding-bottom:10px;
	background-image:url(../img/backgrounds/links-gradient.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	margin-left:-10px;
	width:220px;
	}
	
h3.sideBarLinksHeading {
	color:#ff0000 !important;
	padding-top:10px !important;
	padding-left:10px !important;
	}
	
p.sideBarLinks {
	padding-left:10px !important;
	}

ul#sisterLinks {
	list-style-type:none;
	padding-left:10px;
	}
	
ul#sisterLinks li {
	padding-bottom:10px;
	font-size:1em;
	}
	
.trefoilLayout #sidebar4 p {
	font-size:0.8em;
	line-height: 1.3em;
	padding-bottom:10px;
	}
	
.trefoilLayout #sidebar5 h3 {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	color:#666666;
	padding:0;
	margin:0;	
	}
	
/*	Top 5 Articles, Galleries, etc  */

.topFiveListings {
	padding-bottom:15px;
	}
	
div.topFiveListings h3 {
	padding-bottom:10px;
	}

ul.topFive li {
	list-style-type:none;
	font-size:0.8em;
	padding-bottom:10px;
	}

ul.topFive li a {
	color:#666666;
	text-decoration:underline;
	line-height:1.4em;
	list-style-type:none;
	}
	
ul.topFive li a:hover {
	text-decoration:none;
	}
	
/*	Info Panels  */

#infoPanelsContainer {
	background-color:#ffffff;
	width:960px;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 0px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #dbdbdb;
	border-right-color: #dbdbdb;
	border-left-color: #dbdbdb;
	}
	
.infoPanel {
	background:#fff;
	background-repeat:no-repeat;
	}
	
.infoPanel p {
	padding-left:10px;
	}

.infoPanel h4 {
	color:#FF0000;
	font-size:1.4em;
	padding-bottom:5px;
	padding-left:10px;
	}
	
	
#opinionPanel {
	background-image:url(../img/block-panels/opinion_back_003.jpg);
	}
	
#opinionPanel p {
	margin-right:150px;
	padding-bottom:10px;
	padding-left:10px;
	}
	
#regionsPanel {
	background-image:url(../img/block-panels/regions_back_002.jpg);
	}
	
#regionsPanel p {
	margin-right:150px;
	/*padding-bottom:300px;*/
	}
	
	
.regionsButton {
	border:none;
	margin-top:25px;
	margin-bottom:100px;
	margin-left:10px;
	}
	

	
#pollPanel {
	background-image:url(../img/block-panels/poll_back_002.jpg);
	}
	
ul#opinionPanelCommentsSummary {
	list-style-type:none;
	font-size:0.8em;
	padding-left:10px;
	}
	
ul#opinionPanelCommentsSummary li {
	padding-bottom:10px;
	font-weight:bold;
	}
	
p.noSpace {
	padding-bottom:0px;
	}
	
/*	Polls  */

p.pollQuestion {
	font-size:1.0em;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	}
	
form#poll {
	padding-left:10px;
	}

form#poll label {
	float:left;
	clear:left;
	padding-bottom:5px;
	}
	
form#poll input.voteButton {
	margin-top:10px;
	/*	color:#fff !important;
	background-color:#FF0000 !important;
	border:2px solid #333333 !important;
	font-size:1.2em !important;
	font-weight:bold !important;*/
	clear:left;
	float:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	}
	
form#pollPageForm {
	padding-left:10px;
	}

form#pollPageForm label {
	padding-bottom:5px;
	width:480px !important;
	}
	
form#pollPageForm input.voteButton {
	margin-top:10px;
	margin-bottom:10px;
	}
	
/*	Side Search Box  */

.searchBox {
	background-color:#999999;
	}
	
.searchBox #searchBoxContent {
	background-color:#fff;
	}
	
.searchBox #searchBoxContent h3 {
	font-size:1.4em;
	font-weight:normal;
	color:#999999;
	}
	
.searchBox #searchBoxContent p {
	line-height: 1.5em !important;
	padding-bottom:10px;
	color: #333333 !important;
	}
	
form#siteSearch {

	}
	
form#siteSearch label {
	line-height:1.5em;
	font-weight:bold;
	font-size:0.9em;
	font-weight:bold;
	padding-bottom:10px;
	float:left;
	}
	
form#siteSearch input {
	border:1px solid #999999;
	padding:5px !important;
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	width:175px;
	clear:left;
	}
	
input.submitButton {
	margin-top:10px;
	color:#fff !important;
	background-color:#3399CC !important;
	border:2px solid #333333 !important;
	font-size:1.2em !important;
	font-weight:bold !important;
	}
	
form#siteSearch input.noStyle {
	border:none !important;
	background-color:transparent !important;
	}
	
.searchBox p {
	color:#fff;
	}
	
.spacer {
	padding-top:10px;
	}
	
select.dropDownMenuSpacer {
	margin-left:10px;
	margin-top:10px;
	}

/*	Main Content  */

.trefoilLayout #mainContent { 

}

/*	Homepage Highlights  */

#highlights {
	background: #e9e9e9;
	display:block;
	}
	
#highlights .highlightBox {
	background: transparent;
	}
	
#highlights .highlightBox h4 {
	font-size:1.4em;
	font-weight:bold;
	color:#336699;
	padding-bottom:5px;
	}
	
#highlights .highlightBox h4 a {
	color:#336699;
	text-decoration:none;
	}
	
#highlights .highlightBox h4 a:hover {
	text-decoration:underline;
	}
	
#highlights .highlightBox ul {
	font-size:0.8em;
	}
	
#highlights .highlightBox ul li {
	line-height:1.4em;
	list-style-position:outside !important;
	list-style-type:none !important;
	padding-bottom:5px;
	}
	
#highlights .highlightBox ul li a {
	text-decoration:none;
	color:#333333;
	}
	
#highlights .highlightBox ul li a:visited {
	text-decoration:none;
	color:#666666;
	}
	
#highlights .highlightBox ul li a:hover {
	text-decoration:underline;
	color:#333333;
	}
	
/***********************************************

	General Styles
	
************************************************/

h2.genericHeading {
	font-size:1.0em;
	line-height:1.4em;
	padding-bottom:10px;
	}
	
h2.pageHeading {
	font-size:1.4em;
	line-height:1.4em;
	padding-bottom:25px;
	margin-top:-5px;
	}
	
h3.genericHeading {
	font-size:1.0em;
	line-height:1.2em;
	padding-bottom:10px;
	}
	
ul.genericList,
ol.genericList {
	padding-bottom:15px;
	padding-left: 50px;
	}
	
ul.genericList li,
ol.genericList li {
	font-size:0.8em;
	line-height:1.4em;
	}
	
ol#terms {
	font-size:0.8em;
	padding-left:50px;
	}
	
ol#terms li {
	padding-bottom:10px;
	}
	
div#mainContentTextBody {
	padding-left:40px;
	padding-right:40px;
	}
	
p {
	padding-bottom:15px;
	line-height:1.4em;
	font-size:0.8em;
	}
	
.lastItem {
	padding-bottom:20px;
	}
	
.topGap {
	padding-top:20px;
	}
	
.createSpace {
	padding-bottom:50px;
	}
	
p.lastPara {
	padding-bottom:0px !important;
	}

/**************************************

	History
	
***************************************/

dl#history dt {
	font-weight:bold;
	font-size:1.0em;
	padding-bottom:5px;
	width:75px;
	float:left;
	text-align:right;
	}
	
dl#history dd {
	line-height:1.4em;
	font-size:0.8em;
	padding-left:20px;
	padding-bottom:15px;
	width:325px;
	float:left;
	}
	
.downloadWord a {
	background-color:#fff;
	background-image:url(../img/icons/icon_word_001.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	border:0px;
	color:#006699;
	font-weight:bold;
	text-align:left;
	margin-bottom:0px;
	margin-left:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 35px;
	line-height:15px;
	text-decoration:none;
	}

.downloadWord a:hover {
	text-decoration:underline;
	}
	
.downloadPDF a {
	background-color:#fff;
	background-image:url(../img/icons/icon_pdf_001.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	border:0px;
	color:#993399;
	font-weight:bold;
	text-align:left;
	margin-bottom:0px;
	margin-left:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 35px;
	line-height:15px;
	text-decoration:none;
	}
	
.downloadPDF a:hover {
	text-decoration:underline;
	}
	

	
/**************************************

	Forms
	
***************************************/

dl#forms {
	padding-left:100px;
	width:300px;
	}

dl#forms dt {
	font-weight:bold;
	font-size:1.0em;
	padding-bottom:5px;
	}
	
dl#forms dt.subheading {
	font-size:0.8em !important;
	}
	
dl#forms dd {
	line-height:1.2em;
	font-size:0.8em;
	padding-left:20px;
	padding-bottom:15px;
	}
	
dl#forms dd p {
	font-size:1em;
	}

ul.formList {
	padding-left:30px;
	font-size:1em;
	}

/************/
/*	Footer  */

.trefoilLayout #footer { 
	background:#DDDDDD;
/*	border-top:1px solid #333333;*/
	padding-bottom:10px;
	clear:both;
} 

.trefoilLayout #footer h4 {
	color:#333333;
	font-size:1.4em;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	}

	
#footerPanelsContainer {
	width:960px;
	/*padding:10px;*/
	background:#fff;
	margin-bottom:10px;
	}
	
.footerPanel {
	width:209px;
	height:125px;
	padding:10px;
	background-color:#fff;
	float:left;
	border-right:1px solid #333333;
	}
	
	
.footerPanel h5 {
	color:#333333;
	font-size:1.0em;
	font-weight:bold;
	padding-bottom:10px;
	}
	
.lastFooterPanel {
	border-right:none !important;
	}
	
ul.footerRegionalLinks {
	width:90px;
	padding-right:5px;
	float:left;
	list-style-type:none;
	font-size:0.8em;
	}

ul.footerRegionalLinks li a {
	list-style-type:none;
	color:#333333;
	text-decoration:none;
	line-height:1.4em;
	}
	
ul.footerRegionalLinks li a:hover {
	text-decoration:underline;
	}
	
ul.footerNavigation {
	list-style-type:none;
	}
	
ul.footerNavigation li a {
	color:#333333;
	text-decoration:none;
	padding-bottom:10px;
	font-size:0.8em;
	font-weight:bold;
	}
	
ul.footerNavigation li a:visited {
	color:#666666;
	}
	
ul.footerNavigation li a:hover {
	text-decoration:underline;
	}

.trefoilLayout #footer p {

}

.trefoilLayout #footer #footerContact {
	background-color:#666666;
	background-image:url(../img/backgrounds/greylogo.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	color:#fff;
	height:75px;
	width: 960px;
	text-align:right;
	}
	
.trefoilLayout #footer #footerContact p {
	padding-right:10px;
	font-size:0.8em;
	}
	
p.siteCredits {
	color:#CCCCCC;
	font-size:0.7em;	
	}
	
p.siteCredits a {
	color:#CCCCCC;
	text-decoration:none;
	}
	
p.siteCredits a:hover {
	text-decoration:underline;
	}

	
/*********************************************

	End Footer
	
**********************************************/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

}

.fltlft { /* this class can be used to float an element left in your page */

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
}

.divider {
	background:#cccccc;
	color:#FFFFFF;
	font-size:1.4em;
	text-align:center;
	}

.clearHeading {
	clear:both;
	}

	
/*********************************************

	Contact Us Form
	
**********************************************/

form#contactUs {
}

form#contactUs label {
width:500px;
padding-bottom:5px;
font-size:0.8em;
display:block;
}

form#contactUs input {
	padding:5px;
	border:1px solid #666666;
	margin-bottom:15px;
	width:300px;
	}
	
form#contactUs textarea {
	padding:5px;
	border:1px solid #666666;
	margin-bottom:15px;
	width:300px;
	}
	
p.emailAddress a {
	color:#333333;
	text-decoration:underline;
	}
	
p.emailAddress a:hover {
	text-decoration:none;
	}
	
/*	Other styles  */

#sidebar1 p a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	}
	
#sidebar1 p a:hover {
	text-decoration:underline;
	}
	
.highlightedLink a {
	color:#FF0000;
	font-weight:bold;
	text-decoration:none;
	}
	
.highlightedLink a:hover {
	text-decoration:underline;
	}
	
ul.sideBarList {
	font-size:0.8em;
	padding-left:20px;
	}
	
ul.sideBarList li {
	line-height:1.6em;
	}
	
dl.sideBarList {
	font-size:0.8em;
	}
	
dl.sideBarList dt {
	font-weight:bold;
	padding-bottom:3px;
	}
	
dl.sideBarList dd {
	padding-bottom:5px;
	}
	
p.returnLink {
	font-weight:bold;
	}
	
p.returnLink a {
	color:#333333;
	text-decoration:none;
	}
	
p.returnLink a:hover {
	text-decoration:underline;
	}
	
/*	Resources  */

h3.resources {
font-size: 1.2em;
font-weight: bold;
padding-top: 10px;
padding-bottom: 5px;
width: 300px;
border-bottom:3px solid #CCCCCC;
}

ul.resources {
	list-style-type:none;
	padding:0 0 20px !important;
	margin:0 !important;
	}
	
ul.resources li {
	list-style-type:none;
	padding-bottom:0px;
	padding-top:10px;
	width:300px;
	}
	
ul.resources li h4 a {
	font-weight:bold;
	font-size:0.9em;
	color:#333333;
	}
	
ul.resources li p {
	font-size:0.8em !important;
	}
	
ul.forceBullet li {
	list-style-type:disc !important;
	}
	
/*	Celebrate Links  */

ul#celebrateLinks {
	width:520px;
	padding-bottom:15px;
	height:138px;
	margin-top:-20px;
	}
	
ul#celebrateLinks li {
	list-style:none;
	float:left;
	padding-right:9px;
	}
	
ul#celebrateLinks li a img {
	border:none;
	}
	
ul#celebrateLinks li.lastCelebrateLink {
	padding-right:0px !important;
	}
	
p.celebrateLinks {
	text-align:center;
	color:#FF0000;
	padding-bottom:20px;
	font-weight:bold;
	}
	
/*	Other Links  */

p.articleLink a {
	background-color:#fff;
	background-image:url(../img/icons/icon_web_001.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	border:0px;
	color:#61992c;
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;
	margin-left:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 35px;
	line-height:15px;
	text-decoration:none;
	font-size:1.2em;
	}

p.articleLink a:hover {
	text-decoration:underline;
	}
	
p.articleAudio a {
	background-color:#fff;
	background-image:url(../img/icons/icon_web_001.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	border:0px;
	color:#61992c;
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;
	margin-left:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 35px;
	line-height:15px;
	text-decoration:none;
	font-size:1.2em;
	}

p.articleAudio a:hover {
	text-decoration:underline;
	}
	
ol#downloadInstructions {
	font-size:0.8em;
	list-style-position:outside;
	padding-left:50px;
	padding-bottom:20px;
	}
	
.reduceGap {
	margin-top:-20px !important;
	}
	
.reduceGapSmaller {
	margin-top:-10px !important;
	}
	
/*	Gallery Listings  */

ul.galleryListing {
	list-style-type:none;
	}
	
ul.galleryListing li {
	float:left;
	width:90px;
	padding-right:13px;
	}
	
ul.galleryListing li h3 {
	font-size:0.8em;
	font-weight:bold;
	padding-bottom:5px;
	}
	
ul.galleryListing li p {
	line-height:1.2em;
	}
	
ul.galleryListing li h3 a {
	color:#333333;
	text-decoration:underline;
	}
	
ul.galleryListing li h3 a:hover {
	text-decoration:none;
	}
	
ul.galleryListing li.newLine {
	width:500px;
	height:1px;
	}
	
/*	Gallery Listings Square */

ul.galleryListingSquare {
	list-style-type:none;
	}
	
ul.galleryListingSquare li {
	float:left;
	width:90px;
	padding-right:13px;
	}
	
div.galleryImage {
	width:90px;
	height:90px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	display:block;
	}
	
ul.galleryListingSquare li h3 {
	font-size:0.8em;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	}
	
ul.galleryListingSquare li p {
	line-height:1.2em;
	}
	
ul.galleryListingSquare li h3 a {
	color:#333333;
	text-decoration:underline;
	}
	
ul.galleryListingSquare li h3 a:hover {
	text-decoration:none;
	}
	
ul.galleryListingSquare li.newLine,
ul#summary li.newLine {
	width:500px;
	height:1px;
	font-size:1px;
	}
	
div.pagination {
	font-size:0.8em;
	padding-bottom:15px;
	}
	
div.pagination a {
	color:#333333;
	text-decoration:underline;
	}
	
div.pagination a:hover {
	text-decoration:none;
	}
	
span.active_link {
	background-color:#999999;
	color:#fff;
	padding:3px;
	}
	
.disabled_pagination {
	color:#999999;
	}
	
.clearLeft {
	clear:left;
	}
	
.accessibility {
	display:none;
	}
	
p#pageNotFound {
	background-color:#FF0000;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	padding:10px;
	width:500px;
	text-align:center;
	}