﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
/*
Colors:
Dark orange: #e96e1e
orange: #e96e1e
light orange: #fec321
green: #42a747
blue: #47a8c9
grey: #ebebeb

*/


/* MODULE LAYOUT ELEMENTS   
----------------------------------------------------------*/
#container
{	width: 1020px;
	height: 400px;
	background-color: #ffffff;
	position:relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
}

#modules
{	width: 100%;
	background-color: #ffffff;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	padding:0px 0px 0px 0px;
    color: #333333;
}

#modules div {
    float: left;
	font-size: 9pt;
	overflow:hidden;
}

#modules a {
	color: #42a747;
	text-decoration: none;
}

#modules a img { border-style:none;}

#bannerad
{
	width: 1020px;
    position: relative;
    margin-bottom: 0px;
    padding: 0px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

.banner-text
{   font-size: 8pt;
    color: #333333;
	padding: 10px 210px 0px 160px;
	text-align: left;
	line-height: 120%;
}


/* MAIN LAYOUT ELEMENTS   
----------------------------------------------------------*/

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 433px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 368px; /*Width of left column*/
margin-left: -1020px; /*Set left margin to -(MainContainerWidth)*/
}

.innertube{
margin-top: 0;
}

#videocontainer
{	width: 550px;
	height: 420px;
	background-color: #ffffff;
	position:relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 19px;
	margin-right:auto;
	text-align:center;
}

#photocontainer
{	float: left;
	background: #ffffff;
	margin-top: 20px;
	padding:0px 0px 0px 0px
	text-align:center;
}
#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    margin: 0px 0px;
	
}

#ticker-holder{
    float:left;
    margin: 0px 20px 20px 20px;
    _margin: 0px 20px 20px 10px;
    width:302px;
    height:194px;
    background-repeat:no-repeat;
}
#ticker{
    height:190px;
    width:302px;
    text-align:left;
    position: relative; /* So we can absolute the .items */
	overflow: hidden;
}
.ticker-item {
	position: absolute;
	top: 400px;
	margin:0px;
	height:60px;
	width:300px;
	border-bottom:solid 1px #ccc;
}
.ticker-item-image{
    float:left;
    width:40px;
    padding-top:10px;
    padding-right:15px;
    padding-left:20px;
}
.ticker-item-image img{
    border:solid 1px white;
}
.ticker-item-copy
{
    float:left;
    padding-top:15px;
    width:222px;
    color:#dd5904;
    font-weight:bold;
}
#cta-strip {
    clear: both;
    width: 1020px;
    height: 87px;
    padding-top: 35px;
}
#mainhead
{
    height:196px;
    width:446px;
    background:url(../images/helping-arrow.png), no-repeat left top;
}
#maincolumn 
{
    text-align:left;
    padding-left:40px;
    padding-right:40px;
    *padding-right: 0px;
    *padding-left: 20px;
    font-size:15px;
    font-weight:bold;
}
#maincolumn,#mainhead h1,#mainhead h2
{
    color:#fff;
}
#maincolumn p
{
    margin-top:0px;
    line-height:1.5em;
}

#mod-pledge-2012 .digit 
{
    float: left;
    width: 41px;
    height: 40px;
    text-align: center;
    padding-top: 11px;
    margin-left:2px;
    color: #FF4800;
    background: url(../images/FB/pledge/2012/promo/small-counter-square.png) no-repeat;
    font: bold 28px Arial,Helvetica,san-serif;
}

