/* @group General styles */
/*
Harmonise v1.22
Resets styles then adds basic typographical styling
By Richard Rutter, clearleft.com
*/

/* @group Reset */

/* Based on http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}

ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

/* tables may still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end Reset */



a:link, 
button.link span {
	color: #2B9FCC;
	text-decoration: underline;
}
a:visited {
	color: #1057ae;
	text-decoration: underline;
}

a:hover, 
a:focus,
button.link:hover,
button.link:focus span {
	color: #FFFFFF; 
	text-decoration: none;
	background-color: #2B9FCC;
}

a:active, 
button.link:active span {
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: #2B9FCC; 
}


a.img:visited, a.img:link  {
	background-color: transparent;
	text-decoration: none;
}

a.img:active,  a.img:hover  {
	background-color: transparent;
	text-decoration: none;
}

/* @group Font sizes and margins*/

p, ul, ol, dl, address, table, pre, fieldset {
	margin-bottom: 1.385em; /* 18px */
}

/* basic font sizes */


/* @end Font Sizes and Margins */


/* @group Headings */

h1, h2 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight:200;
}

h1 {
	padding-top:0.2em;	   /* 8px */
	padding-bottom: 0.4em;
	font-size: 2.714em;   /* 45px */
	line-height: 1.125em;  /* 40px */
	color: #FFA222;
	/*text-transform: lowercase;*/
	line-height: 1;
	/*border-bottom: 5px solid #F9EACA;
	background-color:#F8F2DD;*/
	margin-right: 170px;
	background-image: url(../img/bg/bg-h1.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}

h1 strong {
	color: #9F5100;
	display: block;
	font-weight: lighter;
}

h1.editorial {
	text-transform: inherit;
}

h1.editorial:first-line {
	color: #9F5100;
}

.news h1 {
	background-image: none;
}

h2 {
	padding-top: 0em;	   /* 27px */
	margin-bottom: 0.5em;  /* 9px */	
	font-size: 1.9143em;   /* 30px */ 
	color: #C36400;
	line-height: 1.333;
}

h2 strong {
	font-weight:lighter;
	color: #FFA222;
}

h3 {
	/*margin-top:1.6em;*/
	margin-bottom: 0.5625em; /* 9px */	
	font-size: 1.143em;     /* 16px */ 
	line-height:1.2;
}

h4,
h5,
h6 {
	margin-top:1.286em;	   /* 18px */
	margin-bottom: 0.643em; /* 9px */
	font-size: 1em;   /* 14px */
	font-weight: bold;
}

/* @end Headings */


/* @group Lists */

ul ul, ol ol, ol ul, ul ol {
	margin-bottom: 0;
}

.prose ul, ul.xoxo, ul.xoxo ul {
/* unordered lists more often DON'T require bullets except in extended bits of writing. Where bullets are required apply the .prose class to a container, or apply directly with .xoxo */
	list-style-type: none;
	margin-left: 1.385em; /* 18px */
}

.prose ol li {
	margin-left: 1.385em;
}

.prose ul li,
ul.xoxo li,
ul.xoxo ul li {
/* unordered lists more often DON'T require bullets except in extended bits of writing. Where bullets are required apply the .prose class to a container, or apply directly with .xoxo */
	list-style-type: none;
	background-image: url(../img/icons/bullet-on-white.gif);
	background-repeat: no-repeat;
	background-position:0 0.5em;
	padding-left: 20px;
}

.tertiary .prose ul li,
.tertiary ul.xoxo li,
.tertiary ul.xoxo ul li {
	background-image: url(../img/icons/bullet-sidebar.gif);
}

ol {	/* ordered lists usually DO require (numbered) bullets */
	list-style-type: decimal;
	margin-left: 1.385em; /* 27px */
}

.prose ol {
/* unordered lists more often DON'T require bullets except in extended bits of writing. Where bullets are required apply the .prose class to a container, or apply directly with .xoxo */
	margin-left: 1.385em; /* 18px */
}

dt {
	font-weight: bold;
	margin-top: 1.385em; /* 18px */
}

/* @end Lists */



/* @group Blockquotes */

blockquote {
	font-style: italic;
	margin:0  0  1.385em 0; /* 18px */
	background-image: url(../img/icons/quote2-white.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-right: 25px;
	font-family: "Times New Roman" serif;
	font-size: 1.15em;
}

blockquote p:first-child {
	text-indent: 25px;
	background-image: url(../img/icons/quote1-white.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

p+blockquote {
	margin-top: 1.385em;
}

blockquote cite, blockquote em {
	font-style: normal;
}

blockquote p {
	margin-bottom: 1em;
}

/* @end Blockquotes */
/* @group commentquotes  needs to be checked - jefft */                                                                                                                                                                                                               

.commentquote {         
	margin:0  0  1.385em 0; /* 18px */                                                                                                                                                                                               
	background-image: url(../img/icons/quote2-white.gif);                                                                                                                                                                            
	background-position: bottom right;                                                                                                                                                                                               
	background-repeat: no-repeat;                                                                                                                                                                                                    
	padding-right: 25px;                                                                                                                                                                                                             
	font-family: "Times New Roman" serif;                                                                                                                                                                                            
	font-size: 1.15em;                                                                                                                                                                                                               
  }                                                                                                                                                                                                                                        

.commentquote p:first-child {                                                                                                                                                                                                             
	text-indent: 25px;                                                                                                                                                                                                               
	background-image: url(../img/icons/quote1-white.gif);                                                                                                                                                                            
	background-position: top left;                                                                                                                                                                                                   
	background-repeat: no-repeat;                                                                                                                                                                                                    
  }                                                                                                                                                                                                                                        

.p + commentquote {                                                                                                                                                                                                                         
	margin-top: 1.385em;                                                                                                                                                                                                             
}                                                                                                                                                                                                                                        

.commentquote cite, commentquote em {                                                                                                                                                                                                     
	font-style: normal;
}

.commentquote p {                                                                                                                                                                                                                         
	margin-bottom: 1em;                                                                                                                                                                                                              
}

  /* @end commentquotes */


/* @group Other styling */

address {
	font-style: normal;
}

pre, code, kbd, tt, samp, tt {
	font-family: "andale mono", monospace;
}

pre {
	border-top: 5px solid #E2EAF4;
	border-bottom: 5px solid #E2EAF4;
	padding: 1em 0;
	white-space:normal;
}

code, samp, kbd {
	background-color: #E2EAF4;
	margin: 0 0.2em;
	padding: 0 0.2em;
}

sub {
	vertical-align: sub;
	font-size: 0.7em;
	line-height: 1;
}

sup {
	vertical-align: super;
	font-size: 0.7em;
	line-height: 1;
}

ins {
	text-decoration: underline;
}

del {
	text-decoration: line-through;
}

/* @end Other Styling */


/* @end General Styles */

/* @group Helper styles */

/* @group Inline Images */

.pull-left {
	float: left;
	margin: 0.3em 1em 1em 0;
	display: inline;
}

.pull-right {
	float: right;
	margin: 0.3em 0 1em 1em;
	display: inline;
}

/* @end Inline Images */

/* @group Forms */


form {
	margin-bottom: 1.125em; /* 18px */
}

/* @group Containers */

form .form-container {
	margin-bottom: 1.385em; /* 18px */
}

form .captcha-container img {
	margin: 0.5em 0 0.5em 0;
	display: block;
}

.button-container {
	clear: both;
}


/* @group Fieldsets */

fieldset {
	border: 1px solid #ccc;
	padding: 0 1.385em 0.692em 1.385em; /* 9px 18px 0 18px */
}

legend {
	font-weight: bold;
}

form fieldset .form-container {
	margin-top: 1.385em; /* 18px */
	margin-bottom:0;
	position: relative;
	top: -0.692em; /* fudge to deal with IE fieldset margin/padding */
}

/* @end Fieldsets */

/* @end Containers */

/* @group Labels */

label {
	font-weight: bold;
	cursor: pointer;
}

.meta-label {
	font-weight: bold;
	margin-bottom: 0;
}

.select-container label,
.textarea-container label,
.text-container label,
.multi-container label, 
.radio-container label, 
.captcha-container label, 
.checkbox-container label,
.password-container label {
	font-weight: normal;
}

.select-container label,
.textarea-container label,
.text-container label,
.radio-container label, 
.captcha-container label, 
.checkbox-container label,
.password-container label {
	display: block;
	margin-bottom: 0.2em;
	
}

.compact label {
	display: inline;
}

/* @end Labels */

/* @group Meta */

form .help {
	display: block;
	color: #777;
	font-style: normal;
	font-size: 0.846em; /* 11px */
}

form .error {
	color: red;
}
form .error label em,
form .error em,
form em.error {
	font-weight: bold;
	display: block;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
}

form label span {
	/*display: inline-table;
	text-indent:-9999px;
	outline:0;
	background: url(../img/icons/required.gif) no-repeat right 3px;
	width:6px;
	height:12px;*/
	color:red;
}

form .error input,
form .error input:focus,
form .error select,
form .error select:focus,
form .error textarea:focus, 
form .error textarea {
	border: 2px solid red;
}

/* @end Meta */

/* @group Form controls */

input, textarea, select, button {
	font-family: inherit;
	font-size: 1em;
	color: #474747;
}

select {
	background-color: #FFFFFF;
}

textarea,
input[type='text'], 
input[type='password'],
select,
.text-container input {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 0 1px 1px 1px;
}

textarea:focus,
input[type='text']:focus, 
input[type='password']:focus,
select:focus {
	border-color: #888;
	outline: 2px solid #ffffaa;
}

input.short {
	width: 4em;
}

input.medium, textarea.medium {
	width: 12em;
}

input.long, textarea.long {
	width: 30em;
}

textarea {
	width: 99%;
	display: block;
}

.button-container input {
	font-weight: bold;
}

.button-container input.cancel {
	font-weight: normal;
}

button {
	border: 0;
	padding: 0;
	font-weight: normal;
	cursor: pointer;
	width: auto;
	overflow: visible;
}

button.link {
	background-color: #fff;
}

/* accessability feature, resize check and radio inputs */
.radio-container input, 
.checkbox-container input {
	width: 1em;
	height: 1em;
	margin-right: 0.5em;
	position: relative;
	top: 2px;
}

.text-container input, 
.password-container input, 
.captcha-container input {
	padding: 0.3em;
}

/* @end Form Controls */

/* @end Forms */

/* @group Link BG styles */

.download:link,
.download:visited,
.download:hover,
.download:focus,
.download:active{
	background-image: url(../img/icons/vcard.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left: 25px;
}

.email:link,
.email:visited,
.email:hover,
.email:focus,
.email:active{
	background-image: url(../img/icons/email.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left: 25px;
} 

.receptical .pdf:link,
.receptical .pdf:visited,
.receptical .pdf:hover,
.receptical .pdf:focus,
.receptical .pdf:active {
	background-image: url(../img/icons/download_pdf.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .rar:link,
.receptical .rar:visited,
.receptical .rar:hover,
.receptical .rar:focus,
.receptical .rar:active {
	background-image: url(../img/icons/download_zip.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .kml:link,
.receptical .kml:visited,
.receptical .kml:hover,
.receptical .kml:focus,
.receptical .kml:active {
	background-image: url(../img/icons/download_world.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .avi:link,
.receptical .avi:visited,
.receptical .avi:hover,
.receptical .avi:focus,
.receptical .avi:active {
	background-image: url(../img/icons/download_video.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .mpg:link,
.receptical .mpg:visited,
.receptical .mpg:hover,
.receptical .mpg:focus,
.receptical .mpg:active {
	background-image: url(../img/icons/download_video.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .rtf:link,
.receptical .rtf:visited,
.receptical .rtf:hover,
.receptical .rtf:focus,
.receptical .rtf:active {
	background-image: url(../img/icons/download_page.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .txt:link,
.receptical .txt:visited,
.receptical .txt:hover,
.receptical .txt:focus,
.receptical .txt:active {
	background-image: url(../img/icons/download_page.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .ppt:link,
.receptical .ppt:visited,
.receptical .ppt:hover,
.receptical .ppt:focus,
.receptical .ppt:active {
	background-image: url(../img/icons/download_powerpoint.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .csv:link,
.receptical .csv:visited,
.receptical .csv:hover,
.receptical .csv:focus,
.receptical .csv:active {
	background-image: url(../img/icons/download_page.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .xls:link,
.receptical .xls:visited,
.receptical .xls:hover,
.receptical .xls:focus,
.receptical .xls:active {
	background-image: url(../img/icons/download_excel.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .m4u:link,
.receptical .m4u:visited,
.receptical .m4u:hover,
.receptical .m4u:focus,
.receptical .m4u:active {
	background-image: url(../img/icons/download_video.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .ogg:link,
.receptical .ogg:visited,
.receptical .ogg:hover,
.receptical .ogg:focus,
.receptical .ogg:active {
	background-image: url(../img/icons/download_audio.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .mp3:link,
.receptical .mp3:visited,
.receptical .mp3:hover,
.receptical .mp3:focus,
.receptical .mp3:active {
	background-image: url(../img/icons/download_audio.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .zip:link,
.receptical .zip:visited,
.receptical .zip:hover,
.receptical .zip:focus,
.receptical .zip:active {
	background-image: url(../img/icons/download_zip.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .swf:link,
.receptical .swf:visited,
.receptical .swf:hover,
.receptical .swf:focus,
.receptical .swf:active {
	background-image: url(../img/icons/download_swf.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .doc:link,
.receptical .doc:visited,
.receptical .doc:hover,
.receptical .doc:focus,
.receptical .doc:active {
	background-image: url(../img/icons/download_word.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .gif:link,
.receptical .gif:visited,
.receptical .gif:hover,
.receptical .gif:focus,
.receptical .gif:active {
	background-image: url(../img/icons/download_picture.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .png:link,
.receptical .png:visited,
.receptical .png:hover,
.receptical .png:focus,
.receptical .png:active {
	background-image: url(../img/icons/download_picture.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.receptical .jpg:link,
.receptical .jpg:visited,
.receptical .jpg:hover,
.receptical .jpg:focus,
.receptical .jpg:active {
	background-image: url(../img/icons/download_picture.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
/*
.prose a[href^="http://"]:not([href*="panda.org"]),
.highlight a[href^="http://"]:not([href*="panda.org"]) {
	background-image:url('http://assets.panda.org/img/original/external_icon.gif');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 12px;
}
*/
.rss,
.rss:link,
.rss:visited,
.rss:hover,
.rss:focus,
.rss:active {
	background-image: url(../img/icons/rss.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}

span.rss {
	margin-left: 10px;
}


/* @end Link BG Styles*/

.copyright {
	color: #A9A9A9;
}

.size {
	color: #838075;
	font-size: 0.8571em;
}

/* p.intro, 
.intro p {
	margin-top: 1.385em;
}
*/

.intro {
	font-weight: bold;
}

.readmore, 
a.readmore:link,
a.readmore:visited,
a.readmore:focus,
a.readmore:hover,
a.readmore:active {
	white-space: nowrap;
	font-weight: bold;
}

.page-update {
	font-style: italic;
	border-top: 1px solid #DDDDDD;
	padding: 1em 1.4em 1em 1.4em;
	color: #9B9B9B;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	clear: both;
	margin-left: -1.429em;
	margin-bottom: 0;
	margin-right: -1.429em;
}

/* @end */

/* @group Page structure */

.receptical {
	width: 100%;
	text-align: center;
	min-width: 850px;
}

.section {
	/*width: 80%;*/
	max-width: 90em;
	margin: 0 auto;
	text-align: left;
	width: 900px;
}

.article {
	margin: 0px 20px;
	clear: both;
}

.prose {
	padding-left:1.429em;
	padding-right:1.429em;
}

.secondary .prose {
	padding-left: 12px;
	padding-right: 12px;
}
/* @group Header */

.header {
	background-image: url(../img/site-images/header_tiger.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #000000;
}

/* @group Header Band */

.header .receptical {
	background-image: url(../img/bg/transparent_black.png);
	background-position: top left;
	background-repeat: repeat;
	color: #FFFFFF;
}

.header .article {
	position: relative;
	padding: 1px 0 0 0;
	z-index: 2;
}

	
.header .receptical .article {
	font-size: 0.857em;
	position: relative;
	z-index: 5;
}

/* @group Auxilary navigation */

.auxiliary {
	position: absolute;
	top: 20px;
	right: 0;
	display: inline;
	text-align: right;
}

.auxiliary li {
	display: inline;
	text-align: right;
	margin-left: 20px;
}

.auxiliary a:link,
.auxiliary a:visited,
.auxiliary a:hover,
.auxiliary a:focus,
.auxiliary a:active  {
	color: #B8B3AA;
	background-color: none;
	text-decoration: none;
	padding: 3px 5px;
}

.auxiliary strong a:link,
.auxiliary strong a:visited,
.auxiliary strong a:hover,
.auxiliary strong a:focus,
.auxiliary strong a:active  {
	color: #FFFFFF;
}

.auxiliary a:hover,
.auxiliary a:focus,
.auxiliary a:active {
	color: #FFFFFF;
	background-color: #000000;
}

/* @end Auxilary Navigation */

/* @group Browse other sites */

.browse {
	margin: 0 0 0 120px;
	padding: 20px 0;
	color: #B8B3AA;
}

.browse p {
	margin: 0;
}

.browse select {
	margin: 0 0.5em;
}

.browse label {
	font-weight: normal;
}

.browse button {
	background-color: #000000;
	color: #FFFFFF;
	margin-left:0.5em;
	padding: 0.2em 0.3em;
	position: relative;
	top: 2px;
}

/* @group JS version */

.hasJS .browse label {
	cursor: default;
}

.browse .currentSite {
	background-color: black;
	padding: 0.3em 20px 0.4em 0.5em;
	margin: 0 0.5em;
	cursor: pointer;
	background-image: url(../img/icons/arrow-down.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}

.browseDropdown {
	background-color: black;
	position: absolute;
	left: 0;
	width: 620px;
	padding: 1.429em 0 1.429em 1.429em;
	min-height: 150px;
	z-index: 5;
	background-image: url(../img/icons/wwf-small.png);
	background-position: 1.429em 1.429em;
	background-repeat: no-repeat;
}

.browseDropdown ul {
	float: left;
	width: 140px;
	display: inline;
	font-size: 1em;
	line-height: 1.25;
	color: #CCCCCC;
	margin: 0;
	padding: 0;
}

.browseDropdown ul li {
	margin: 0;
	padding: 0;
}

.browseDropdown ul.first {
	padding-left: 20px;
	border-left: 1px solid #333333;
	margin-left: 170px;
}

.browseDropdown a.close {
	background-image: url(../img/icons/close.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: -10px;
	right: -10px;
	text-indent: -5000px;
	width: 28px;
	height: 28px;
	display: block;
	cursor: pointer;
}

.browseDropdown a:link.close,
.browseDropdown a:visited.close,
.browseDropdown a:hover.close,
.browseDropdown a:focus.close,
.browseDropdown a:active.close {
	background-color: transparent;
}

.browseDropdown a:link,
.browseDropdown a:visited,
.browseDropdown a:hover,
.browseDropdown a:focus,
.browseDropdown a:active {	
	color: #CCCCCC;
	text-decoration: none;
	background-color: black;
}
.browseDropdown a:hover,
.browseDropdown a:focus,
.browseDropdown a:active {	
	color: white;;
}

.browseDropdown .info {
	position: absolute;
	bottom:  1.429em;
	left:  1.429em;
	width: 152px;
	line-height: 1.25;
}

.browseDropdown .info p {
	margin: 1em 0 0 0;
	color: #CCCCCC;
}

/* @end */


/* @end Browse other sites */

/* @group Logo */

#logo {
	position: absolute;
	top: 0;
	left: -4px;
	width: 112px;
	height: 183px;
	z-index: 3;
	display: block;
}

#logo img {
	width: 112px;
	height: 183px;
}

#logo-img {
	width: 112px;
	height: 183px;
	background-image: url(../img/logo.png);
}

#logo:link,
#logo:visited,
#logo:hover,
#logo:focus,
#logo:active {
	background-color: transparent;
}

/* @end */

#tagline {
	left:120px;
	position:absolute;
	top:140px;
	width: 169px;
	height: 24px;
	background-image: url(../img/tagline.png);
}

/* @end Header Band */

/* @group Navigation */

.nav ol {
	list-style-type: none;
	margin: 0;
	padding: 140px 0 0 0;
	overflow: hidden;
	z-index: 1;
	width: 100%;

}

.nav li {
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
	font-size: 1.143em;
	z-index: 1;
}

.nav li a:link,
.nav li a:visited,
.nav li a:hover,
.nav li a:active,
.nav li a:focus {
	margin: 5px 5px 0 0;
	display: block;
	float: left;
	background-image: url(../img/bg/transparent_black.png);
	background-position: bottom left;
	background-repeat: repeat;
	color: white;
	padding:0.6em 0.7em;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
}

.nav li a:hover,
.nav li a:active,
.nav li a:focus {
	background-color: black;
}

.nav li a.selected:link,
.nav li a.selected:visited,
.nav li a.selected:hover,
.nav li a.selected:active,
.nav li a.selected:focus {
	background-color: #F2F0E5;
	background-image: none;
	color: #C36400;
}

.nav abbr {
	font-family: Baskerville, Bell MT, Adobe Caslon Pro, Goudy Old Style, Georgia, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 1.312em;
	position: relative;
	top: 0.1em;
	line-height: 0.2;
}

/* @end Navigation */

/* @group Search form */

form.search {
	background-image: url(../img/bg/transparent_black.png);
	position:absolute;
	right:0;
	top:30px;
	padding:0.5em 0.5em 0.5em 0.5em;
	width: 15em;
	overflow: hidden;
}

form.search input {
	padding: 0.3em 0.3em 0.45em 0.3em;
	float: left;
	width: 11.45em;
	border: none;
}

form.search input:focus {
	outline: none;
}

form.search input.search {
	background-color: #F4BB00;
	height:28px;
	width:33px;
	padding: 0;
	display: block;
	float: right;
}

/* @end */

/* @group Secondary Navigation */

.nav-secondary {
	background-color: #F2F0E5;
	background-image: url(../img/bg/nav.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	overflow: hidden;
	padding: 1em 0 0 0;
	margin-bottom: 1em;
}

.nav-secondary ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.nav-secondary ol li {
	display: inline;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.nav-secondary a:link,
.nav-secondary a:visited,
.nav-secondary a:hover,
.nav-secondary a:active,
.nav-secondary a:focus {
	display: inline;
	margin: 0;
	padding: 0.5em 0 1.2em 0;
	text-decoration: none;
	display:block;
	float: left;
	margin-right: 2.143em;
	background-color: transparent;
	background-image: none;
	color: #2F2F2F;
}

.nav-secondary .selected a:link,
.nav-secondary .selected a:visited,
.nav-secondary .selected a:hover,
.nav-secondary .selected a:active,
.nav-secondary .selected a:focus {
	font-weight: bold;
	background-image: url(../img/bg/nav_active.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.nav-secondary a:hover,
.nav-secondary a:active,
.nav-secondary a:focus {
	background-image: url(../img/bg/nav_active.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

/* @end Secondary Navigation */

/* @end Header */

/* @group Content Structure */

.secondary {
	float:left;
	width:23%;
	overflow: hidden;
}

.secondary img {
	width: 100%;
	margin: 0 auto;
	max-width: 220px;
	/*display: block;*/
}

.primary {
	float:right;
	overflow: hidden;
	width:75%;
	position:relative;
}

.container {
	width:100%;
	overflow:hidden;
	clear:both;
	
	/*background-image: url(../img/bg/faux_column.gif);
	background-position: top right;
	background-repeat: repeat-y;
	background-color: inherit;*/	
}
.tertiary-container  {
	/*background: none;*/
	overflow:hidden;
}
.full .container {
	background-color: white;
	background-image: none;
}

.content {
	display: inline;
	float: left;
	position: relative;
	width:100%;
	/*background-color: white;*/
	background-image: url(../img/bg/faux_column.gif);
	background-position: top right;
	background-repeat: repeat-y;
	padding-top: 1.5em;	
}
/*
.primary > .container:first-child > .content {
	background-image: none;
}
*/
.tertiary-container .content {
	/*margin-bottom:-100em;
	padding-bottom:100em;	*/
}
.full .content {
	margin: 0;
	position: static;
}

.content-inner {
	background-color: white;
	margin-right: 170px;
	/*padding-bottom: 1.5em;*/
	padding-bottom: 0.5em;

	/*	padding-top: 5px;*/ /* stop margins colapsing */
	/*padding-bottom: 1px;*/ /* stop margins colapsing */
}
/*
.tertiary-container .content-inner {
	
	padding-bottom: 100em;
	margin-bottom: -100em;
	border-top: 5px solid #F9EACA;
	padding-top: 1.5em;/
}

.tertiary-container h1 + .content-inner,
.tertiary-container p.meta + .content-inner {
	border-top: 5px solid #F9EACA;
}

h1 + .content-inner, p.meta + .content-inner {
	border-top: 1px solid #E3B985;
	padding-top: 1em;
}
h1 + .content-inner>.image-main:first-child,
p.meta + .content-inner>.image-main:first-child {
	border-top: 1px solid #E3B985;
}
*/

h1 + .container > .content > div.content-inner > .image-main {
	margin-top: -1.5em;
}

.news > .highlight-container > .content {
	padding-top: 0em;
}


.tertiary {
	width: 150px;
	display: inline;
	float: right;
	padding-bottom:1px;
	margin-right:-0px;
	position: relative;
	clear:both;
}

.tertiary h2 {
	margin-top: 0em;     /* 27px */
	margin-bottom: 0.5625em; /* 9px */	
	font-size: 1.143em;     /* 16px */ 
	color:#474747;
	font-weight: bold;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.tertiary ul li, .home .secondary ul li, .secondary .prominent ul li, .secondary .teaser ul li, .secondary .text-list ul li {
	padding-bottom: 0.65em;
	padding-left: 15px;
	/*font-size: 0.857em;*/
	background-image: url(../img/icons/bullet_triangle.gif);
	background-repeat: no-repeat;
	background-position: 0 0.35em;
	list-style-type: none;
	line-height: 1.2em;
}

.tertiary ol li, .secondary ol li {
	line-height: 1.2em;
	padding-bottom: 0.65em;
	margin-left: 1.385em;
}

.tertiary ul, .tertiary ol, .tertiary .pullout ol, .secondary ol, .secondary ul {
	margin: 0;
	padding: 0;
	margin-left: 1em;
}

.tertiary li span {
	font-size: 0.9em;
}

/* @end Content Structure */

/* @group Sitemap */

.sitemap {
	clear: both;
	background-color: #646158;
	border-top: 1px solid #D4CFBF;
	margin-bottom: 2em;
	position: relative;
	top: 2em;
	padding: 1.8em 0 1em 0;
	color: #FFFFFF;
}
.sitemap li {
	clear: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 0.3em;
}

.sitemap li:first-child {
	margin-bottom: 0.6em;
}
.sitemap ul ul li {
	display: inline;
	overflow: none;
	clear: none;
	width: auto;
	white-space: nowrap;
	margin: 0;
}

.sitemap strong {
	float: left;
	width: 14%;
	display: block;
	text-align: right;
	font-weight: normal;
	line-height: 1;
	margin-top: 0.15em;
}

.sitemap a:link,
.sitemap a:visited,
.sitemap a:hover,
.sitemap a:active,
.sitemap a:focus {
	color: #89D9CE;
	text-decoration: underline;
}

.sitemap a:hover,
.sitemap a:active,
.sitemap a:focus {
	color: #FFFFFF;
	background-color: transparent;
}


.sitemap strong a {
	margin-right: 0.3em;
	font-weight: bold;
}
.sitemap ul ul {
	float: right;
	width: 83%;	
	font-size: 0.857em;
}

/* @end Sitemap*/

/* @group Footer */

.footer {
	background-color: #32302C;
	color: white;
	clear: both;
	padding: 0;
}

.footer .article {
	background-image: url(../img/icons/logo_small.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 4em 0 0.2em 0;
	position: relative;
	border-top: 1px solid #32302C;
}

.footer ul li {
	display: inline;
	overflow: none;
	clear: none;
	width: auto;
	white-space: nowrap;
	margin: 0 1em 0 0;
}

.footer li {
	clear: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 0.3em;
}

.footer ul,
.footer p {
	margin: 0 0 0.2em 65px;
	font-size: 0.857em;
}

.footer p {
	margin: 0 0 1em 65px;
	font-size: 0.857em;
}

.footer a:link,
.footer a:visited,
.footer a:hover,
.footer a:focus,
.footer a:active  {
	color:#29B8D9;
}

.footer a:hover,
.footer a:focus,
.footer a:active  {
	background-color:transparent;
	text-decoration: underline;
	color: #FFFFFF;
}

/* @end Footer */
/* @end Page Structure */

/* @group Page Components */

/* @group Left hand nav (and context breadcrumbs) */

.context,
.context ol,
.context ul {
	margin: 0;
	padding: 0;
}

.context {
	margin-bottom: 2em;
}

.secondary .context li {
	margin: 0;
	padding: 0;
	background: none;
	list-style-type: none;
	line-height: 1.4em;
	margin-left: 0px;
	padding-bottom: 0px;
	
	
}

.context ul li {
	margin: 0;
	padding: 0;
	background: none;
	list-style-type: none;
}

.receptical .context ul li {
	margin-top: 1px;
}

.context a:link,
.context a:visited,
.context a:hover,
.context a:focus,
.context a:active {
	display: block;
	background-image: url(../img/icons/bullet_triangle_collapsed.png);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #666666;
	background-position:0em 50%;
}

.context li a:link,
.context li a:visited,
.context li a:hover,
.context li a:focus,
.context li a:active {
	background-color: #F5EBD2;
	padding-left:2em;
	padding-top: 0.1em;
	font-size: 0.7em;
	font-family: Verdana, Arial, Lucida Grande, sans-serif;
	text-decoration: none;
}

.context li a:hover,
.context li a:focus,
.context li a:active {
	text-decoration: underline;
}

.context ol li a:link,
.context ol li a:visited,
.context ol li a:hover,
.context ol li a:focus, 
.context ol li a:active {
	background-color: #F3E4C6;
}

.context ol ol li a:link,
.context ol ol li a:visited,
.context ol ol li a:hover,
.context ol ol li a:focus, 
.context ol ol li a:active {
	background-color: #F0DDBC;
}

.context ol ol ol li a:link, 
.context ol ol ol li a:visited, 
.context ol ol ol li a:hover, 
.context ol ol ol li a:focus, 
.context ol ol ol li a:active {
	background-color: #EDD6B1;
}

.context ol ol ol ol li a:link,
.context ol ol ol ol li a:visited,
.context ol ol ol ol li a:hover,
.context ol ol ol ol li a:focus,
.context ol ol ol ol li a:active {
	background-color: #EBCEA6;
}

.receptical .context a:link,
.receptical .context a:visited
.receptical .context a:hover,
.receptical .context a:focus,
.receptical .context a:active {
	text-decoration: none;
}
.receptical .context a:hover,
.receptical .context a:focus,
.receptical .context a:active {
	text-decoration: underline;
}
.receptical .context {
	margin:0 0 3em;
	padding: 0;
}

.receptical .context li strong a:link,
.receptical .context li strong a:visited,
.receptical .context li strong a:hover,
.receptical .context li strong a:focus,
.receptical .context li strong a:active {
	background-color: #C36400;
	background-image:none;
	color: #FFFFFF;
	font-size: 1.571em;
	padding:0.4em;
	font-weight: lighter;
	text-shadow: 1px 1px 1px #666666;
	margin-top:1px;
}

.receptical .context ul li a:link,
.receptical .context ul li a:visited,
.receptical .context ul li a:hover,
.receptical .context ul li a:focus,
.receptical .context ul li a:active {
	background-color: #E9E4D1;
	padding:0.3em 0.5em 0.3em 2em;
	background-image: url(../img/icons/bullet-on-white.gif);
	background-position:0.7em 50%;
	font-size: 1em;
	font-weight:bold;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	display: block;
}

.receptical .context ul li a:hover,
.receptical .context ul li a:focus
.receptical .context ul li a:active {
	background-color: #D5D0C0;
	text-decoration: none;
}

.receptical .context ul ul li a:link,
.receptical .context ul ul li a:visited,
.receptical .context ul ul li a:hover,
.receptical .context ul ul li a:focus,
.receptical .context ul ul li a:active {
	background-color: #E9E4D1;
	padding-left: 2em;
	background-image: url(../img/icons/bullet-sidebar.gif);
	font-size: 1em;
	padding:0.3em 0.5em 0.3em 3em; 
	font-weight:lighter;
	background-position:2em 50%;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.receptical .context ul ul li a:hover,
.receptical .context ul ul li a:focus,
.receptical .context ul ul li a:active {
	background-color: #D5D0C0;
}

.receptical .context ul li.selected a:link,
.receptical .context ul li.selected a:visited,
.receptical .context ul li.selected a:hover,
.receptical .context ul li.selected a:focus,
.receptical .context ul li.selected a:active {
	background-color: #FF3315;
	color: #FFFFFF;
	background-image: url(../img/icons/bullet-sidebar-selected-large.gif);
}

.receptical .context ul li.selected ul li a:link,
.receptical .context ul li.selected ul li a:visited {
	background-color: #E9E4D1;
	color: #666666;
	background-image: url(../img/icons/bullet-sidebar.gif);
}

.receptical .context ul li.selected ul li a:hover,
.receptical .context ul li.selected ul li a:focus,
.receptical .context ul li.selected ul li a:active {
	background-color: #D5D0C0;
	color: #666666;
	background-image: url(../img/icons/bullet-sidebar.gif);
}

.receptical .context ul ul li.selected a:link,
.receptical .context ul ul li.selected a:visited,
.receptical .context ul ul li.selected a:hover,
.receptical .context ul ul li.selected a:focus,
.receptical .context ul ul li.selected a:active {
	background-color: #FF3315;
	background-image: url(../img/icons/bullet-sidebar-selected.gif);
	color: #FFFFFF;
}


/* @end Left hand navigation */

/* @group Main content components */

/* @group Steps */

ol.steps li {
	float: left;
	background-color: #EEF5F8;
	display: block;
	margin: 1.5em 0;
	width: 23%;
	background-image: url(../img/bg/arrow-out.png);
	background-repeat: no-repeat;
	background-position:right center;
}

ol.steps div {
	background-image: url(../img/bg/arrow-in.png);
	background-repeat: no-repeat;
	background-position:-1px center;
	overflow: hidden;
}

ol.steps .one div {
	background-image:none;
}

ol.steps {
	margin: 1.5em;
	width: 96%;
}

.steps h3 {
	color: #47494A;
	margin:0.5em 1em 0.2em;
}

.steps p {
	margin:0 0.2em 0.5em 1.3em;
	font-size: 0.9em;
	color: #666666;
}

ol.steps li.selected {
	background-color: #2B9FCC;
}

ol.steps li.selected h3,
ol.steps li.selected p {
	color: #FFFFFF;
}

/* @end */

/* @group Donation Schedule */


.donate {
	clear: both;
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: 100%;
}

.donate ul input{
	position: relative;
	top: 3px;
	width: 1em;
	height: 1em;
}

.donate ul {
	
	padding: 0;
}

.donate label {
	font-weight: normal;
	display: inline;
	clear: both;
}

.donate strong {
	color: #666666;
}

.donate button.next {
	background-image: url(../img/bg/buttonbg.png);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	padding: 0.5em;
	background-color: #F4BB00;
	color: #FFFFFF;
	font-size: 1.3em;
	float: right;
	margin-right: 1em;
	margin-top:4em;
}

.donate button.next:hover {
	background-color: #000000;
	color: #FFFFFF;
}

/* @group Monthly */

.monthly {
	background-color:#EEF5F8;
	margin-top:2em;
	position:relative;
	width:100%;
	z-index:1;
	padding-top: 1px;
	padding-bottom: 1px;
}

.monthly-inner {
	margin-left: 1.429em;
	margin-right: 50%;
	overflow: hidden;
}

.monthly label {
	display: block;
}

.monthly input {
	margin-right: 0.5em;
	margin-left: 0;
}



.monthly p input.text {
	width: 5em;
	padding: 0.3em;
	margin: 0 1em;
}

.monthly p {
	clear: both;
}
.monthly p label {
	display: inline;
}
.monthly ul {
	width: 6em;
	float: left;
	display: inline;
}

.monthly ul li {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

.monthly h2 {
	color: #BBBAB3;
	line-height: 1em;
	width: 40%;
}


/* @end */

/* @group Yearly */

.yearly {
	background-color:#FFFF99;
	position:absolute;
	right:0;
	top: 0;
	width:45%;
	z-index:4;
	overflow: hidden;
	padding:0 0 2em;
}

.yearly h2 {
	color: #C4BF84;
	line-height: 1em;
	font-size: 2.857em;
}

.yearly ul,
.yearly h2,
.yearly p,
.yearly input {
	margin-left: 1em;
	margin-right: 1em;
}

.yearly ul {
	background-color: #FFFF99;
	font-size: 1.286em;
}

.yearly ul li {
	margin-bottom: 0.7em;
}



/* @end */


/* @end Donation Schedule */

/* @group Highlight */

.highlight-container {
	overflow:hidden;
}

.highlight-container .content-inner {
	clear: left;
	border-top: none;
}

.highlight-container .content {
}

.highlight {
	width:300px;
	margin-right:0px;
	float:right;
	display:inline;
	position:relative;
	/*padding:1em 5.5% 1em 1em;*/
	margin-left:1em;
	margin-bottom:1em;
	background-color:#F3E7C9;
	/*border-width:20px 0px 20px 20px;
	border-color:#F8F2DD;
	border-style:solid;*/
	clear:both;
	margin-top: 0.3em;
	padding-top: 1.0em;
}

.highlight .prose div.text {
	margin-bottom: 1.0em;
}

.highlight .prose ul, .highlight .prose ol {
	margin-left: 1em;
}

.highlight h2 {
	padding: 0.0em 1em 0 1em;
	font-size: 1.514em;
	font-weight: bold;
	margin-top: 0;
}

.highlight blockquote {
	background-image: url(../img/icons/quote2-peachy.gif);
}

.highlight blockquote p:first-child {
	background-image: url(../img/icons/quote1-peachy.gif);
}
.highlight img {
	margin: 0.8em auto;
	margin-top: 0;

}
.highlight .copyright {
	font-style: italic;
	font-size: 0.714em;
	margin-top: 0;
	text-align: right;
	color: #B9B19C;
	
}

.highlight-container div.nopadding {
	padding-top: 0em;
}

/* @group Controls */

.controls {
	width:150px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #D5D0C0;
	padding: 0.5em 0;
}

.controls ul {
	margin: 1em;
}

.controls ul li {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-bottom: 1em;
	line-height: 1.2;
	position: relative;
}

.controls ul li.print_version {
	background-image: url(../img/icons/printer_small.gif);
}

.controls ul li.email_page {
	background-image: url(../img/icons/mail_small.gif);
}

.controls ul li.sharethis {
	background-image: url(../img/icons/share.gif);
	background-position: 5px center;
}


/* @end Controls */

/* @group Highlight Quote */
.quote {
	background-color: #F8F2DD;
	width: 300px;
	padding: 20px 0 0 0;
	color: #181816;
	text-align: right;
}

.quote blockquote {
	background-image: url(../img/icons/quote1-cream.gif);
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	left: 20px;
	width:275px;
	padding-right: 0;
}

.receptical .quote blockquote p {
	display: inline;
	padding-right: 25px;
	text-indent: 25px;
	background-image: url(../img/icons/quote2-cream.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-bottom: 0;
}

.quote .cite {
	color: #7C796E;
	border-bottom: 1px solid #E1DAC6;
	padding-bottom: 0.8em;
	font-size: 0.714em;
	font-family: verdana, arial, sans-serif;
	margin: 0 0 20px 20px;
}

/* @group Tertiary quote */

.tertiary blockquote {
	background-image: url(../img/icons/quote2-cream.gif);
}
.tertiary blockquote p {
	background-image: url(../img/icons/quote1-cream.gif);
}
.tertiary .cite {
	border-bottom: 1px solid #E1DAC6;
	color: #7C796E;
	padding-bottom: 0.8em;
	font-size: 0.714em;
	margin: 0 0 20px 0;
}
/* @end */

/* @end Highlight Quote*/

/* @group Highlight Image */

.media {
	padding-bottom: 0;
	border-color: #F8F2DD;
	background-color: #F8F2DD;
	border-width: 5px 0 20px 20px;
	border-style: solid;
	width: 280px;
	overflow: hidden;
}	

.media img,
.media object {
	display: block;
	margin: 0;
}

.media p.desc { 
	margin-bottom: 0px;
}

/* @end Highlight Image */

/* @group Slideshow */

div.slideshow {
	padding-top: 0px;
}

.hasJS .slideshow {
	overflow: hidden;
	position: relative;
	
}

.hasJS .slideshow ul {
	width: 2000px;
	overflow: hidden;
	position: relative;
	left: 0;
}

.hasJS .slideshow li {
	width: 300px;
	float: left;
	display: inline;
}

.hasJS .slideshow .window {
	width: 300px;
	overflow: hidden;
	position: relative;
}

.hasJS .slideshow .slideshow-controls {
	position: absolute;
	width: 61px;
	background-color: #F3E7C9;
	padding-bottom: 3em;
	height: 30px;
	top: 200px;
	left: 239px;
}

.hasJS .slideshow .slideshow-controls a:link,
.hasJS .slideshow .slideshow-controls a:visited,
.hasJS .slideshow .slideshow-controls a:hover,
.hasJS .slideshow .slideshow-controls a:focus,
.hasJS .slideshow .slideshow-controls a:active {
	width: 30px;
	height: 30px;
	text-indent: -5000px;
	display: block;
	float: left;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.hasJS .slideshow a.prev:link,
.hasJS .slideshow a.prev:visited,
.hasJS .slideshow a.prev:hover,
.hasJS .slideshow a.prev:focus,
.hasJS .slideshow a.prev:active {
	background-image: url(../img/icons/slide-left.gif);
}

.hasJS .slideshow a.next:link,
.hasJS .slideshow a.next:visited,
.hasJS .slideshow a.next:hover,
.hasJS .slideshow a.next:focus,
.hasJS .slideshow a.next:active {
	background-image: url(../img/icons/slide-right.gif);
	float: right;
	border-left: 1px solid #F8F2DD;
}

.hasJS .slideshow a.active:link,
.hasJS .slideshow a.active:visited,
.hasJS .slideshow a.active:active {
	background-position: 0 -30px;
}

.hasJS .slideshow .slideshow-controls a:hover {
	background-position: 0 -60px;
}

.slideshow li p {
	margin-left: 1.429em;
	margin-right: 1.429em;
	margin-bottom: 0;
}

.hasJS .slideshow li p {
	margin-right: 70px;
}

.slideshow .copyright {
	text-align: left;
	margin-bottom: 0.8em;
}

/* @end Slideshow */


/* @group Listing */

.tertiary .listing {
	margin-bottom: 1.5em;
}

.tertiary .listing ul {
	margin: 0;
}

.listing ul li {
	padding: 0;
	background: none;
}
.listing p {
	margin-bottom: 0.6em;
}
.listing h3 {
	margin-bottom: 0.6em;
	font-size: 1em;
}

/* @end Listing */

/* @end Highlight */

/* @group Main Image */

.image-main {
	text-align: center;
	width: 100%;
}

.image-main img {
	width: 100%;
	margin: 0 auto;
	max-width: 700px;
}
.image-meta {
	border-bottom: 1px solid #EDEDED;
	text-align: right;
	padding: 0 1em 0.6em 1em;
	font-style:italic;
	margin-bottom: 1em;
}
.image-meta p {
	margin-bottom: 0;
	margin-top: 0.1em;
}

/* @group icons */

.icons {
	background-color: #E2EAF4;
	width: 100%;
	overflow: hidden;
	border-bottom: 2px solid #CFD9EB;
	padding-bottom: 1em;
}

.icons sub {
	vertical-align: baseline;
}

.icons h2 {
	margin: 0.5em 0.467em;
	color: #B9B9B7;
}

.icons h2 strong {
	color: #666666;
	font-weight: lighter;
}

.icons ul {
	margin: 1em 1em 0em 2em; /* This isn't clearing internal floats*/
	padding: 0;
}

.icons h3,
.icons p {
	color: #666666;
	margin: 0px 0px 0px 65px;
}

.icons h3 {
	font-size: 0.7em;
	font-weight: lighter;
	font-family: Verdana, Arial, Lucida Grande, sans-serif;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

.icons p {
	font-weight: bold;
	padding-right: 20px;
}

.icons li {
	float: left;
	width: 50%;
	list-style: none;
	background-position:0 0.2em;
	background-repeat: no-repeat;
	min-height: 60px;
	padding-bottom: 10px;
}

.icons li.clear {
	clear: left;
}

/* @end icons */

/* @end Main Image*/


/* @group Meta information (before content) */

.meta {
	color: #BDB8AA;
	font-size: 1.143em;
	/*border-bottom: 5px solid #F9EACA;
	background-color:#F8F2DD; */
	margin-bottom: 0px;
	padding-bottom: 1.385em;
	
	/*margin-top: 1em; */
}

.news .meta {
	background-image: url(../img/bg/bg-h1.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
	margin-right: 170px;
}

.news .meta a {
	margin: 0 0.1em;
}

.news .meta a.selected {
	font-weight: bold;
}

.prose .meta {
	font-size: 0.857em;
	line-height: 1.25em;
	margin-bottom: 1.5em;
	margin-top: 0.8em;
}

/*.meta a:focus,
.meta a:hover,
.meta a:active {
	background-color: transparent;
	color: #474747;
	text-decoration: underline;
}*/

.meta .seperator,
.meta a {
	/*border-left: 1px solid #BDB8AA;
	margin-left: 1em;
	padding-left: 1.25em;*/
	white-space: nowrap;
}

.prose .meta .seperator {
	/*border-left: 1px solid #BDB8AA;
	margin-left: 0.6em;
	padding-left: 0.7em;*/
	white-space: nowrap;
}

/* @end Meta information */



/* @group Extra information */

.extra-information {
	background-color: #E2EAF4;
	padding:1.429em;
	/*margin-bottom: 2em;*/
	position: relative;
}

.secondary .extra-information {
	padding-top: 15px;
}

.extra-information h2 {
	margin: 0;
	color: #B9B9B7;
	margin-bottom: 0.4em;
}

.extra-information h2 strong {
	color: #666666;
}

.extra-information ul li {
	background-image: url(../img/icons/bullet-on-blue.gif);
	font-weight: bold;
}

.extra-information ul {
	/*margin-left: 0;*/
}

.elsewhere {
	background-color: #F3F3F3;
}

/* @end Extra Information  */


/* @group float-wrapper */

.listing-wrapper {
	/*clear: both;*/
	width: 100%;
	overflow: hidden;
}

.listing-wrapper img+h3 {
	margin-top: 0;
}

/* @end */

/* @group Comments */

.comments {
	overflow: hidden;
	/*padding-bottom: 1em;*/
}

.comments .primary {
	margin-bottom: -50em;
	padding-bottom: 50em;
}

.comments .secondary {
	text-align: right;
	color: #464644;
}

.comments .secondary p {
	margin: 0;
	clear: both;
}

.comments .secondary h3 {
	margin: 0;
	font-size: 1em;
}

.comments .secondary .date {
	/*font-style: italic;*/
	margin-bottom: 1em;
	font-family: "Times New Roman", serif;
}

.comments .thumbnail {
	width: 46px;
	height: 46px;
	border: 3px solid white;
	background-color: #464644;
	float: right;
	clear: both;
}

.comments .thumbnail  {
	display: block;
}

.comments .report {
	font-size: 0.714em;
	padding-top: 0.5em;
	clear: both;
	width: 48px;
	float: right;
	line-height: 1.2;
}

.comments .report a:link,
.comments .report a:visited,
.comments .report a:hover,
.comments .report a:focus,
.comments .report a:active {
	text-decoration: underline;
	color:#474747;
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	padding-left: 10px;
	background-image: url(../img/icons/reportUser.gif);
	background-color: transparent;
}

.comments .report a:hover,
.comments .report a:focus,
.comments .report a:active {
	color: black;
}

.comments .report.user span {
	display:none;
}

.comments .report.user span a.hide{
	display:none;
}


/* flagged */

.comments.flagged .report.user span {
	display:inline;
}

.comments.flagged .report.user a.flag {
	display:none;
}

.comments .prose {
	padding: 0 0 1em 0;
	/*margin: 0 1.429em 1em 1.429em;*/
	border-bottom: 1px solid #E5E2DA;
}

.comments .container {
	margin-bottom: -50em;
	padding-bottom: 50em;
}

.comments blockquote {
	margin:1em 1.385em;
	min-height:35px;
}

/* @end Comments */

/* @end Main Content Components*/

/* @group Tertiary components */

/* @group Prominent */

.prominent {
	background-image: url(../img/bg/prominent_middle.gif);
	background-repeat: repeat-y;
	background-position: top left;
	background-color: white;
	margin-bottom: 1.5em;
}

.prominent .top {
	background-image: url(../img/bg/prominent_top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 12px;	
}
.prominent .bottom, .prominent p.bottom, .home .secondary .prominent p.bottom  {
	background-image: url(../img/bg/prominent_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 12px;	
}

.secondary .prominent {
	background-image: none;
	padding-top: 12px;
}

.home .secondary .prominent {
	padding-top: 0px;
}

.prominent h2 {
	padding: 0px 12px 12px 12px;
	margin: 0px;
}
/*
.secondary .prominent h2 {
	background-image: none;
}
*/

.prominent div.text {
	padding: 0px 12px 12px 12px;
	line-height: 1.2;
}

.prominent .action {
	
	padding: 0px 12px;
	margin: 0;
}

.secondary .prominent .action {
	background-image: none;
}

.home .secondary .prominent .action {
	background-image: inherit;
}

.prominent .action img {
	display: block;
	width: 125px;
}

.secondary .prominent .action img {
	width: 100%;
	max-width: 200px;
	padding-bottom: 12px;
}

.home .secondary .prominent .action img {
	width: 125px;
	padding-bottom: 0px;
}

/* @end Prominent*/

/* @group Text List in Tertiary Column */

.text-list {
	color: #666666;
	margin-bottom:1.5em;
}
/*
.text-list ol {
	list-style-type: decimal;
	background: none;
	margin-left: 1.5em;
	margin-top: 0.6em;
	margin-bottom: 0;
}
.text-list ol li {
	background: none;
	padding-left: 0;
	font-size: 1em;
	list-style-type: decimal;
}
*/
.text-list h2 {
	color: #827867;
}
.text-list h3 {
	color: #FF3315;
	font-size: 1em;
	margin-bottom: 0.2em;
}


/* @end Text List in Tertiary Column*/

/* @group Pullout */


.pullout {
	background-color:#DFE6CF;
	padding-top: 10px;
	margin-bottom: 1.5em;
}
.tertiary .pullout .prose {
	padding: 0px 10px 0.01em 10px;
}
.primary .content-inner .pullout {
	/*margin-bottom: 1.387em;*/
	padding: 0px;
	padding-top: 1em;
	
}
.primary .content-inner .pullout .prose {
	padding-bottom: 1em;
}
.pullout p {
	font-weight: lighter;
	font-size: 1em;
	padding-bottom: 0.8em;
	margin-bottom: 0;
}

.pullout strong {
	font-weight: bold;
}

.pullout .note {
	font-size: 0.857em;
	line-height: 1.25em;
	color: #7E807B;
	padding-bottom: 0.8em;
}

.tertiary .pullout .email,
.tertiary .pullout .download {
	display: block;
}

.pullout .address,
.pullout .fax,
.pullout .org,
.pullout .tel {
	display: block;
}

.pullout .fn {
	font-weight: bold;
}

.pullout h2 {
	font-size: 1.5143em;
	color: #B3B19E;
	margin-top: 0;
	line-height: 0.9em;
	font-weight: 200;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.pullout h2 strong {
	color: #666666;
	font-weight: 200;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.pullout img {
	margin-bottom: 0.8em;
	display: block;
}

.highlight-container .pullout h2 {
	padding-left: 0.6em;
}
/* @end Pullout */
/* @group Teaser (eg join now) */

.teaser {
	background-color:#E9E4D1;
	padding: 0.6em 0.8em 0.01em;
	margin-bottom: 1.5em;
}

.teaser img {
	display: block;
	width: 125px;
}

.secondary .teaser img{
	width: 100%;
	max-width: 200px;
}

.teaser h2 {
	color: #827867;
	font-size: 1.143em;
	margin-top: 0.2em;
}

.teaser p {
	margin-bottom:0.7em;
}

.teaser div.text {
	margin-bottom:0.7em;
}


/* @end Teaser */


/* @group Related Links */

.related-links{
	border-bottom: 1px solid #DBD4C1;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}

.tertiary .related-links ul, .home .secondary .related-links ul {
	margin: 0
}

.tertiary .related-links ul li, .home .secondary .related-links ul li {
	margin: 0;
	font-size:0.857em;
	line-height:1.2em;
}


/* @end Related Links */

/* @group Download Links */

.downloads{
	color: #636158;
	border-bottom: 1px solid #DBD4C1;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}

.downloads li{
	background-image: none;	
	padding-left:0;
	line-height: 1.429em;
	font-size: 1em;
}

.downloads ul{
	background-image: none;	
	margin-left:0;
}

.downloads .size {
	display: block;
}

.downloads a:link,
.downloads a:visited,
.downloads a:hover,
.downloads a:focus,
.downloads a:active {
	background-image: url(../img/icons/download_page.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.downloads img {
	margin: 0.2em 0;
	display: block;
}

/* @end Download Links*/

/* @end Tertiary Components */

/* @group Signup (Email newsletter) */

.signup {
	background-color:#D5D0C0;
	margin-bottom: 1.5em;
}
.signup .prose {
	padding: 1em;
}
.signup h3 {
	color: #827867;
	font-size: 1.143em;
	text-transform: none;
	/*text-shadow: 2px 2px 2px #999999;*/
	border-bottom: 1px solid #F8F2DD;
	margin-left: -0.875em;
	margin-right: -0.875em;
	/*padding: 0 0.875em 0.75em 0.875em;*/
	padding:0 37px 0.5em 0.75em;
	font-weight: bold;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-top: 0;
	background-image: url(../img/icons/signup_email.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.signup form {
	width: 100%;
	overflow: hidden;
	margin-bottom: 0;
}

.signup input,
.signup select {
	display: block;
	width: 96%;
	border: 1px solid #827867;
	padding: 0.2em 1%;
}

.signup select {
	width: 98%;
}

.signup .privacy-policy {
	width: 49%;
	float:left;
	font-size: 0.857em;
	margin-bottom: 0;
	margin-top: 0.85em;
}

.signup .button-container {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 0;
	clear: none;
}

.signup button {
	background-color: #999183;
	background-image: url(../img/bg/button_signup.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	border: none;
	font-weight:bold;
	color: white;
	text-shadow: 1px 1px 1px #756D60;
	padding: 0.2em 0.5em;
}

/* @end Signup */

/* @group Homepage */

/* @group Columns */

.home .column {
	width: 24.9%;
	/*width: 25%;*/
	float: left;
	overflow: hidden;
	
}

.home .columnWrapper {
	overflow: hidden;
}

/* @end */

/* @group Featured news */

.featuredNews {
	background-color: white;
	margin-bottom: 1.429em;
	overflow: hidden;
}

/* @group Tab setup */

.featuredNews .tab {
	display: none;
	/*padding: 1.429em;*/
}

.tab1 div.tab1,
.tab2 div.tab2,
.tab3 div.tab3 {
	display: block;
}

.featuredNews .tab h2 {
	font-size: 2.5em;
	line-height: 1;
	color: #333333;
	margin-top: 0;
}

/* @end */

/* @group Tabs */

ul.tabs {
	margin: 0;
	padding: 0;
	background-color: #E9E4D1;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
	clear: both;
}

.tab3 ul.tabs {
	background-color: white;
}

ul.tabs li {
	margin: 0;
	padding: 0.5em 0;
	float: left;
	width: 50%;
	background-color: #E9E4D1;
	margin-bottom: -50em;
	padding-bottom: 51em;
	background-repeat: repeat-y;
}

.home ul.tabs li {
	width: 33%;
}

.tabs li.tab1,
.tab1 .tabs .tab1,
.tab2 .tabs .tab2,
.tab3 .tabs .tab3 {
	background-color: white;
	background-image: none;
}

.tab1 li.tab2,
.tab1 li.tab3,
.tab2 li.tab3 {
	background-image: url(../img/bg/homepage/brownRL.jpg);
	background-position: top left;
	background-color: #E9E4D1;
}

.tab3 li.tab2,
.tab3 li.tab1,
.tab2 li.tab1 {
	background-image: url(../img/bg/homepage/brownLR.jpg);
	background-position: top right;
	background-color: #E9E4D1;
} 

ul.tabs a:link,
ul.tabs a:visited,
ul.tabs a:focus,
ul.tabs a:hover,
ul.tabs a:active {
	color: #1A489C;
	text-decoration: none;
	margin: 0 15px 0 1.3em;
	background-color: transparent;
	display: block;
	font-size: 1.143em;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight:200;
	line-height: 1.125;
}

ul.tabs a:focus, 
ul.tabs a:hover,
ul.tabs li:hover a:link,
ul.tabs li:hover a:visited,
ul.tabs li:hover a:hover,
ul.tabs li:hover a:active,
ul.tabs li:hover a:focus 

ul.tabs li:focus a:link,
ul.tabs li:focus a:visited,
ul.tabs li:focus a:hover,
ul.tabs li:focus a:active,
ul.tabs li:focus a:focus {
	text-decoration: underline;
}

.tab1 ul.tabs .tab1 a:link,
.tab1 ul.tabs .tab1 a:visited,
.tab1 ul.tabs .tab1 a:focus,
.tab1 ul.tabs .tab1 a:hover,
.tab1 ul.tabs .tab1 a:active,

.tab2 ul.tabs .tab2 a:link,
.tab2 ul.tabs .tab2 a:visited,
.tab2 ul.tabs .tab2 a:focus,
.tab2 ul.tabs .tab2 a:hover,
.tab2 ul.tabs .tab2 a:active,

.tab3 ul.tabs .tab3 a:link,
.tab3 ul.tabs .tab3 a:visited,
.tab3 ul.tabs .tab3 a:focus,
.tab3 ul.tabs .tab3 a:hover,
.tab3 ul.tabs .tab3 a:active {
	color: #353535;
}

/* @end */

/* @group Insides of tabs */

.featuredNews .prose {
	padding-top: 1.429em;
}

.featuredNews p.meta {
	color: #858585;
}
/* @group Split */

.featuredNews .split img {
	float: right;
	margin: -1.429em -1.429em 1em 1.429em;
	padding-left: 6px;
	background-image: url(../img/bg/homepage/main-image.jpg);
	background-position: top left;
	background-repeat: repeat-y;

	width: 45%;	
	max-height: 275px;
	max-width: 410px;
}

.home .featuredNews .split img {
	width: 60%;	
	max-height: 275px;
	max-width: 410px;
}

.featuredNewsContent {
	border-bottom: solid 1.5em #F8F2DD;
}

.featuredNewsContent .featuredNews {
	margin-bottom: 0;
}

.container .featuredNewsContent .otherNews {
	margin-bottom: 0;
	border-bottom: none;
}

.featuredNewsContent .content-inner {
	padding-bottom: 0;
}

/* @end */

/* @group Horizontal */

.featuredNews .horizontal .prose {
	position: relative;
}
.featuredNews .horizontal img {
	display: block;
	margin: 0 auto;
	width: 100%;
	padding-bottom: 5px;
	background-image: url(../img/bg/homepage/main-image-top.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}
.featuredNews .horizontal .meta {
	width: 13em;
	position: absolute;
	top: 0;
	right: 1.429em;
	text-align: right;
}
.featuredNews .horizontal h2 {
	margin-right: 5em; /* to avoid hitting comments*/
}
.featuredNews .horizontal .meta span {
	display: block;
}

/* @end */


/* @end */

/* @end Featured news */

/* @group Other news */

.otherNews {
	overflow: hidden;
	background-color: #FDFAF4;
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius:  0 0 20px 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-radius: 0 0 20px 20px;
	margin-bottom: 1.429em;
}

.container .otherNews {
	border-bottom: solid 1.5em #F8F2DD;
	margin-bottom: 0;
	-moz-border-radius: 0;
	-webkit-border-radius:  0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;	
	border-radius: 0;
}


.otherNews .column {
	width: 50%;
	float: left;
	overflow: hidden;		
}

.home .otherNews .column {
	width: 33%;

}

.otherNews .prose {
	margin: 0 0.714em;
	padding: 0;
}
.otherNews .columnWrapper {
	padding:0 0.714em 0 1em;
}

.otherNews h2 {
	border-bottom: 1px solid #E9E4D1;
	padding:0.5em 1em;
	color: #999999;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight:200;
	margin: 0 0 1em 0;
	font-size: 1.429em;
	background-color: white;
}

.container .otherNews h2 {
	padding-top: 0;
}

.otherNews h2 strong {
	color: #333333;
}

.otherNews img {
	width: 100%;
	max-width: 225px;
	max-height: 150px;
	display: block;
	margin: 0 auto 1em auto;
}

.otherNews h3 {
	margin: 0 0 1em 0;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight:200;
	font-size: 1.429em;
	line-height: 1;
}

.otherNews .meta {
	color: #848482;
	font-size: 0.857em;
	padding: 0;
}

.otherNews .newsfooter {
	clear: both;
	margin: 0;
	background-color: white;
	padding: 0.714em 1.429em ;
	border-top: 1px solid #E9E4D1;
	font-weight: bold;
	text-align: right;
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-radius: 0 0 20px 20px;
}

.content .otherNews .newsfooter {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-radius: 0;
}

.otherNews .newsfooter ul {
	margin: 0;
}

.otherNews .newsfooter ul li {
	float: right;
	padding: 0;
	margin: 0 0 0.7em 0.7em;
	padding-left: 0.7em;
	border-left: 1px solid #E9E4D1;
	line-height: 1.0em;
}

.otherNews .newsfooter ul li:last-child {
	border-left: none;
}



/* @end Other news */

.home .content-inner {
	width: 99.6%;
	margin: 0;
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-radius: 0 0 20px 20px;
} 
.home .content-inner h2 {
	padding: 0.5em 0em;

} 


/* @group Find us */

.findus {
	margin-bottom: 1.5em;
}

.home .findus ul {
	margin: 0.5em 0 0 0;
	padding: 0;
	list-style-image: none;
}

.home .findus ul li {
	margin: 0 0 0.8em 0;
	padding: 0 0 0 0;
	background-image: none;
	padding-left: 0px;
}

.findus a:link,
.findus a:visited,
.findus a:hover,
.findus a:focus,
.findus a:active {
	display: block;
	color: #757268;
	background-color: transparent;
	text-decoration: none;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 43px;
	min-height: 29px;
	padding-top: 10px;
}
.findus a:hover,
.findus a:focus,
.findus a:active {
	color: black;
}

.findus strong {
	font-size: 1.429em;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight:200;
}

.findus a:link span,
.findus a:visited span,
.findus a:hover span,
.findus a:active span,
.findus a:focus span {
	color: #C0BBAB;
	display: block;
	font-size: 0.857em;
	white-space: nowrap;
}
/*
.findus .facebook a {
	background-image: url(../img/icons/homepage/facebook.gif);
}

.findus .flickr a {
	background-image: url(../img/icons/homepage/flickr.gif);
}

.findus .twitter a {
	background-image: url(../img/icons/homepage/twitter.gif);
}

.findus .youtube a {
	background-image: url(../img/icons/homepage/youtube.gif);
}
*/
/* @end  Find us */

/* @group Latest News */

.latestNews {
	background-color: #C3F0F2;
}
.home .secondary .latestNews,
.tertiary .latestNews {
	background-image: url(../img/bg/homepage/blue_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 12px;
	margin-top: 2em;
}

.latestNews .prose {
	
}

.home .secondary .latestNews .prose,
.tertiary .latestNews .prose {
	background-image: url(../img/bg/homepage/blue_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 12px 12px 5px 12px;
}

.section .article .latestNews h2 {
	color: #52BADD;
}

.home .secondary .latestNews h2,
.tertiary .latestNews h2 {
	margin-top: 0;	
}

.latestNews ul,
.latestNews p {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 0.857em;
	line-height: 1.25;
}

.latestNews ul li {
	margin: 0 0 12px -12px;
	padding: 2px 0 0 25px;
	background-image: url(../img/icons/homepage/wwficon.gif);
	background-position: 0 0;
}

.home .secondary .latestNews p,
.tertiary .latestNews p {
	margin-bottom: 0;	
}

.latestNews .meta {
	display: block;
	color: #94D9E9;
	margin: 0.1em 0 0 0;
	font-size: 1em;
}

.section .article .latestNews a:link, 
.section .article .latestNews a:visited, 
.section .article .latestNews a:focus, 
.section .article .latestNews a:hover, 
.section .article .latestNews a:active {
	background-color: transparent;
	color: #474747;
	padding: 0;
	background-image: none;
}
.section .article .latestNews a:focus, 
.section .article .latestNews a:hover, 
.section .article .latestNews a:active {
	color: black;
	text-decoration: underline;
}
/* @end Latest news */

/* @group Teaser Strip */

.teaserStrip {
	width: 100%;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 1em 0;
	margin-bottom: 1em;
}

.teaserStrip .column span {
	float: left;
	height: 70px;
	width: 60px;
	display: table-cell;
	background-repeat: no-repeat;
}

.teaserStrip .column div.prose span a, 
.teaserStrip .column div.prose span a:hover, 
.teaserStrip .column div.prose span a:active,
.teaserStrip .column div.prose span a:visited  {
	background-image: none;
	background-color: transparent;
	text-indent: -9999px;
	color: none;
	height: 70px;
	width: 100%;	
	display: block;
}

.section .teaserStrip h2 {
	color: #333333;
	margin: 0 0 0.4em 0;
} 

.teaserStrip .column {
	background-image: url(../img/bg/homepage/teaserStrip_border.gif);
	background-position: left top;
	background-repeat: repeat-y;
	margin-bottom: -50em;
	padding-bottom: 50em;
	background-color: #F3E4C6;
	padding-top: 10px;
}

.teaserStrip .first {
	background-image: none;
}
.teaserStrip .prose {
	padding: 0;
	margin: 0 1em ;
}
.teaserStrip p {
	font-size: 0.857em;
	margin: 0;
	line-height: 1.25;
	background-position: 0 10px;
	background-repeat: no-repeat;
/*	min-height: 72px;*/
	padding-left: 70px;
	color: #605A4E;
}


/* @end Teaser strip */

/* @group Popular sections */

.popularSections {
	width: 100%;
	overflow: hidden;
}
.popularSections .column{
	background-color: #F1EBD7;
	margin-bottom: -50em;
	padding-bottom: 50em;
	background-image: url(../img/bg/homepage/popular-sections.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

.popularSections .first{
	background-image: none;
}

.popularSections h3 {
	margin: 0;
	font-size: 1em;
}

.popularSections h3 a:link,
.popularSections h3 a:visited,
.popularSections h3 a:focus,
.popularSections h3 a:hover,
.popularSections h3 a:active {
	background-color: #E9E4D1;
	background-image: url(../img/icons/bullet-sidebar.gif);
	margin: 0 0 0 2px;
	background-repeat: no-repeat;
	background-position: 12px 13px;
	padding: 7px 0 7px 30px;
	display: block;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

.popularSections ul {
	margin-left: 2px;
}

.popularSections ul li {
	border-top: 1px solid #F8F2DD;
}

.popularSections .first ul,
.popularSections .first h3 a:link,
.popularSections .first h3 a:visited,
.popularSections .first h3 a:focus,
.popularSections .first h3 a:hover,
.popularSections .first h3 a:active {
	margin-left: 0;
}

.popularSections ul li a:link,
.popularSections ul li a:visited,
.popularSections ul li a:focus,
.popularSections ul li a:hover,
.popularSections ul li a:active {
	text-decoration: none;
	color: #6B6B6A;
	background-color: #E9E4D1;
	background-image: url(../img/icons/bullet-small.gif);
	background-position: 21px 13px;
	line-height: 1.25;
	background-repeat: no-repeat;
	padding: 7px 0 7px 36px;
	display: block;
}

.popularSections .column a:focus,
.popularSections .column a:hover,
.popularSections .column a:active {
	background-color:#D5D0C0;
}

/* @end Popular sections */


/* @end Homepage */

/* @end Page Components */

/* @group Overrides */

/* @group Homepage */

.home .article {
	position:relative;
	overflow: hidden;
}
.home .wrapper {
	padding-right: 170px;
	overflow: hidden;
	margin-top: 0.6em;
}

.home .primary {
	float: none;
	width: 100%;
	display: inline;
	overflow: hidden;
	margin-bottom: 1.429em;
	clear: none;
}

.home .secondary {
	width: 150px;
	margin-right: -170px;
	float:right;
	display:inline;
	padding-bottom:1px;
	overflow: hidden;
	margin-left: 20px;
}
/*
.home .secondary img {
	width: 125px;
}
*/
.home h2 {
	color: #999999;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight:200;
	font-size: 1.429em;
}

.home h2 strong {
	color: #333333;
}

.home .secondary h2{
	color:#474747;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:1.143em;
	font-weight:bold;
	margin-bottom: 0.5625em;
	/*margin-top: 1.6875em;*/
}
.home .teaser h2 {
	color:#827867;	
	margin-top: 0.2em;
}

.home .secondary .prominent {
	margin-top: 0;
	background-image: url(../img/bg/prominent_middle.gif);
}
/*
.home .secondary .prominent h2 {
	/*background-image: url(../img/bg/prominent_top.gif);
	margin: 0;
}
.home .prominent .action {
	background-image: url(../img/bg/prominent_bottom.gif);
}
*/

/* @end */

/* @end Overrides */


.article .secondary img.noscale {
	width: auto;
}

/*--------------------------------------------------*/
span.addthis {
	margin-left: 10px;
}

span.addthis img {
	vertical-align: middle;
}

.news span.addthis img {
	vertical-align: text-bottom;
}
/*--------------------------------------------------*/
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/*--------------------------------------------------*/
.nav ol li.green a:link, 
.nav ol li.green a:visited
{
	background-image: url(../img/bg/transparent_green.png);
	background-color: transparent;
}

.nav ol li.green a:focus,
.nav ol li.green a:hover, 
.nav ol li.green a:active
{
	background-image: url(../img/bg/buttonbg.png);
	background-color: #c5c701;
}


.nav ol li.orange a:link, 
.nav ol li.orange a:visited
{
	background-image: url(../img/bg/transparent_orange.png);
	background-color: transparent;
}

.nav ol li.orange a:hover, 
.nav ol li.orange a:active, 
.nav ol li.orange a:focus 
{
	background-image: url(../img/bg/buttonbg.png);
	background-color: #f4bb00;
}

.nav ol li.blue a:link, 
.nav ol li.blue a:visited
{
	background-image: url(../img/bg/transparent_blue.png);
	background-color: transparent;
}

.nav ol li.blue a:hover, 
.nav ol li.blue a:active, 
.nav ol li.blue a:focus 
{
	background-image: url(../img/bg/buttonbg.png);
	background-color: #33c2fe;
}

.nav ol li.red a:link, 
.nav ol li.red a:visited
{
	background-image: url(../img/bg/transparent_red.png);
	background-color: transparent;
}

.nav ol li.red a:hover, 
.nav ol li.red a:active, 
.nav ol li.red a:focus 
{
	background-image: url(../img/bg/buttonbg.png);	
	background-color: #FF3315;
}

/*--------------------------------------------------*/
.findus .facebook a {
	background-image: url(../img/icons/homepage/facebook.gif);
}

.findus .flickr a {
	background-image: url(../img/icons/homepage/flickr.gif);
}

.findus .twitter a {
	background-image: url(../img/icons/homepage/twitter.gif);
}

.findus .youtube a {
	background-image: url(../img/icons/homepage/youtube.gif);
}

.findus .blogger a {
	background-image: url(../img/icons/homepage/blogger.gif);
}

.findus .delicious a {
	background-image: url(../img/icons/homepage/delicious.gif);
}

.findus .digg a {
	background-image: url(../img/icons/homepage/digg.gif);
}

.findus .feed a {
	background-image: url(../img/icons/homepage/feed.gif);
}

.findus .friendster a {
	background-image: url(../img/icons/homepage/friendster.gif);
}

.findus .google a {
	background-image: url(../img/icons/homepage/google.gif);
}

.findus .linkedin a {
	background-image: url(../img/icons/homepage/linkedin.gif);
}

.findus .livejournal a {
	background-image: url(../img/icons/homepage/livejournal.gif);
}

.findus .myspace a {
	background-image: url(../img/icons/homepage/myspace.gif);
}

.findus .newsvine a {
	background-image: url(../img/icons/homepage/newsvine.gif);
}

.findus .reddit a {
	background-image: url(../img/icons/homepage/reddit.gif);
}

.findus .stumbleupon a {
	background-image: url(../img/icons/homepage/stumbleupon.gif);
}

.findus .technorati a {
	background-image: url(../img/icons/homepage/technorati.gif);
}

.findus .vimeo a {
	background-image: url(../img/icons/homepage/vimeo.gif);
}

.findus .wordpress a {
	background-image: url(../img/icons/homepage/wordpress.gif);
}

.findus .yahoo a {
	background-image: url(../img/icons/homepage/yahoo.gif);
}

.findus .yelp a {
	background-image: url(../img/icons/homepage/yelp.gif);
}

.findus .connect a {
	background-image: url(../img/icons/homepage/connect.gif);
}

/*--------------------------------------------------*/
.flash-1col {
	width: 100%;
	max-width: 525px;
	margin: 0 auto;
	display: block;
}
/*--------------------------------------------------*/
.gallery h2 {
	text-align: left;
	/*margin-left: 1.429em;*/
}

.gallery a.prev, .gallery a.next {
	padding: 0 10px 0px 10px;	
}

.gallery div.table {
	display: table; 
	width: 100%; 
	border-collapse: collapse; 
	border: none;
}

.gallery div.tr {
	display: table-row;
}

.gallery div.td {
	display: table-cell; 
	height: 472px; 
	vertical-align: middle;
}




.gallery img.big {
	max-width: 700px;
	max-height: 466px;
	padding: 0;

}

.gallery img.clone {
	max-width: 700px;
	max-height: 466px;
	padding: 0;
	z-index: 100;
	opacity: 1.0;
	
}

.gallery .image-meta { 
	border-bottom: none;
	margin-bottom: 0;
}

.gallery ul.thumb {
	padding-top: 5px;
	float: left;
	left: 50%;
	position: relative;
}

.gallery ul.thumb li {
	float: left;
	padding: 2px 6px;
	background-image: none;
	right: 50%;
	position: relative;
}

.gallery ul.thumb li a {
	padding: 0;
	margin: 0;
	line-height: normal;
	display: inline;
	opacity: 0.5;	
	background-color: transparent;
	text-decoration: none;	
}

.gallery ul.thumb img {
	width: 120px;
	height: 80px;
	padding: 0;
	margin: 0;
}

/*--------------------------------------------------*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border-top: 1px solid #E3B985;
	border-bottom: 1px solid #E3B985;
	background-color: #F2F0E5;
	padding: 8px;
	opacity: 0.9;
	color: #000000;
	font-size: 0.8em;
	line-height: 1.4em;
	width: 250px;
	max-width: 250px;

}
#tooltip h3 { 
	margin: 0; 
	padding: 0; 
	font-size: 1.1em; 
	color: #C36400;
}

#tooltip div{
	padding-top: 5px;
}
/*--------------------------------------------------*/

.pager {
	font-weight: normal;
	padding: 10px 0px 15px 0px;
	margin: 0px auto;
}	

.pager ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
}

.pager ul li {
	display: inline;
	margin: 0px 3px;
	background-image: none;
	padding: 0px;
}

.pager li.active {
	font-weight: bold;
}
.pager li a {

}


.pager li a:visited, .pager li a:link  {
}

.pager li a:active, .pager li a:hover  {
}

.pager li.active a:visited, .pager li.active a:link  {
}

.pager li.active a:active, .pager li.active a:hover  {
}


.pager .next {
	float: right;
}

.pager .prev {
	float: left;
}

/*--------------------------------------------------*/
.teaserStrip .support span {
	background-image: url(../img/icons/homepage/teaser-support.gif);
	width: 72px;
}

.teaserStrip .membership span {
	background-image: url(../img/icons/homepage/teaser-membership.gif);
	width: 76px;
}

.teaserStrip .visa span {
	background-image: url(../img/icons/homepage/teaser-visa.gif);
	width: 63px;
}

.teaserStrip .donatewwf span {
	background-image: url(../img/icons/homepage/teaser-donate.gif);
	width: 50px;
}

.teaserStrip .action span {
	background-image: url(../img/icons/homepage/action.gif);
	width: 72px;
}

.teaserStrip .credit-card span {
	background-image: url(../img/icons/homepage/credit_card.gif);
	width: 72px;
}

.teaserStrip .globe span {
	background-image: url(../img/icons/homepage/globe.gif);
	width: 72px;
}

.teaserStrip .membership p {
	padding-left: 76px;
}

.teaserStrip .visa p {
	padding-left: 63px;
}

.teaserStrip .donatewwf p {
	padding-left: 50px;
}

.teaserStrip .activism-flag span {
	background-image: url(../img/icons/homepage/activism_flag.png);
	width: 64px;
	height: 64px;
}

.teaserStrip .activism-hand-flag span {
	background-image: url(../img/icons/homepage/activism_hand_flag.png);
	width: 46px;
	height: 64px;
}
.teaserStrip .basket span {
	background-image: url(../img/icons/homepage/basket.png);
	width: 64px;
	height: 63px;
}
.teaserStrip .book span {
	background-image: url(../img/icons/homepage/book.png);
	width: 64px;
	height: 49px;
}
.teaserStrip .briefcase span {
	background-image: url(../img/icons/homepage/briefcase.png);
	width: 64px;
	height: 54px;
}
.teaserStrip .camera span {
	background-image: url(../img/icons/homepage/camera.png);
	width: 64px;
	height: 55px;
}
.teaserStrip .certificate span {
	background-image: url(../img/icons/homepage/certificate.png);
	width: 66px;
	height: 64px;
}
.teaserStrip .clipboard-pencil span {
	background-image: url(../img/icons/homepage/clipboard_pencil.png);
	width: 43px;
	height: 64px;
}
.teaserStrip .flower span {
	background-image: url(../img/icons/homepage/flower.png);
	width: 64px;
	height: 64px;
}
.teaserStrip .footprint-bear-paw span {
	background-image: url(../img/icons/homepage/footprint_bear_paw.png);
	width: 41px;
	height: 64px;
}
.teaserStrip .footprint-dog-paw span {
	background-image: url(../img/icons/homepage/footprint_dog_paw.png);
	width: 57px;
	height: 64px;
}
.teaserStrip .gift span {
	background-image: url(../img/icons/homepage/gift.png);
	width: 63px;
	height: 64px;
}
.teaserStrip .hand-halt span {
	background-image: url(../img/icons/homepage/hand_halt.png);
	width: 48px;
	height: 64px;
}
.teaserStrip .hand-shake span {
	background-image: url(../img/icons/homepage/hand_shake.png);
	width: 64px;
	height: 44px;
}
.teaserStrip .house span {
	background-image: url(../img/icons/homepage/house.png);
	width: 54px;
	height: 64px;
}
.teaserStrip .light span {
	background-image: url(../img/icons/homepage/light.png);
	width: 45px;
	height: 64x;
}
.teaserStrip .mobile span {
	background-image: url(../img/icons/homepage/mobile.png);
	width: 33px;
	height: 64px;
}
.teaserStrip .news-seal span {
	background-image: url(../img/icons/homepage/news_seal.png);
	width: 64px;
	height: 46px;
}
.teaserStrip .recycling span {
	background-image: url(../img/icons/homepage/recycling.png);
	width: 64px;
	height: 63px;
}
.teaserStrip .shop-bag span {
	background-image: url(../img/icons/homepage/shop_bag.png);
	width: 49px;
	height: 64px;
}
.teaserStrip .shop-cart span {
	background-image: url(../img/icons/homepage/shop_cart.png);
	width: 64px;
	height: 48px;
}
.teaserStrip .sun span {
	background-image: url(../img/icons/homepage/sun.png);
	width: 64px;
	height: 64px;
}
.teaserStrip .thumbs-down span {
	background-image: url(../img/icons/homepage/thumbs_down.png);
	width: 47px;
	height: 64px;
}
.teaserStrip .thumbs-up span {
	background-image: url(../img/icons/homepage/thumbs_up.png);
	width: 47px;
	height: 64px;
}
.teaserStrip .waterdrop span {
	background-image: url(../img/icons/homepage/waterdrop.png);
	width: 42px;
	height: 64px;
}
.teaserStrip .world01 span {
	background-image: url(../img/icons/homepage/world01.png);
	width: 64px;
	height: 64px;
}
.teaserStrip .world02 span {
	background-image: url(../img/icons/homepage/world02.png);
	width: 64px;
	height: 64px;
}


/*--------------------------------------------------*/
.icons li.common-name {
	background-image: url(../img/icons/template/common-name.gif);
}

.icons li.do-you-know {
	background-image: url(../img/icons/template/do-you-know.gif);
}

.icons li.endangered {
	background-image: url(../img/icons/template/endangered.gif);
}

.icons li.geographic-place {
	background-image: url(../img/icons/template/geographic-place.gif);
}

.icons li.height {
	background-image: url(../img/icons/template/height.gif);
}

.icons li.latin-name {
	background-image: url(../img/icons/template/latin-name.gif);
}

.icons li.lenght {
	background-image: url(../img/icons/template/lenght.gif);
}

.icons li.not-endangered {
	background-image: url(../img/icons/template/not-endangered.gif);
}

.icons li.population2 {
	background-image: url(../img/icons/template/population2.gif);
}

.icons li.population {
	background-image: url(../img/icons/template/population.gif);
}

.icons li.speed {
	background-image: url(../img/icons/template/speed.gif);
}

.icons li.record-breaker {
	background-image: url(../img/icons/template/record-breaker.gif);
}

.icons li.serious-endangered {
	background-image: url(../img/icons/template/serious-endangered.gif);
}

.icons li.skin-fur {
	background-image: url(../img/icons/template/skin-fur.gif);
}

.icons li.wheight2 {
	background-image: url(../img/icons/template/wheight2.gif);
}

.icons li.wheight {
	background-image: url(../img/icons/template/wheight.gif);
}

/*--------------------------------------------------*/
.wwfbr #logo {
	position: absolute;
	top: 0;
	left: -4px;
	width: 220px;
	height: 183px;
	z-index: 3;
	display: block;
}

.wwfbr #logo-img {
	width: 220px;
	height: 183px;
	background-image: url(../img/logo_wwfbr.png);
}

.wwfbr #tagline {
	display: none;
}

.wwfbr .browse {
	margin-left: 232px;
}
/*--------------------------------------------------*/
body {
	padding: 0;
	margin: 0;
	background: #F8F2DD;
	color:#474747;
	font-family: "helvetica neue", arial, helvetica, sans-serif;
    font-size:14px;
    line-height:1.429em; /* Baseline grid of 20px */
	position: relative;
}

.section {
	width: 90%;
	max-width: 92em;
	margin: 0 auto;
	text-align: left;
	min-width: 750px;
}


.secondary img {
	width: 100%;
	margin: 0 auto;
	max-width: 220px;
	display: block;
}


.highlight img {
	margin: 0.8em auto;
	margin-top: 0;
	display: block;
}

/* @group Tables */

table {
	border-bottom: 1px solid #666;
	font-size: 1em;  /* 13px */
}

caption {
	font-weight: bold;
	padding-bottom: 0.643em; /* 9px */
	font-size:1.077em; /* 14px */
}

thead th {
	border-top: 1px solid #666;
	border-bottom: 3px solid #666;
	padding-top: 0;
	padding-bottom: 0.692em; /* 9px */
}

tbody {
	border-top: 3px solid #666;	/* not rendered in IE6/7 */
}

tbody tr th, tbody tr td {
	border-top: 1px solid #ddd;
}

th, td {
	text-align: left;
	padding: 0.385em 0.692em 0.308em 0.692em; /* 5px 9px 4px 9px */
}

/* @end Tables */
/*--------------------------------------------------*/

