* {margin: 0; padding: 0;}
html {font-size: 62.5%;}
body {margin: 0 auto; font: 1.2em/1.7em "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif; color: #333; background: #FFF url(../IMG/global/mainBG.jpg);}
a {text-decoration: underline; color: #424221;}
a:visited {color: #777;}
a:hover {text-decoration: none; color: #424221;}
table {border-collapse: collapse;}
p, q {font-size: 1.2em; margin: 1em 0;}
ul {font-size: 1.2em;}
hr {color: #bbb; margin: 10px;}
form {margin: 10px 0;}
fieldset, img {border: 0 none;}
address {font-style: normal; margin: 0 0 1em;}
input, textarea {margin-right: 6px; padding: 1px; background-color: #EEE; border: 1px solid #999;}
input:focus, textarea:focus {background-color: #dbdbb7; border: 1px solid #666;}
input.checkbox {display: block; float: left; margin-top: 10px; text-align: left; background-color: transparent; border: 0 none;}
input.image {display: block; clear: both; margin-top: 20px; text-align: left; background-color: transparent; border: 0 none;}
*+html input.image {float: left;}

table {clear: both; width: 460px; border: 0 none;}
caption {text-align: left; font-weight: bold; margin-bottom: 6px;}
th, td {padding-right: 3em; text-align: left; font-weight: normal;}
table#access {border: 1px dotted #999; border-collapse: collapse;}
table#access th {font-weight: bold; border: 1px dotted #999;}
table#access th, table#access td {padding: 0.3em; border: 1px dotted #999;}

dd {float: left; clear: left; width: 180px; text-align: right; margin-right: 20px;}
dt {float: left; width: 180px;}

.offScreen {position: absolute; top: auto; left: -10000px; width: 1px; height: 1px; overflow: hidden;}
.note {font-weight: bold; font-size: 1.2em;}
.box a.annualReport {display: block; width: 260px; text-align: center; text-decoration: none; margin: 7px 0; padding: 2px 0 4px; font-style: italic; font-weight: bold; font-size: 1.3em; background-color: #a1b15a; color: #000; border: 1px solid #AAA; box-shadow: 5px 5px 5px #888; -moz-box-shadow: 5px 5px 5px #888; border-radius: 4px; -moz-border-radius: 4px;}
a.annualReport:visited {color: #FFF;}

.box {background-color: #acc58c; color: #000; padding: 20px; -moz-box-shadow: 5px 5px 20px #666; -o-box-shadow: 5px 5px 20px #666; -webkit-box-shadow: 5px 5px 20px #666;}
.box a, .box a:visited {color: #333;}

h1 {width: 800px; height: 50px;}
h1 a span {position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
h1 a {display: block; width: 800px; height: 99px;}
h2, h3, h4 {margin: 1.3em 0; font-weight: bold; font-size: 1.4em; text-align: left;}
h3 {font-size: 1.3em; font-style: italic;}
h4 {font-size: 1.2em;}
h4 + p {margin-top: 0;}

#skip a {position: absolute; top: auto; left: -10000px; width: 1px; height: 1px; overflow: hidden;} 
#skip a:focus, #skip a:active {top: 10px; left: 20px; width: auto; height: auto; overflow: visible; color: #FFF;} 

.preNext {padding-bottom: 20px;}
.preNext a {margin-right: 1em;}
.labelElemWrap {clear: both; margin: 0.5em 0; height: 1%;}
.labelElemWrap::after {display: block; clear: both; content: "."; visibility: hidden; height: 0;}
.labelElemWrap label {float: left; width: 170px; margin: 3px 0;}
.labelElemWrap input, .labelElemWrap textarea {float: left;}
label.error {font-weight: bold; color: red; padding-left: .5em;}

#outerWrapper {position: relative; width: 960px; margin: 0 auto 6px;}
#pageTop {width: 960px; height: 150px; background: url(../IMG/global/pageTop.jpg) no-repeat 0 0;}

/* top nav links */
#navigation {position: relative; width: 946px; margin: 0; padding-left: 14px; background: url(../IMG/global/pageMiddle.gif) repeat-y 0 0; border-bottom: 1px solid #666;}
#navigation::after {display: block; clear: both; content: "."; visibility: hidden; height: 0;}
#navigation * {margin: 0; padding: 0; font-size: 1em;}
#navigation ul li {float: left; list-style: none;	margin: 0 6px;}
#navigation ul li a {display: block; background: url(../IMG/nav/onlink2_right.png) top right no-repeat !important; font-weight: bold; padding: 0 15px 0 0;color: #e8e8e8; letter-spacing: 0.1em; text-decoration: none;}
#navigation ul li a span {display: block; height: 24px; cursor: pointer; background: url(../IMG/nav/onlink2_left.png) top left no-repeat !important; padding: 14px 0 0 12px;}

/* donate link */
#navigation ul li.donate a {position: absolute; right: 20px; letter-spacing: 0.5em;}
#navigation ul li.donate a span {padding-right: 16px; padding-left: 28px;}

/* top nav link hovers */
#navigation ul li a:hover {background: url(../IMG/nav/onhover2_right.png) top right no-repeat !important; color: #FFF; text-decoration: none;}
#navigation ul li a:hover span {background: url(../IMG/nav/onhover2_left.png) top left no-repeat !important;}

/* top nav link selected states */
#about #navigation ul li.about a,
#support #navigation ul li.support a,
#pregnancy #navigation ul li.pregnancy a,
#adoption #navigation ul li.adoption a,
#news #navigation ul li.news a,
#contact #navigation ul li.contact a,
#donate #navigation ul li.donate a
{background: url(../IMG/nav/onselected2_right.png) top right no-repeat !important;}

#about #navigation ul li.about a span,
#support #navigation ul li.support a span,
#pregnancy #navigation ul li.pregnancy a span,
#adoption #navigation ul li.adoption a span,
#news #navigation ul li.news a span,
#contact #navigation ul li.contact a span,
#donate #navigation ul li.donate a span
{background: url(../IMG/nav/onselected2_left.png) top left no-repeat !important;}

#main {width: 920px; padding: 1px 20px 30px; background: url(../IMG/global/pageMiddle.gif) repeat-y 0 0; color: #666;}
#main::after {display: block; clear: both; content: "."; visibility: hidden; height: 0;}
#main ul, #main ol {margin-left: 2.3em;}
#main img {float: right; border: 1px solid #DDD; margin: 0 0 2em 2em;}
#main img:not(.paypal) {-moz-box-shadow: 5px 5px 20px #666; -o-box-shadow: 5px 5px 20px #666; -webkit-box-shadow: 5px 5px 20px #666;}

#main .special {width: 920px; color: #000; margin: 10px 0; padding: 12px 0 10px;}
#home .special::after {display: block; clear: both; content: "."; visibility: hidden; height: 0;}
#main .special h3 {height: 24px; margin: -22px -20px 0; padding-top: 8px; text-align: center; color: #333; background-color: #CCC888; border-bottom: 1px dotted #FFF;}

#main .box .boxLeft {float: left; width: 380px; padding: 10px 20px 0;}
#main .box a#player1 {display: block; width: 290px; height: 240px;}
#main .box .boxLeft h2 {width: 420px;}
#main .box .boxLeft ul {margin-bottom: 10px;}

#main .box .boxRight {float: left; width: 440px; padding: 10px 20px 0; border-left: 1px solid #ccc;}
#main .box .boxRight img, #main .box .boxRight div {display: block; float: none; text-align: center; margin: 8px auto;}
#main .box .boxRight h2 {width: 499px;}

#main #leftPanel {float: left; width: 412px; margin: 8px 0 14px 10px;}
#main #leftPanel p {text-align: center;}
#main #leftPanel .box {padding: 14px;}
#main #leftPanel .box h3 {margin-top: 8px; text-align: center;}

#main #rightPanel {float: right; width: 470px; font-size: 1.2em; margin: 8px 10px 0 0;}
#main #rightPanel img {float: none; padding: 0;}
#main #rightPanel .box {text-align: center; padding: 16px 10px 10px;}
#main img#mainDonate {float: none; margin: 0; border: 0 none;}
#main img.homeText {float: none; margin: 5px 0 0 -20px; border: 0 none;}

#mainNav {float: left; width: 221px; margin: -5px 0 -30px; padding: 10px 10px 0 0;}
#mainNav ul {margin-left: 0;}
#mainNav li {font-size: .8em; margin: 0.8em 0; list-style-type: none;}
#mainNav {font-size: 1.2em;}

#mainBody {float: left; width: 658px; margin: 0 0 -30px; padding: 10px 0 20px 30px; border-left: 1px dotted #999;}

#donate form {float: left; width: 310px;  padding: 0 4px 0 10px;}
#donate label {font-weight: bold; font-size: 1.3em;}
#donate input {padding: 0; text-align: right;}
#donate img.paypal {float: none; margin: 10px 0; padding: 10px 0;}
#donate input.image {margin-top: 6px;}

#support h3 {margin: 0.7em 0;}
#support h4 {margin: 0.7em 10px; font-size: 1em;}
#support #main ul {margin-left: 40px;}
#support p {margin: 0.5em 0;}

#news h3 {clear: both; height: 1%; padding-top: 10px; border-top: 1px solid #999;}
#news h3::after {display: block; clear: both; content: "."; visibility: hidden; height: 0;}
#news .sneakPeak {text-align: center;}
#news img {float: none; margin: 4px 0;}
#news dl {clear: both; width: 560px; margin: 1em 0;}
#news dl::after {display: block; clear: both; content: "."; visibility: hidden; height: 0;}
#news dt {clear: left; width: 80px; text-align: right; margin-right: 10px;}
#news dd {clear: none; width: 400px; text-align: left;}
#news h3 {margin: 0; letter-spacing: 0;}
#news h4 {margin: 0 0 0.5em; letter-spacing: 0; font-style: italic;}
#news input {border: 0 none;}

#home input {border: 0 none; background-color: transparent;}
#home h2 {clear: both; margin: 0 0 .5em;}
#home img {float: none; display: block; margin: 0 auto 12px;}

#contact .address {float: left; width: 460px; padding: 6px 0;}
#contact form {clear: both;}
#contact .box {float: left; width: 410px; height: 190px; padding: 6px 0; margin: 0 10px 10px 0;}
#contact .box h3 {margin: 1em 0 .5em; text-align: center;}
#contact .box ul {list-style-type: none; margin: 0 0 0 158px;}
#contact label.copyEmail {position: relative; top: 10px; width: 270px;}

#footer {background: url(../IMG/global/pageMiddle.gif) repeat-y 0 0; color: #666; border-top: 1px dotted #666; text-align: center; padding: 7px 0 0;}
#footer li {display: inline; list-style-type: none}
#footer li a {margin: 0 0.5em; color: #424221; text-decoration: none;}
#footer p {margin-bottom: 0;}

#pageBottom {width: 960px; height: 26px; background: url(../IMG/global/pageBottom.gif) no-repeat 0 0;}