@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

html, body {height:100%;}

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#000000; background:#cccccc; }
h1, h2, h3 { font-family:"Times New Roman", Times, serif; color:#cc0000; margin:14px 0; }
h1 { font-size:16px; line-height:20px; font-weight:bold; font-style:italic; }
h2 { font-size:14px; line-height:18px; font-weight:normal; }
h3 { font-size:14px; line-height:18px; font-weight:normal; color:#004499; }
a { color:#004499; }
a:hover { color:#cc0000; }
ol { list-style:inside decimal; }
ul { list-style:inside; }
p, ol, ul { margin:0 0 14px 0; }
.clear { clear:both; }
.red { color:#cc0000; }

#holder { width:820px; margin-left:auto; margin-right:auto; text-align:center; background: url(/images/holder-bkg.jpg) top left repeat-y; height:100%; min-height:100%; }

html>body #holder { height:auto; }

#webpage { width:800px; margin-left:10px; margin-right:10px; }

html>body #webpage { height: auto; }

#banner { width:800px; height:120px; padding:0; margin:0; background:url(/images/banner.jpg) top left no-repeat; }
#banner h1 { display:none }

#nav { width:800px; height:30px; padding:0; margin:0; }

.button { float:left; }
.button a { display:block; width:inherit; }

#home a { width:63px; height:30px; background:url(/images/nav.jpg) 0 0 no-repeat; }
#home a:hover { width:63px; height:30px; background:url(/images/nav.jpg) 0 -30px no-repeat; }
#whois a { width:205px; height:30px; background:url(/images/nav.jpg) -63px 0 no-repeat; }
#whois a:hover { width:205px; height:30px; background:url(/images/nav.jpg) -63px -30px no-repeat; }
#email a { width:146px; height:30px; background:url(/images/nav.jpg) -268px 0 no-repeat; }
#email a:hover { width:146px; height:30px; background:url(/images/nav.jpg) -268px -30px no-repeat; }
#volunteer a { width:99px; height:30px; background:url(/images/nav.jpg) -414px 0 no-repeat; }
#volunteer a:hover { width:99px; height:30px; background:url(/images/nav.jpg) -414px -30px no-repeat; }
#donate a { width:81px; height:30px; background:url(/images/nav.jpg) -513px 0 no-repeat; }
#donate a:hover { width:81px; height:30px; background:url(/images/nav.jpg) -513px -30px no-repeat; }
#blog a { width:206px; height:30px; background:url(/images/nav.jpg) -594px 0 no-repeat; }
#blog a:hover { width:206px; height:30px; background:url(/images/nav.jpg) -594px -30px no-repeat; }

#content { text-align:left; margin:10px; padding:0 0 20px 0; }
#content div.main_image { float:right; border:none; margin:0 0 10px 10px; text-align:center; width:330px; }
#content div.photo_credit { text-align:right; font-size:10px; font-style:italic; }

#slideshow { width:800px; height:260px; background:url(/images/slidebkg.jpg) top left repeat-x; margin:0 0 10px 0; padding:0; color:#ffffff; position:relative; }
#slide_controls { width:240px; height:60px; position:absolute; top:185px; left:90px; }
.control_button { float:left; margin:5px; wisth:50px; height:50px; }
.control_button a { display:block; width:inherit; }
#btn1 { background:url(../images/controls.jpg) 0 -50px no-repeat; }
#btn1:hover { background:url(../images/controls.jpg) 0 -100px no-repeat; }
#btn1.selected, #btn1.selected:hover { background:url(../images/controls.jpg) 0 0 no-repeat; }
#btn2 { background:url(../images/controls.jpg) -50px -50px no-repeat; }
#btn2:hover { background:url(../images/controls.jpg) -50px -100px no-repeat; }
#btn2.selected, #btn2.selected:hover { background:url(../images/controls.jpg) -50px 0 no-repeat; }
#btn3 { background:url(../images/controls.jpg) -100px -50px no-repeat; }
#btn3:hover { background:url(../images/controls.jpg) -100px -100px no-repeat; }
#btn3.selected, #btn3.selected:hover { background:url(../images/controls.jpg) -100px 0 no-repeat; }
#btn4 { background:url(../images/controls.jpg) -150px -50px no-repeat; }
#btn4:hover { background:url(../images/controls.jpg) -150px -100px no-repeat; }
#btn4.selected, #btn4.selected:hover { background:url(../images/controls.jpg) -150px 0 no-repeat; }

.slide { width:780px; height:240px; margin:0; padding:10px; }
.slide_image { width:360px; height:240px; margin:0; padding:0 0 0 10px; float:right; border-left:solid 2px #6f9ccf; }
.slide_image div.photo_credit { text-align:right; font-size:10px; font-style:italic; }
.slide_content { width:360px; height:160px; margin:0 20px; padding:0; float:left; text-align:center; font-weight:bold; font-size:12px; line-height:18px; }
.slide_content h1 { font-size:24px; color:#ffffff; margin:10px 0; }
.slide_content h2 { font-size:18px; color:#ffffff; margin:0 0 30px 0; }

#footer { clear:both; width:780px; margin-left:10px; margin-right:10px; border-top:2px solid #004499; padding:10px 0; }
.box { border:1px solid #000066; padding:3px; }

#cdd {  width:780px; margin-left:10px; margin-right:10px; text-align:right; padding:15px 0; font-size:9px; font-style:italic;}