#wrapper {
margin:0 auto;
width:960px;
height: 800px;

}
.page-bg {
background-image: url(../images/bg-gradient.jpg); 
background-position: center; 
background-repeat: repeat-y;
}
.copy-head {
	font: 18px  Georgia, "Times New Roman", Times, serif;
	color: #900500;
	font-weight:bold;
	text-decoration: none;
	font-size: 16px;
	
}

.small-nav{
font: 11px  Georgia, "Times New Roman", Times, serif;
color: #F3DEC3;
text-decoration: none;
}

.small-copy{
font: 11px  Georgia, "Times New Roman", Times, serif;
color: #846142;
text-decoration: none;
line-height: 1.4em;
}

a:hover.small-nav {
	font: 11px  Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	text-decoration: underline;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.headline{
background:url(../images/top.jpg) left top no-repeat;
display: inline;
width:960px;
height:320px;
}

.head-left{
background:url(../images/head-left.jpg) no-repeat;
width:508px;
height:300px;
vertical-align:top;
padding-top:22px;
overflow:hidden;
clear:both;
}

.head-right{
background:url(../images/head-right.jpg) no-repeat;
width:452px;
height:320px;
overflow:hidden;
clear:both;
}
#slider {
  width: 700px;
  margin: 0 auto;
  position: relative;
  background: #fff6ec;
}

#slider .navigation li{
display:block;
float:left;
 	height: 64px;
  	width: 140px;
	list-style: none;
	padding:0px;
	margin:0px;
}
ul.navigation {
font:bold 12px  Georgia, "Times New Roman", Times, serif;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding: 0 0 0px;
}

ul.navigation a {

    background:no-repeat top left;
	display:block;
 	height: 64px;
  	width: 140px;
  	float:left;
  	text-indent: -5000px;
	color:#000000;
	padding:0px;
	margin:0px;
}


#slider ul.navigation li.intro-button {
display:none;
}


/*navigation buttons*/

.navigation .slider-a {
background-image:url(../images/icons/slider-a.jpg);
}
.navigation .slider-a a{
background-image:url(../images/icons/slider-a.jpg);
background-position: 0px 0px;
}
	.navigation .slider-a a:hover{
	background-position: 0px -64px;
	}
	.navigation .slider-a a.selected{
	background-position: 0px -64px;
	}

.navigation .slider-b {
background-image:url(../images/icons/slider-b.jpg);
}
.navigation .slider-b a{
background-image:url(../images/icons/slider-b.jpg);
background-position: -0px 0px;
}
	.navigation .slider-b a:hover{
	background-position: -0px -64px;
	}
	.navigation .slider-b a.selected{
	background-position: -0px -64px;
	}

.navigation .slider-c {
background-image:url(../images/icons/slider-c.jpg);
}
.navigation .slider-c a{
background-image:url(../images/icons/slider-c.jpg);
background-position: -0px 0px;
}
	.navigation .slider-c a:hover{
	background-position: -0px -64px;
	}
	.navigation .slider-c a.selected{
	background-position: -0px -64px;
	}

.navigation .slider-d {
background-image:url(../images/icons/slider-d.jpg);
}
.navigation .slider-d a{
background-image:url(../images/icons/slider-d.jpg);
background-position: 0px 0px;
}
	.navigation .slider-d a:hover{
	background-position: 0px -64px;
	}
	.navigation .slider-d a.selected{
	background-position: 0px -64px;
	}

.navigation .slider-e {
background-image:url(../images/icons/slider-e.jpg);
}
.navigation .slider-e a{
background-image:url(../images/icons/slider-e.jpg);
background-position: -0px 0px;
}
	.navigation .slider-e a:hover{
	background-position: -0px -64px;
	}
	.navigation .slider-e a.selected{
	background-position: -0px -64px;
	}
	
.navigation .slider-f {
background-image:url(../images/icons/slider-f.jpg);
}
.navigation .slider-f a{
background-image:url(../images/icons/slider-f.jpg);
background-position: 0px 0px;
}
	.navigation .slider-f a:hover{
	background-position: 0px -64px;
	}
	.navigation .slider-f a.selected{
	background-position: 0px -64px;
	}

.scroll {
  clear: left;
  height: 280px;
  overflow: auto;
  overflow-x:hidden;
  overflow-y:auto;
  position: relative; /* fix for IE to respect overflow */
  background: url(../images/panel-bg.jpg) repeat-x scroll left top;
  width:692px;
  margin-left: 4px;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 280px;
  width: 692px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
	display:none;
	}
.scrollContainer {
padding: 0 0 0 0;
font:bold 15px Georgia, "Times New Roman", Times, serif, sans-serif;
line-height: 2em;
color:#8d1e00;
background-color: #f2e1c3;
}
.panel-info {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
	text-decoration: none;
	color: #846142;
	line-height: 1.75em;
	font-weight: normal;
}
.page-sub-head {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #28241E;
	line-height: 1.75em;
	font-weight: normal;
}
.page-link {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	color: #900500;
	line-height: 1.75em;
	font-weight: normal;
}
a:hover.page-link {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	line-height: 1.75em;
	font-weight: normal;
}
.fb-link {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	color: #1155a1;
	line-height: 1.75em;
	font-weight: normal;
}
a:hover.fb-link {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	line-height: 1.75em;
	font-weight: normal;
}
.tw-link {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	color: #29bdee;
	line-height: 1.75em;
	font-weight: normal;
}
a:hover.tw-link {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	line-height: 1.75em;
	font-weight: normal;
}

.small-page-link {
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	color: #900500;
	line-height: 1.75em;
	font-weight: normal;
}
a:hover.small-page-link {
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	line-height: 1.75em;
	font-weight: normal;
}

#footer {
margin:0 auto;
width:960px;
text-align: center;
}.page-bg #wrapper #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible ul li a {
	font-size: 14px;
}
#newtomdrop {
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.page-bg #wrapper #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible ul li a {
	font-size: 11px;
}
.page-bg #wrapper table tr td table tr td p {
	color: #400000;
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image: url(../assets/overlay/images/white-a.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:785px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px 35px 30px 10px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image: url(../assets/overlay/images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
	
	/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
		color:#fff;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	#triggers {
		margin-top:10px;
	}
	
	#triggers img {
		padding:0;
		margin:0;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}



/* ways to help */

#ways-wrapper {
	width:290px;
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:1.5em;
	color:#ae5d39;
}
#ways-wrapper h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#952b17;
	margin: 4px 0 4px 0;
	padding: 0px;
}
#ways-button {
	width:220px;
}
#ways-button a{
	display:block;
	background:url(../images/help-button-bg2.png);
	vertical-align:middle;
	padding:12px;
	border: dashed 1px #ffd782;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:21px;
	color:#ffffff;
	text-decoration:none;
}
#ways-button a:hover{
	display:block;
	background:url(../images/help-button-bg.png);
	vertical-align:middle;
	padding:12px;
	border: solid 1px #ffd782;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:21px;
	color:#000000;
	text-decoration:none;
}

a.rollover {
    display: block;
    width: 390px;
    height: 197px;
    text-decoration: none;
    background: url(overlay/images/pop-tabs-roll.png);
	float:left;
    }
a.rollover:hover {
    background-position: 0px 197px;
    }
a.rollover2 {
    display: block;
    width: 390px;
    height: 197px;
    text-decoration: none;
    background: url(overlay/images/donate-roll.png);
	float:left;
    }
a.rollover2:hover {
    background-position: 0px 197px;
    }
a.rollover3 {
    display: block;
    width: 390px;
    height: 197px;
    text-decoration: none;
    background: url(overlay/images/more-roll.png);
	float:left;
    }
a.rollover3:hover {
    background-position: 0px 197px;
    }
a.rollover4 {
    display: block;
    width: 390px;
    height: 197px;
    text-decoration: none;
    background: url(overlay/images/change-roll.png);
	float:left;
    }
a.rollover4:hover {
    background-position: 0px 197px;
    }	
.displace {
    position: absolute;
    left: -5000px;
    }