@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:990px; margin-left:auto; margin-right:auto; background: url(/images/holder-bkg.jpg) top left repeat-y; height:100%; min-height:100%; }

html>body #holder { height:auto; }

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

html>body #webpage { height: auto; }

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

div.social { padding: 20px 10px; float: right; }
div.social p { width: 156px; float: right; }
div.social a.donate { width: 156px; height: 36px; display: block; text-indent: -9999px; background: url(/images/contribute.jpg) no-repeat 0 0; }
div.social ul { overflow: hidden; clear: both; }
div.social li { float: left; margin: 0 0 0 10px; list-style: none; }
div.social li a { display: block; width: 32px; height: 32px; background-repeat: no-repat; background-position: 0 0; text-indent: -9999px; }
div.social a.blog { background-image: url(/images/blogger.jpg); }
div.social a.facebook { background-image: url(/images/facebook.jpg); }
div.social a.twitter { background-image: url(/images/twitter.jpg); }
div.social a.email { background-image: url(/images/email.jpg); }

div.mailinglist input[type="text"] { border: none; margin: 0 10px; padding: 3px; }

div.video { overflow: hidden; background: #CCC; padding: 20px; }
div.video-player { float: left; }
div.video-library { float: right; }
div.video-library ul { overflow-y: scroll; height: 350px; width: 600px; background-color: #FFF; margin: 0; }
div.video-library li { list-style: none; clear: both; }
div.video-library li a { display: block; overflow: hidden; padding: 10px; border-bottom: 1px solid #CCC; text-decoration: none; color: #000; }
div.video-library li a:hover { background-color: #FFC; }
div.video-library li a img { border: none; float: left; }
div.video-library li a strong { border: none; float: right; width: 460px; }

div.content { overflow: hidden; padding: 20px 20px 0; background-color: #F0F0F0; }
div.content-introduction {width: 925px; }
div.content-introduction p { font-size: 14px; line-height: 20px; color: #000; }
div.content-introduction p strong { color: #000; }
div.content-links { float: right; width: 450px; }

div.platform { overflow: hidden; background-color: #CCC; padding: 20px; margin: 0 0 20px; }
div.platform h1 { color: #000; font-style: normal; font-family: arial; margin: 0 0 20px;; }
div.platform-points { float: left; width: 150px; }
div.platform-points li { padding: 10px; list-style: none; cursor: pointer; background-color: #F0F0F0; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; }
div.platform-points li:hover { color: #009; }
div.platform-points li.selected { background-color: #FFF; border-right: 1px solid #FFF; }
div.platform-details { float: right; width: 720px; background-color: #FFF; padding: 10px 20px; height: 500px; }
div.platform-details p { font-size: 12px; line-height: 20px; color: #444; }

#nav { height:30px; padding:0; margin:0; background: url(/images/nav-bkg.jpg) repeat-x; }

.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:930px; 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;}