/*////////////////////////////
ASHLEY BOLSER AGENCY
PROJECT: COAST 2 COAST
MEDIA: SCREEN
////////////////////////////*/


* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
}

#pageWrapper {
	width: 900px;
	text-align: left;
	margin: 0 auto;
}

#header {
	width: 900px;
	height: 119px;
	float: left;
}

#currentTotal {
	width: 450px;
	float: left;
	margin-right: 15px;
	height: 48px;
	background: #f6921e;
}

#currentTotal p {
	color: #ffecd6;
	font-size: 30px;
	float: left;
	padding: 6px 0px 0px 12px;
}

#currentTotal p.currentAmount {
	float: right;
	color: #fff;
	font-weight: bold;
	font-size: 36px;
	padding: 3px 12px 0px 0px;
}

#btnSponsor {
	width: 435px;
	height: 48px;
	float: left;
}

#btnSponsor a {
	width: 423px;
	height: 40px;
	float: left;
	background: #8bc53f url(../images/bk-btn-arrow.gif) no-repeat right;
	text-decoration: none;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 0px 0px 12px;
}

#btnSponsor a:hover {
	background: #00b0d8 url(../images/bk-btn-arrow-on.gif) no-repeat right;
}


#topWrapper {
	width: 900px;
	float: left;
	height: 300px;
	margin: 40px 0px 0px 0px;
}

#topLeft {
	width: 450px;
	height: 300px;
	float: left;
	margin-right: 15px;
}

#topLeft h2 {
	width: 450px;
	height: 191px;
	float: left;
	text-indent: -999em;
	background: url(../images/title-stats.gif) no-repeat top left;
}

#twitter {
	width: 450px;
	float: left;
}
#twitterLeft {
	width: 145px;
	float: left;
}
#twitterRight {
	width: 305px;
	float: left;
}

#twitterLeft h3 {
	text-transform: uppercase;
	color: #f6921e;
	font-size: 32px;
}

#twitterRight p {
	color: #7d7d7d;
	font-size: 17px;
	line-height: 21px;
}
#twitterRight a {
	color: #00b0d8;
	text-decoration: none;
}
#twitterRight a:hover {
	color: #fff;
	background: #00b0d8;
}

#topRight {
	width: 435px;
	float: left;
}

#topRight img {
	border: 4px solid #cfcfcf;
	padding: 12px;
}


#mainContent {
	width: 900px;
	float: left;
	margin: 40px 0px 0px 0px;
}

#thanks {
	width: 900px;
	float: left;
	margin: 30px 0px 20px 0px;	
}

.tabNav {
	width: 900px;
	height: 62px;
	float: left;
	list-style-type: none;
}

.tabNav li {
	float: left;
	margin-right: 10px;
}

.tabNav li a {
	float: left;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	height: 43px;
	padding: 10px 20px 0px 20px;
	text-transform: uppercase;
}

.tabNav li.ui-tabs-selected a {
	padding-bottom: 9px;
}




li.tab1 a {
	background: #90278e;
}
li.tab1 a:hover {
	background: #fff;
	color: #90278e;
	border-top: 4px solid #90278e;
	padding-top: 6px;
}

li.tab2 a {
	background: #00b0d8;
}
li.tab2 a:hover {
	background: #fff;
	color: #00b0d8;
	border-top: 4px solid #00b0d8;
	padding-top: 6px;
}

li.tab3 a {
	background: #8bc53f;
}
li.tab3 a:hover {
	background: #fff;
	color: #8bc53f;
	border-top: 4px solid #8bc53f;
	padding-top: 6px;
}

.panelContent {
	width: 900px;
	float: left;
	padding-top: 45px;
}

.panelIntro {
	width: 840px;
	float: left;
	color: #fff;
	padding: 0px 30px 30px 30px;
}

.panelIntro p {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 20px;
}

.panelContentWrapper {
	width: 840px;
	float: left;
	padding: 0px 30px 0px 30px;
	margin-bottom: 40px;
}

.panelContentLeft {
	width: 254px;
	float: left;
}
.panelContentRight {
	width: 586px;
	float: left;
}

.panelContentRight p {
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
}

.panelContentLeft h3 {
	font-size: 34px;
	text-transform: uppercase;
}

#mainContent .panelSponsor {
	width: 900px;
	float: left;
	text-align: center;
	font-size: 30px;
	padding: 12px 0px 12px 0px;
}


/* PANEL 1 */

#panel1 {
	background: #90278e;
}
#panel1 .panelContentLeft h3 {
	color: #dd9adc;
}

#panel1 a {
	color: #fff;
	text-decoration: underline;
}
#panel1 a:hover {
	color: #90278e;
	background: #fff;
	text-decoration: none;
}

#panel1 .panelSponsor {
	background: #e5a6e4;
	color: #90278e;
}
#panel1 .panelSponsor a {
	color: #fff;
	text-decoration: none;
}
#panel1 .panelSponsor a:hover {
	color: #90278e;
	background: none;
}






/* PANEL 2 */


#panel2 {
	background: #00b0d8;
}
#panel2 .panelContentLeft h3 {
	color: #ace3ef;
}

#panel2 a {
	color: #fff;
	text-decoration: underline;
}
#panel2 a:hover {
	color: #00b0d8;
	background: #fff;
	text-decoration: none;
}

#panel2 .panelSponsor {
	background: #ace3ef;
	color: #00b0d8;
}
#panel2 .panelSponsor a {
	color: #fff;
	text-decoration: none;
}
#panel2 .panelSponsor a:hover {
	color: #00b0d8;
	background: none;
}


#slideshow {
    position:relative;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}




/* PANEL 3 */


#panel3 {
	background: #8bc53f;
}
#panel3 .panelContentLeft h3 {
	color: #dff8be;
}

#panel3 a {
	color: #fff;
	text-decoration: underline;
}
#panel3 a:hover {
	color: #8bc53f;
	background: #fff;
	text-decoration: none;
}

#panel3 .panelSponsor {
	background: #bee985;
	color: #8bc53f;
}
#panel3 .panelSponsor a {
	color: #fff;
	text-decoration: none;
}
#panel3 .panelSponsor a:hover {
	color: #8bc53f;
	background: none;
}




#footer {
	width: 860px;
	float: left;
	background: #f7f7f7;
	padding: 20px;
	color: #999;
	font-size: 30px;
	margin-bottom: 40px;
}

#footer a {
	color: #999;
	text-decoration: none;
}
#footer a:hover {
	color: #707070;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}


#thanks h3 {
	color: #999;
	text-transform: uppercase;
}

#thanks ul {
	list-style-type: none;
}
#thanks li {
	float: left;	
	padding: 0px 20px 0px 0px;
}

#thanks img {
	]display: block;	
}



/* GENERIC */

.error {
	color: #FF0000;
}

.access {
	display: none;
}

.clear {
	clear: both;
}


a:focus {
	outline: none;
}

a:active {
	outline: none;
}