@charset "utf-8";
/*  YAML SLIM BASE */
/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
@media all {
* {margin: 0; padding: 0}
option {padding-left: .4em}
select {padding: 1px}
* html body * {overflow: visible}
* html iframe,* html frame {overflow: auto}
* html frameset {overflow: hidden}
html {height: 100%; margin-bottom: 1px}
body {font-size: 100.01%; color: #000; background: #fff; text-align: left}
fieldset,img {border: 0 solid}
ul,ol,dl {margin: 0 0 1em 1em}
li {margin-left: .8em; line-height: 1.5em}
dt {font-weight: 700}
dd {margin: 0 0 1em .8em}
blockquote {margin: 0 0 1em .8em}
blockquote:before,blockquote:after,q:before,q:after {content: ""}
#header {position: relative}
#topnav {text-align: right}
#header #topnav {position: absolute; top: 10px; right: 10px}
#header,#nav,#main,#footer {clear: both}
#col1 {float: left; width: 200px}
#col2 {float: right; width: 200px}
#col3 {width: auto; margin: 0 200px}
#col1_content,#col2_content,#col3_content {position: relative}
.clearfix:after {content: "."; display: block; font-size: 0; height: 0; clear: both; visibility: hidden}
.clearfix {display: block}
.floatbox {overflow: hidden}
#ie_clearing {display: none}
.subcolumns {width: 100%; overflow: hidden}
.subcolumns_oldgecko {width: 100%; float: left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l {float: left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r {float: right; margin-left: -5px}
.c25l,.c25r {width: 25%}
.c33l,.c33r {width: 33.333%}
.c50l,.c50r {width: 50%}
.c66l,.c66r {width: 66.666%}
.c75l,.c75r {width: 75%}
.c38l,.c38r {width: 38.2%}
.c62l,.c62r {width: 61.8%}
.subc {padding: 0 .5em}
.subcl {padding: 0 1em 0 0}
.subcr {padding: 0 0 0 1em}
.equalize,.equalize .subcolumns {overflow: visible; display: table; table-layout: fixed}
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {display: table-cell; vertical-align: top; float: none; margin: 0; overflow: hidden}
.skip,.hideme,.print,dfn {position: absolute; left: -1000em; top: -1000em}
.skip:focus,.skip:active {position: static; left: 0; top: 0}
}
/* YAML BASEMOD */
@media screen, projection {
body {background-color: #d3d6b8; padding: 0 0 15px 0;}
body {text-align: center;}
.page_margins {text-align: left; margin: 0 auto;}
.page_margins {width: 800px;}
.page {background-image: url(/images/site/bkgrd_tile.jpg); background-repeat: repeat-y; background-position: left top;}
#header {background-image: url(/images/site/bkgrd_header.jpg); background-repeat: no-repeat; background-position: left top; height: 141px; padding: 30px 30px 0 30px;}
body#knowledge_page #header,
body#archive_knowledge_page #header {background-image: url(/images/site/bkgrd_header_knowledge.jpg);}
body#webinar-bird-care_page #header, body#webinar-rethinking-bird-care_page #header {background-image: url(/images/site/bkgrd_header_webinars.jpg);}
body#kids_page #header {background-image: url(/images/site/bkgrd_header_kids.jpg);}
body#archive_kids_page #header {background-image: url(/images/site/bkgrd_header_kids_archive.jpg);}
#topnav {color: #695D54; background: transparent;}
#main {clear: both;}
#footer {width: 740px; margin: 0 30px; padding-top: 9px; background-image: url(/images/site/nav_bar.gif); background-repeat: no-repeat; background-position: left top; background-color: #7a8b42;}
#col1 {float: right; width: 223px;}
/* sidebar */
#col1_content {padding: 10px 40px 10px 15px;}
body#home_page #col1_content {padding: 0 30px 10px 0;}
#col3 {width: auto; margin: 0 223px 0 0;}
/* content */
#col3_content {padding: 20px 12px 10px 42px;}
}
/* YAML CONTENT */
@media all {
html * {font-size: 100.01%;}
textarea, pre, code, kbd, samp, var, tt {font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;}
body {font-family: Verdana, Geneva, sans-serif; font-size: 75%; color: #695d54;}
h1,h2,h3,h4,h5,h6 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #7a8b42;margin: 0 0 0.25em 0;}
h1 {font-size: 250%;}
h2 {font-size: 200%;}
h3 {font-size: 150%;}
h4 {font-size: 133.33%;}
h5 {font-size: 116.67%;}
h6 {font-size: 116.67%;}
ul, ol, dl {line-height: 1.5em; margin: 0 0 1em 1em; padding-left: 0;}
ul li {list-style-type: disc;}
ul ul li {list-style-type: circle;}
ol li {list-style-type: decimal;}
ol ol li {list-style-type: lower-latin;}
li {margin-left: .8em; margin-bottom: .5em; line-height: 1.5em}
dt {font-weight: bold;}
dd {margin: 0 0 1em 0.8em;}
p {line-height: 1.5em; margin: 0 0 1em 0;}
cite,q {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
blockquote {margin: 1.5em 0; color: #666; border: 1px solid #E4a231;padding: 2em 2em 1em 2em;background-color: #f9edda;}
div#col3_content blockquote h2 {color: #dc941a;}
strong,b {font-weight: bold;}
em,i {font-style: italic;}
pre, code, kbd, tt, samp, var {font-size: 100%;}
pre, code {color: #800;}
pre {line-height: 1.5em; margin: 0 0 1em 0;}
kbd, samp, var {color: #666;}
var {font-style: italic;}
acronym, abbr {border-bottom: 1px #aaa dotted; font-variant: small-caps; letter-spacing: .07em; cursor: help;}
sub, sup {font-size: 91.6667%;}
hr {color: #fff; background: transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border: 0; border-bottom: 1px #ccc solid;}
a {color: #7a8b42; background: transparent; text-decoration: none; font-weight: bold;}
a:visited {color: #7a8b42;}
a:focus,
  a:hover,
  a:active {color: #695d54; text-decoration: underline;}
a img {border: 0 none;}
h1 a {font-weight: normal;}
p.icaption_left {float: left; display: inline; margin: 0 1em 0.15em 0;}
p.icaption_right {float: right; display: inline; margin: 0 0 0.15em 1em;}
p.icaption_left img,
  p.icaption_right img {padding: 0; border: 1px #888 solid;}
p.icaption_left strong,
  p.icaption_right strong {display: block; overflow: hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%;}
.highlight {color: #f60;}
.dimmed {color: #888;}
.info {background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%;}
/* eeSiteKit .codeblock and code CSS - June 2009*/
.codeblock {float: left; background: #f8f8f8; color: #666; padding: 10px 0 30px 10px; margin-bottom: 1em; font-size: 91.7%; width: 430px; overflow: auto;}
code {white-space: nowrap;}
.note {background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em;}
.important {background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em;}
.warning {background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em;}
.float_left {float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em;}
.float_right {float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em;}
.center {display: block; text-align: center; margin: 0.5em auto;}
.capitalize {text-transform: capitalize;}
.margin_bottom_sm {margin-bottom: .6em;}
.printerFriendly {margin-bottom: 0; text-align: right; font-size: .9em;}
.printerFriendly a {font-weight: normal; color: #695d54;}
.printerFriendly a:hover {color: #000;}
table {width: auto; border-collapse: collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid;}
table caption {font-variant: small-caps;}
blockquote table {border: 0 none;}
blockquote table caption {color: #dc941a;font-size: 110%; font-weight: bold; font-family: Verdana, Geneva, sans-serif;margin-bottom: .5em;font-variant: normal;}
table.full {width: 100%;}
table.fixed {table-layout: fixed;}
th,td {padding: 0.5em;}
td {vertical-align: top;}
/* UTILITY NAV AND SEARCH FORM */
#nav_util {overflow: hidden;}
#nav_util ul {margin: 5px 0 5px 0; padding: 0; list-style: none; float: right; display: inline; text-align: right;}
#nav_util li {float: right; display: inline; line-height: 1; margin: 0; padding-top: 5px;}
#nav_util li span {color: #e4a231; padding: 0 5px;}
#nav_util li a {font-size: 1em; color: #695D54; font-weight: normal; vertical-align: top; text-decoration: none;}
#nav_util li a:hover {color: #000; text-decoration: underline;}
#nav_util form {margin-bottom: 0;}
#nav_util li input {margin-top: -6px; margin-left: 2px; background-color: #eef0e5; border: #e4a231 1px solid; padding: 2px;}
#nav_util li  input:focus {background-color: #fff;}
/* HEADER */
#header h1 {display: none;}
#header h2 {font-size: 300%; letter-spacing: -.05em; color: #e4a231; margin-left: 260px; text-align: right; padding: 40px 17px 0 0; 
line-height: 1;}
#header  .logo {float: left; display: inline; margin: 0; width: 250px; height: 137px;}/*width: 310px;*/
/* CONTENT */
div#col3_content h2 {text-transform: uppercase; color: #c41142; font-size: 100%; font-weight: bold;font-family: Verdana, Geneva, sans-serif;margin-bottom: .5em;}
div#col3_content h2 a {color: #c41142; text-decoration: underline;}
div#col3_content h2 a:hover {color: #695d54;}
div.comment_credits a {font-weight: normal;}
div#archive ul {color: #c41142; font-weight: bold; text-transform: uppercase;}
div#archive ul li,
div#sitemap ul li {list-style: none;}
div#archive ul ul {color: #695d54; 	font-weight: normal; text-transform: none;}
div#archive li li,
div#sitemap li li {list-style: disc;}
/* SIDEBAR */
div.news {margin-bottom: 1.5em;}
div.news h2 {background-image: url(/images/site/sidebar_top_green.gif); background-repeat: no-repeat; background-position: left top; padding: 14px 10px 0 15px; font-size: 170%; line-height: 1.1; margin-bottom: 0;}
div.news ul {margin: 0; padding: 3px 10px 0 15px; list-style: none;}
div.news li {margin: 0; list-style: none; font-size: 90%; line-height: 1.2; padding: 3px 0;}
div.news p {font-size: 90%; line-height: 1.2; margin: 0; padding: 3px 10px 3px 15px;}
div.quickLinks {padding-top: 5px;}
body#home_page div.quickLinks {padding: 5px 10px 0 15px;}
div.quickLinks h2 {font-size: 170%; margin-bottom: 0;}
div.quickLinks p {font-size: 90%; margin-bottom: 1.2em;}
div.quickLinks div#tweet p {margin-bottom: .8em; line-height: 1.3;}
div.quickLinks div#tweet p i {font-size: 90%;}
/* FOOTER AND CREDITS */
#footer {clear: both;}
#footer ul {padding: 6px 12px; margin: 0; list-style: none;}
#footer li {display: inline; margin: 0; padding: 0;}
#footer li span {color: #e4a231; padding: 0 5px 0 8px;}
#footer li a {color: #fff; font-weight: normal; padding: 5px 0;}
#footer li a:hover {color: #e4a231;}
#credits {border-top: 30px solid #e4a231; text-align: right; padding: 5px 0; font-size: .9em;}
#credits a {font-weight: normal; color: #695d54;}
#credits a:hover {color: #000; text-decoration: underline;}
/* Clean up and remove after launch */
.img-boarder, .img-boarder-content, .img-border {display: block; background-color: #fff; border: 1px solid #a9a9a9; padding: 8px 8px 6px 8px; font-size: 80%; font-family: georgia, serif; line-height: 1.4em; color: #7a8b42;}
/* Red heading used in publish/edit page only */
.redheading {font-size: 95%; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; margin: 0; padding-top: 6px; color: #c41142;}
h2.redheading {font-size: 70%; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; margin: 0; padding-top: 0; color: #c41142;}
div.pollAnswerBlock {margin-bottom: 1em;}
div.pollQuestion {margin-bottom: 1em;}
div.pollAnswer {margin-bottom: .7em;}
.comment_credits {margin-top: 1em;}
}
/* YAML FORMS */
@media all
{
div.yform {margin: 0 0 1em 0; padding: 0 0 10px 0}
div.yform fieldset {border: 1px #ddd solid; border: 1px #ccc solid; background: #fafafa; margin: 0 0 0 0; padding: 0.5em 1em;}
div.yform legend {font-size: 125%; font-weight: normal; color: #333; font-size: 150%; font-weight: normal; color: #7a8b42; font-family: Georgia, "Times New Roman", Times, serif;}
div.yform label {color: #666; color: #695D54; font-weight: bold;}
div.yform .type-text input,
  div.yform .type-text textarea,
  div.yform .type-select select {font-family: Arial, Helvetica, sans-serif; /* pro
portional fonts for all form elements */
    border: 1px solid #ddd; border: 1px solid #ccc;}
div.yform div input:focus,
  div.yform div select:focus,
  div.yform div textarea:focus,
  div.yform div input:hover,
  div.yform div select:hover,
  div.yform div textarea:hover,
  div.yform div input:active,
  div.yform div select:active,
  div.yform div textarea:active {border: 1px #a66 solid; border: 1px #e4a231 solid; background: #fff;}
div.yform .type-button input {border-top: 1px #ddd solid; border-left: 1px #ddd solid; border-right: 1px #888 solid; border-bottom: 1px #888 solid; color: #000; background: #ccc; padding: .4em 1.1em;}
div.yform .type-button input#reset {color: #300; background: #661717;}
div.yform .type-button input#submit {color: #000; background: #ccc;}
div.yform div.type-button input:focus,
  div.yform div.type-button input:hover,
  div.yform div.type-button input:active {border-top: 1px #888 solid; border-left: 1px #888 solid; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; color: #fff; background: #999;}
div.yform div.type-button input#reset:focus,
  div.yform div.type-button input#reset:hover,
  div.yform div.type-button input#reset:active {background: #800; color: #fff;}
div.yform div.type-button input#submit:focus,
  div.yform div.type-button input#submit:hover,
  div.yform div.type-button input#submit:active {background: #999; color: #fff;}
div.yform {overflow: hidden;}
div.yform fieldset {overflow: hidden;}
div.yform legend {background: transparent; border: 0;}
div.yform label {display: block; cursor: pointer;}
div.yform .message {display: block; margin-bottom: 0.5em; color: #666;}
div.yform input[type=hidden] {display: none !important;}
div.yform sup {color: #800; font-weight: bold;}
div.yform div.type-text,
  div.yform div.type-select,
  div.yform div.type-check,
  div.yform div.type-button {margin: 1em 0; position: relative; overflow: hidden;}
div.yform .type-text input,
  div.yform .type-text textarea {display: block; position: relative; padding: 0.3em 0.3em; width: 90%;}
div.yform .type-select select {display: block; position: relative; padding: 0.3em 2px 0.3em 1px; width: 60%; cursor: pointer;}
div.yform .type-select select optgroup {font-style: normal; font-weight: bold;}
div.yform .type-check input {cursor: pointer;}
div.yform .type-check label {display: inline;}
div.yform .type-button input {width: auto; cursor: pointer;}
div.yform div.error {border: 1px #a00 dashed; background: #faf4f4; padding: 0.5em;}
div.yform div.error label {color: #000; font-weight: bold;}
div.yform div.error .message {color: #800;}
.columnar .type-text label,
  .columnar .type-select label {float: left; width: 30%;}
.columnar div.type-check {padding-left: 30%;}
.columnar div.error .message {margin-left: 30%;}
.columnar div.type-text input,
  .columnar div.type-text textarea {width: 67.8%;}
.columnar div.type-select select {width: 69.4%;}
* html .columnar div.type-text input,
  * html .columnar div.type-text textarea {width: 67.2%;}
* html .columnar div.type-select select {width: 68.8%;}
/* IE5.x & IE6 */
* html div.yform legend {position: absolute; top: -.5em; left: .5em;}
* html div.yform fieldset {overflow: visible; height: 1%; margin-top: 1.5em; padding-top: 1.5em;}
/* IE7 & IE8 */
* +html div.yform legend {margin-top /
***/: -1.1em; left: -.5em;}
* +html div.yform fieldset {overflow /
***/: visible; height: 1%;}
.required {color: #c41142; font-weight: bold;}
label em {font-weight: normal; font-style: normal;}
}
/* YAML KIT NAVIGATION */
/* eeSitKit 2.0 Main Naivgation CSS July 2009 */
div#nav {float: left; display: inline; width: 740px; margin: 0 30px; padding-top: 9px; background-image: url(/images/site/nav_bar.gif); background-repeat: no-repeat; background-position: left top; border-bottom: 1px solid #695d54; background-color: #fff;}
div#nav_main ul {float: left; margin: 0; padding: 0;}
div#nav_main li {float: left; margin: 0; list-style: none;}
div#nav_main a {display: block; text-decoration: none; padding: 8px 12px; color: #695d54; margin-right: 1px;}
div#nav_main a:hover, div#nav_main .selected {background-color: #c1c49a;}
div#nav_main li ul {position: absolute; left: -999em; width: 160px; z-index: 10; border-bottom: 1px solid #695d54;}
div#nav_main li:hover ul, div#nav_main li.sfhover ul {left: auto;}
div#nav_main li ul li {float: none; border-top: 1px solid #695d54;}
div#nav_main li:hover, div#nav_main li.hover {position: static;}
div#nav_main li ul a {font-weight: normal; background-color: #c1c49a; padding: 5px 12px; margin: 0;}
div#nav_main li ul a:hover {background-color: #7a8b42; color: #fff;}
div#nav_main a:focus {outline: none}
/* NAV SUB */
div#nav_sub {margin: 0 0 30px 0;}
div#nav_sub h2 {font-size: 200%; margin-bottom: 0; line-height: 1.1;}
div#nav_sub h2 a {font-weight: normal;}
div#nav_sub h2 a:hover {color: #695d54; text-decoration: none;}
div#nav_sub h2 a.selected {color: #c41142;}
div#nav_sub ul {margin: 0; padding: 0; list-style: none;}
div#nav_sub li {margin: 0; list-style: none; border-bottom: 1px solid #ccc;}
div#nav_sub li a {font-weight: normal; color: #695d54; padding: 5px 0; display: block;}
div#nav_sub li a:hover {color: #000; text-decoration: none;}
div#nav_sub li a.selected {color: #c41142; font-weight: bold;}
div#nav_sub ul ul {padding-left: 15px;}
div#nav_sub li li {border-bottom: 0 none;}