/* Site Wide Styles  
**************************************************************************/
body, ul, ol, li, p, h1, h2, h3{margin:0; padding:0;}
ul{list-style:none;}
a{color:; text-decoration:none;}
a:hover{text-decoration:none;}
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
a img{border:none;}
.clear{clear:both;}

html{xbackground:#ebe9dc;}
body{font:14px georgia; color:#343434; background:url(../images/body-bg.jpg) no-repeat top center #ebe9dc; padding:11px 0 0 0;}
#container{width:865px; margin:0 auto; padding:0 23px; background:url(../images/container-bg-2.png) repeat-y; clear:both;}

.green{color:#017a04;}
.blue{color:#221f73;}

#nav ul li a,
#connect-links,
#footer
{font-family:'Nobile', verdana, sans-serif;}

/* text-shadow{x y blur color}; */

#nav ul li a,
#connect-links,
#donate-banner,
#footer-social-links li a
{text-shadow: 0 4px 6px #000;}

#did-you-know h2
{text-shadow:0 1px 5px #ebe9dc;}


/* Header Styles  
**************************************************************************/
#header{width:911px; margin:0 auto 0 auto;}
#logo-link{float:left; position:relative; right:23px;}
#unshackle-logo{float:right; position:relative; top:115px; right:65px;}

/********** Nav Styles **********/
#nav{background:url(../images/nav-bg.png) no-repeat bottom; width:873px; height:74px; margin:0 auto; padding:80px 0 0 38px; clear:left;}
#nav ul{padding:18px 0 0 0;}
#nav ul li{float:left; background:url(../images/nav-seperator.png) repeat-y right;}
#nav ul li a{font-size:23px; text-transform:uppercase; color:#ebe9dc; display:block; padding:3px 20px; position:relative;}
#nav ul li a:hover{color:#50b948; top:-3px;}
#nav ul li a.active{color:#50b948;}
#nav ul li a#donate-nav{background:url(../images/thermometer-small.jpg) no-repeat 20px 0; padding:3px 20px 3px 50px;}


/* Main Content Styles  
**************************************************************************/
#content{background:url(../images/content-bg.jpg) no-repeat; width:849px; margin:0 auto;}

/********** Main Column Styles **********/
#main-column{float:left; width:500px; padding:30px 0 30px 25px;}
h1{font-size:26px; font-weight:normal;}
#main-column p{padding:0 20px 20px 0;}
p#intro{font-size:18px;}
#main-column img{padding:0 0 20px 0;}
#main-column a{color:#0700cf; text-decoration:underline;}

/********** Cloud Animation Styles **********/
#change-next-exit{width:487px; height:213px; padding:11px 0 20px 11px; background:url(../images/a/change-next-exit-bg.png) no-repeat;}
#animate{width:465px; height:202px; overflow:hidden; background:url(../images/a/cloud-bg.jpg) no-repeat; position:absolute;}
#highway-sign{float:left; position:absolute; left:205px; top:22px; z-index:100;}
#cloud-1{float:left; position:absolute;}
#cloud-2{float:left; position:absolute;}
#cloud-3{float:left; position:absolute;}
#cloud-4{float:left; position:absolute;}

/* Main Content - Inner Pages - Styles  
**************************************************************************/
/* About */
.about h1{font-weight:bold; padding:0 0 20px 0;}
.about .section{padding:25px 0 10px 0; xborder-bottom:1px solid #b3b1a3; background:url(../images/section-bg.png) no-repeat bottom left;}
.about h2{font-size:18px; padding:0 0 20px 0;}
.about p#intro{padding:0 0 5px 0;}
.about ul{margin:0 20px 0 20px; list-style:circle;}
.about ul li{padding:0 0 20px 0;}

.about .view{display:block; margin:5px 0 0 10px;}

/* Donate */
.donate h1{font-weight:bold; padding:0 0 20px 0;}
.donate p#intro{padding:0 20px 25px 0; font-size:14px;}
.donate p#intro span{font-size:18px;}
.donate .green-emphasis{color:#017a04; font-size:18px;}
.donate #donator{background:url(../images/section-bg.png) no-repeat top left; padding:25px 0 0 0; margin:10px 0 0 0;}
.donate #donator .green-emphasis{color:#017a04; font-size:22px;}
/* .donate #donator p{width:195px; padding:0; float:left;} */
.donate #donator #BB_BuyButtonForm{width:265px; float:right; position:relative; top:-30px;}
.donate #donator img{padding:0px; border:1px solid #000;}
/* Contact */
.contact h1{font-weight:bold; padding:0 0 20px 0;}


/* Sidebar Styles  
**************************************************************************/
#sidebar{float:left; width:323px;}

/********** Connect Links Styles **********/
#connect-links{background:url(../images/green-banner-1.png) no-repeat; width:269px; height:371px; margin:0 auto; padding:0; position:relative; left:20px; color:#ebe9dc;}
#connect-links h2{background:url(../images/cream-line.png) no-repeat bottom; padding:0 0 20px 0; text-align:center; font-weight:normal; font-size:22px; line-height:22px;}
#connect-links h2 span{font-size:18px; display:block;}
#connect-links h3{background:url(../images/cream-line.png) no-repeat bottom; padding:0 0 15px 0; text-align:center; font-weight:normal; font-size:17px;}
#connect-links a{color:#ebe9dc;}
#social-links{padding:0 0 15px 45px;}
#social-links li a{font-size:25px;}
#social-links li a img{position:relative; top:15px;}
#unshackle-links{padding:0 0 0 24px;}
#unshackle-links li{float:left; margin:0 -5px 0 0;}
#unshackle-links li a{display:block; background:url(../images/blue-button.png) no-repeat; width:78px; height:34px; text-align:center; padding:2px 0 0 0;}

/********** Did You Know Styles **********/
#did-you-know{position:relative; top:-10px; color:#221f73; position:relative; left:20px;}
#did-you-know h2{background:url(../images/did-you-know-bg.png) no-repeat; width:249px; height:42px; margin:0 auto; padding:15px 0 0 0; text-align:center; font-style:italic;}
#megaphone-man{position:relative; right:20px;}
#did-you-know ol{padding:10px 50px 0 65px;}
#did-you-know li{padding:0 0 10px 0;}

/********** Donate Banner Styles **********/
#donate-to-upac{background:url(../images/green-banner-2.png) no-repeat; width:853px; height:119px; margin:0 auto; padding:38px 0 0 0; text-align:center;}
#donate-banner{font-size:46px; color:#ebe9dc; padding:0 0 0 30px;}
#donate-banner span{font-size:19px; text-transform:uppercase; display:block; position:relative; left:14px;}
#large-thermometer{float:left; position:relative; top:10px; left:230px;}

/* Sidebar Styles  
**************************************************************************/
#footer{background:url(../images/footer-bg.png) no-repeat; width:911px; height:144px; margin:0 auto; padding:26px 0 0 0; clear:both; color:#ebe9dc;}
#footer-social-links{padding:0 0 0 155px;}
#footer-social-links li{float:left; text-align:center; margin:0 10px 0 0;}
#footer-social-links li a{background:url(../images/green-banner-3.png) no-repeat; width:198px; height:91px; display:block; font-size:16px; color:#fff;}
#footer-social-links li a img{position:relative; top:20px;}
#footer p{clear:both; text-align:right; padding:0 40px 0 0; font-size:10px;}