/*
 * 
 * 	JJohnson | PLP Capital Campaign 2009
 *  Oct. 2009
 * 
 */

body{
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size: 13px;
	color: #2a2a2a;
	background: #eaeaea url(../images/bg-page.jpg) repeat-x left top;
}

a{color: #306598;}
a:hover{color: #1c3955;}

.welcome,.foundation, .wtg, .donor{background-repeat: no-repeat; background-position: left top; text-indent: -99999em; width: 460px; height: 22px; margin-bottom: 10px;}
.welcome{background-image: url(../images/hd-welcome.gif)}
.foundation{background-image: url(../images/h-foundation.gif);}
.donor{background-image: url(../images/h-donor.gif); height: 30px;}
.wtg{background-image: url(../images/h-ways-to-give.gif); height: 30px;}

.quote{color: #306598; font-family: Georgia, serif; font-size: 15px; text-align: center; font-style:italic;}
.signature{font-style:italic; font-size: 14px;}

.cta{margin: 10px 0;}
.marqueeCTA{margin-top: 25px; font-size: 11px;}
.marqueeCTA h4{margin-bottom: 6px;}
.cta.graph{margin-top: -40px; margin-left: 10px;}
.cta.pledge{background: #364A53; border: 1px solid #333; padding: 3px;}
.cta.spotlight p{font-size: 11px; padding-left: 10px;}
.cta.spotlight h4{padding-left: 10px;}
.cta.spotlight a{font-size: 10px; font-style: italic;}

#hd{padding-top: 14px; position: relative;}
#hd .logo{width: 180px; height: 110px; background: url(../images/web-logo.jpg) no-repeat left top; position: relative;}
#hd .logo a{display:block; width: 180px; height: 110px; position: absolute; left: 0; top: 0; text-indent: -99999em;}

#outerwrapper{background: url(../images/bg-outerwrapper.jpg) no-repeat center top; margin: 0 auto;}
#wrapper{width: 960px; margin: 0 auto;}
.contentLeft{width: 600px; float: left; margin-right: 30px; padding: 0 8px;}
.contentRight{width: 300px; float: left;}

#innercontent{background: #eaeaea; padding-top: 20px; padding-bottom: 40px;}
#innercontent .cta.graph{margin-top: 25px;}

#content li, #innercontent li{list-style:square;}

#hero, #innerhero{position: relative; margin-top: 15px;}

.panels{height: 340px;}
.panels .panelImage{float: left; width:624px;}
.panels .aside{float: left; width: 318px; background: url(../images/bg-aside.jpg) no-repeat left top; color: #fff; padding: 18px 0; margin-top: 20px; min-height: 275px;}
.panels .aside p{padding: 10px;}
.panels .aside h3{font-size: 18px; padding: 0 8px;}


.panelNav{position: absolute; right: 260px; bottom: 65px; z-index: 500;}
.panelNav a{display: block; width: 11px; height: 11px; background: url(../images/btn-heronav.png) no-repeat 0 0; text-indent: -99999em; float: left; margin-right: 2px;}
.panelNav a.selected, .panelNav a:hover{background-position: 0 -11px;}

.backtotop{font-size: 10px;}

#overlay{background: #fff; width: 660px; height: 450px; display:none;}
#overlay div.close{background: url(../images/close.png) no-repeat left top; width: 40px; height: 40px; top: -20px; right: -25px; position: absolute; curor: pointer;}
#player{width: 640px; height: 430px;}
#overlay .contentWrap{padding: 10px;}

#ft{border-top: 1px solid #cdcdcd; text-align: right;}
#ft ul{display:inline; }
#ft ul li{display: inline; margin-right: 15px;}
#ft a{color: #8a8a8a; font-weight: bold; font-size: 11px;}
#ft a:hover{color: #798394; text-decoration: none;}

.mainNav{position: absolute; right: 10px; top: 50px;}
#nav{margin: 0; padding: 0;}
#nav li{float: left; padding: 8px; margin: 0 5px 0 0;}
* html #nav li{padding: 8px 4px;}
#nav li.selected, #nav li.hover{ background: #364A53; }
#nav li a{color: #fff; text-transform: uppercase; font-weight: bold; display: block;}
#nav li a:hover{text-decoration:none;}