/*
 *	colors used throughout
 * 	#005596 Medium Blue
 * 		Used in site borders, headings, links, etc
 * 	#9eceeb light Blue
 * 		Used highlight boxes
 *
 */

/* css document */
/* this stylesheet sets the bases starting point for all elements */
/*----- START zero out styles: based on eric meyers' START -----*/

/* don't forget to set a foreground and background color
   on the 'html' or 'body' element! */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, hr
{
	margin: 0;
	border-style: none;
	border-collapse: collapse;
	padding: 0;
	font-size: 100%;
	line-height: 1;
	outline: 0;
	text-align: left;
	text-indent: 0;
	vertical-align: baseline;
	background: none;
}

html, body, div, applet, object, iframe, address, blockquote, pre, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, th, td { position: relative; }

html
{
	font-size: 62.5%;
	/* reset font to 10px starting point */
}

body
{
	color: #666;
	background-color: #84a5b4;
}

a img, :link img, :visited img { border: 0; }

/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; } 
#numberedlist {margin: 10px 20px; list-style: decimal inside none;font-size: 1.4em;}
/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*----- END zero out styles: based on eric meyers' END -----*/

/*== tools ==*/
	/*CSS CLEARFIX*/
	.clearfix:after
		{ content: "."; display: block; height: 0;  clear: both; visibility: hidden; }
	.replaceText
		{ font-size:1px; overflow:hidden; text-indent:-555px;}
	.hidden
		{ display:none; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 499;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-container-image  { max-height:700px; max-width:1024px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}


/**
 * JQUERY TOOLTIP PLUGIN
 * http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
 */
#tooltip {
	position: absolute;
	font-size:1.2em;
	line-height:1.8em!important;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 10px;
	opacity: 0.95;
	width:400px;
	color:#000;
}
#tooltip h3, #tooltip div { margin: 0; line-height:1.8em!important; }








/*----- START default element styling css START -----*/
body
{
	background-color: #84A5B4;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	background-image: url(../img/bg_site.png);
	background-repeat: repeat-x;
}

sup { line-height: 1.0em!important; }

.centeredColumn
{
	width: 984px;
	margin: 0 auto;
	margin-left: expression( (document.body.clientWidth - 984) / 2);
	display: block;
}

.clearBoth
{
	width: 100%;
	height: 1px;
	clear: both;
	display: block;
}


.space { padding: 0 30px 0 30px; }

.line
{
	height: 1px;
	margin-top: 4px;
	padding: 0px;
	background-image: url(../img/line.jpg);
	border-width: 0px;
	font-size: 1px;
	background-repeat: repeat-x;
	width: 100%;
	margin-bottom: 4px;
}

/* head */
#headBox
{
	width: 984px;
	height: 100px;
	clear: both;
	display: block;
	position: relative;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 555px 0px;
}

.navBox { padding: 48px 0 0 270px; }

a#btnDonate
{
	width: 200px;
	height: 200px;
	display: block;
	position: absolute;
	background-image: url(../img/btn_bigDonation.png);
	background-repeat: no-repeat;
	background-position: 0 80px;
	color: #F3F1E2;
	font-size: 1.4em;
	line-height: 14px;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	margin-top: -110px;
	margin-left: 20px;
	z-index: 2;
}

a#btnDonate span
{
	text-align: center;
	padding-top: 124px;
	display: block;
	width: 80px;
	padding-left: 18px;
}

#donateKids
{
	display: block;
	width: 165px;
	height: 165px;
	margin-top: -94px;
	z-index: 1;
	margin-left: 54px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
}

a:hover#btnDonate
{
	background-position: 0 -201px;
	color: #FFF;
}

/* body */
#bodyBox
{
	width: 984px;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	height: 284px;
}

body#home #bodyBox { background-image: url(../img/bg_body-home.png); }
body#about #bodyBox { background-image: url(../img/bg_body-about.png); }
body#help #bodyBox { background-image: url(../img/bg_body-help.png); }
body#news #bodyBox { background-image: url(../img/bg_body-news.png); }
body#events #bodyBox { background-image: url(../img/bg_body-gallery.png); }
body#contact #bodyBox { background-image: url(../img/bg_body-contact.png); }
#flashWrap, #homeFlash { display: none; }

#innerBody
{
	width: 932px;
	display: block;
	position: relative;
	background-image: url(../img/bg_innerBody-repeat.png);
	background-repeat: repeat-y;
	margin-top: 114px;
	margin-left: 24px;
	clear: both;
}

#innerBody p
{
	font-size: 1.4em;
	padding-bottom: 20px;
	line-height: 20px;
}
#innerBody p em{	line-height: 20px;
}

#innerBody a
{
	color: #e35a2b;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px #fbb9a3 dashed;
}

#innerBody a:hover { color: #333; }

#innerBodyTop
{
	width: 932px;
	height: 64px;
	display: block;
	position: absolute;
	background-image: url(../img/bg_innerBody-top.png);
	background-repeat: no-repeat;
	margin-top: -64px;
}

#innerBodyFoot
{
	width: 932px;
	height: 32px;
	display: block;
	position: absolute;
	background-image: url(../img/bg_innerBody-foot.png);
	background-repeat: no-repeat;
}
#innerBody a#charityAward
{
	width: 200px;
	height: 150px;
	display: block;
	position: absolute;
	top: 430px;
	left: 690px;
	color: #999;
	font-size: .8em;
	font-weight: normal;
	border-bottom: 0px;
}
#innerBody a#charityAward p {line-height: 12px;padding-bottom: 4px;}
/* home page */
body#home a#btnDonate
{
	width: 142px;
	height: 32px;
	display: block;
	position: absolute;
	background-image: url(../img/btn_donation.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #F3F1E2;
	font-size: 1.4em;
	line-height: 14px;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	margin-top: -32px;
	margin-left: 40px;
}

body#home a#btnDonate span
{
	text-align: center;
	padding-top: 11px;
	display: block;
	width: 142px;
	padding-left: 0;
}

body#home a:hover#btnDonate
{
	background-position: 0 -48px;
	color: #FFF;
}

body#home #donateKids, body.donateForm a#btnDonate, body.donateForm #donateKids { display: none; }

body#home #flashWrap,
body#home #homeFlash
{
	width: 964px;
	height: 250px;
	display: block;
	left: 8px;
}

body#home #homeFlash { left: 0px; }


body#home #innerBody { margin-top: 60px; }

/* sub pages */
a#btnNews
{
	width: 210px;
	height: 32px;
	display: block;
	position: absolute;
	background-image: url(../img/btn_news.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #F3F1E2;
	font-size: 1.2em;
	line-height: 14px;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	top: -92px;
	left: 700px;
	border-bottom: 0;
}

a#btnNews span
{
	text-align: center;
	padding-top: 11px;
	display: block;
	width: 100%;
	padding-left: 0;
}

a:hover#btnNews
{
	background-position: 0 -48px;
	color: #FFF;
}

#mailPrint
{
	width: 160px;
	height: auto;
	display: block;
	position: absolute;
	top: -20px;
	left: 32px;
	z-index: 10;
}
#mailPrint p
{
	background-color: #FFF;
	font-size: 1em;
	line-height: 14px;
	display: block;
	width: auto;
	height: auto;
	padding: 0;
}
#stepsButton
{
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	top: 20px;
	left: 26px;
	z-index: 10;
}

.homeBox
{
	position: relative;
	
	margin-right: 32px;
	list-style-type: none;
	float: left;
	font-size: 12px;
}

.homeBox li
{
	background-image: url(../img/homeBox-body.png);
	background-repeat: repeat-y;
	display: block;
	height: auto;
	clear: both;
	line-height: 1.3;
}

.homeBox li img.bulletimg
{
	position: absolute;
	top: 10px;
	left: 20px;
	width: 20px;
	height: 20px;
	
	border: 0px;
	display: block;
}

#innerBody .homeBox li p
{
	padding: 10px 0 20px 50px;
	clear: both;
	font-size: 12px;
	line-height: 15px;
}
#innerBody .homeBox li .abstract p
{
	padding: 0px;
}

#innerBody .homeBoxHelp li p {
padding-left: 20px;
}

.homeBox li.top
{
	background-image: url(../img/homeBox-top.png);
	background-repeat: no-repeat;
	height: 47px;
}

.homeBox li.top span
{
	display: block;
	position: relative;
	height: 47px;
	background-image: url(../img/homeBox-topRight.png);
	background-repeat: no-repeat;
}

.homeBox li.top div
{
	display: block;
	top: 18px;
	left: 20px;
	position: absolute;
}

.homeBox li.foot
{
	background-image: url(../img/homeBox-foot.png);
	background-repeat: no-repeat;
	height: 22px;
	text-align: right;
}

.homeBox li.foot span
{
	display: block;
	height: 22px;
	background-image: url(../img/homeBox-footRight.png);
	background-repeat: no-repeat;
	top: 0px;
	position: relative;
}

#innerBody .homeBox .foot a
{
	padding: 0px;
	font-size: .9em;
	line-height: 16px;
	text-decoration: none;
	color: #666;
	border-bottom: 0;
	font-weight: normal;
}

#innerBody .homeBox li.foot a:hover { color: #000; }

.homeBoxLeft { width: 380px; }

.homeBoxLeft2 {
width: 400px;
margin-right: 5px;
}

.homeBoxHelp {
width: 400px;
margin-right: 5px;
overflow: hidden;
float: left;
}

.homeBoxLeft2 div.fancyHead {
background: transparent url('../img/homeBox-fixed.png') left top no-repeat;
height: 47px;
overflow: hidden;
}

.homeBoxHelp div.fancyHead2 {
background: transparent url('../img/help-header.jpg') left top no-repeat;
height: 47px;
overflow: hidden;
color: white;
}

.homeBoxCenter div.fancyHead,
.homeBoxRight div.fancyHead {
background: transparent url('../img/homeBox-mid.png') left top no-repeat;
height: 47px;
overflow: hidden;
}

.homeBoxLeft2 h3,
.homeBoxHelp h3,
.homeBoxCenter h3,
.homeBoxRight h3 {
line-height: 50px;
text-indent: 20px;
}

.homeBoxLeft2 ul,
.homeBoxHelp ul {
background: white url('../img/shadow.png') left top repeat-y;
}

.homeBoxCenter ul,
.homeBoxRight ul {
background: white url('../img/shadow-mid.png') left top repeat-y;
}

.homeBoxLeft2 ul li,
.homeBoxHelp ul li,
.homeBoxCenter ul li,
.homeBoxRight ul li {
background: transparent url('../img/icons/icon-sun.png') 18px 8px no-repeat !important;
padding: 10px 20px 10px 50px;
}

.homeBoxHelp ul li {
padding-left: 0;
background-image: none !important;
}

.homeBoxRight ul li {
	background-image: none !important;
	font-size: 80%;
	padding-top: 0;
	padding-left: 20px;
}


.homeBoxCenter, ul.homeBoxRight { width: 214px; }
ul.homeBoxRight { margin-right: 0; }
ul.homeBoxCenter li span, ul.homeBoxRight li span { left: 214px; }


.homeBoxRight li img
{
	width: 96px;
	height: 189px;
	display: block;
	border: 0px;
	position: absolute;
	top: 30px;
	left: 131px;
}



#innerBody .homeBoxRight li p
{
	padding: 10px 90px 20px 0px;
	clear: both;
	font-size: 1.1em;
	line-height: 14px;
}
ul.newsBoxRight li span, ul.helpBox li span, ul.contactBox li span
{
	display: block;
	width: 20px;
	height: 100%;
	background-image: url(../img/homeBox-bodyRight.png);
	background-repeat: repeat-y;
	position: absolute;
	left: 180px;
}
ul.helpBox li span, ul.contactBox li span {left: 380px}
ul.contactBox li.top { background-image: url(../img/contactBox-top.png); }
ul.contactBox li.top span { background-image: url(../img/contactBox-topRight.png); }
ul.eventsBox li.top { background-image: url(../img/eventsBox-top.png); }
ul.eventsBox li.top span { background-image: url(../img/eventsBox-topRight.png); }
ul.helpBox li.top { background-image: url(../img/helpBox-top.png); }
ul.helpBox li.top span { background-image: url(../img/helpBox-topRight.png); }
ul.noFloat { float: none; }
#innerBody ul.helpBox li p, #innerBody ul.contactBox li p { padding: 10px 0px 20px 30px; }

ul.newsBoxLeft, ul.newsBoxCenter
{
	width: 290px;
	padding-top: 20px;
	padding-left: 20px;
}

ul.newsBoxLeft li span, ul.newsBoxCenter li span { left: 290px; }
ul.newsBoxCenter li.top, ul.newsBoxCenter li.top span, ul.newsBoxCenter li, ul.newsBoxCenter li span { background-image: none; }

ul.newsBoxRight
{
	width: 180px;
	position: absolute;
	left: 696px;
	top: 240px;
	z-index: 3;
	float: none;
	margin-right: 0;
}

ul.newsBoxRight li span { left: 180px; }
ul.newsBoxRight li { background-image: url(../img/newsBox-body.png); }
ul.newsBoxRight li span { background-image: url(../img/newsBox-bodyRight.png); }
ul.newsBoxRight li.foot { background-image: url(../img/newsBox-foot.png); }
ul.newsBoxRight li.foot span { background-image: url(../img/newsBox-footRight.png); }



#innerBody ul.newsBoxRight li p
{
	padding: 10px 0 10px 20px;
	clear: both;
	font-size: 1.2em;
	line-height: 15px;
}

#innerBody ul.newsBoxCenter a
{
	color: #6c6c6c;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px #ccc dashed;
	line-height: 17px;
}

#innerBody ul.newsBoxCenter a:hover { color: #000; }

.rightBox, .leftBox
{
	width: 440px;
	float: left;
	clear: none;
	display: block;
	margin-left: 20px;
}

.rightBox p, .leftBox p
{
	font-size: 1.2em;
	line-height: 16px;
	padding-bottom: 10px;
}

.leftBox { width:380px;}

.eventBoxRight
{
	float: right;
	display: block;
	clear: right;
	width: 300px;
	margin-bottom: 20px;
	padding-left: 20px;
	position: relative;
	z-index: 2;
}

.eventBoxRight p
{
	font-size: 1.2em;
	line-height: 14px;
	padding-bottom: 10px;
}

.spring-img
{
	width: 100px;
	display: block;
	border: 0;
	margin-right: 10px;
	float: left;
}

ul#faqList li,  ul#programlist li
{
	font-size: 1.2em;
	line-height: 17px;
	padding: 0 0 10px 0;
}

ul#faqList li div,  ul#programlist li div
{
	display: none;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 16px;
	margin-top: -2px;
	border-bottom: 1px #CCC dotted;
}

ul#faqList li div a, ul#programlist li div a
{
	color: #666;
	border-bottom: 1px #ccc dashed;
}

.programPage, .faqPage, .boardPage, .boardPageLast
{
	width: 278px;
	margin-right: 12px;
	float: left;
	position: relative;
}
.programPage a
{
	cursor:help!important;
}
.boardPage
{
	width: 270px;
}
.boardPageLast
{
	width: 280px;
}
.faqPage
{
	width: 230px;
	margin-right: 24px;
}

#auxBox
{
	width: 380px;
	height: auto;
	float: left;
	display: block;
	margin-right: 32px;
	position: relative;
}

.auxListBox
{
	margin-left: 10px;
	padding: 10px;
	border: 1px #CCC dashed;
	display: block;
	margin-top: 10px;
	width: auto;
	height: auto;
}

ul.auxList
{
	width: 105px;
	height: auto;
	float: left;
	display: block;
	margin-top: 20px;
	margin-right: 10px;
}

.auxListBox ul.last { margin-right: 0px; }

ul.auxList li { padding-bottom: 6px; }


/*== IMAGE GALLERY ==*/
/*category listings*/
	#gallery-cat-list h4, #gallery-cat-list a
	{
		border-width:0!important; height:220px; width:220px;
	}
	#gallery-cat-list h4
	{
		display:block; float:left; margin:0 30px 30px; position:relative; overflow:hidden; width:220px;
	}
	#gallery-cat-list a
	{
		background: url('../img/frame-large.png') no-repeat; border:transparent solid 0px; color:#000; display:block; overflow:hidden; position:absolute; top:left; z-index:5;
	}
	#gallery-cat-list a:hover
	{
		color: rgb(227, 90, 43);
		filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
	}
	#gallery-cat-list img
	{
		border-width:0; float:left; margin:-20% 0 0 -50%; width:400px;
	}
	#gallery-cat-list span
	{
		background:#fff; bottom:0; line-height:1.0em; position:absolute; text-align:center; width:220px;
		filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.7;
	}
	#gallery-cat-list a:hover span
	{
		filter:alpha(opacity=90); -moz-opacity:.9; -khtml-opacity:.9; opacity:.9;
	}
/*gallery pages*/
	.galleryCrumb
	{
		margin-bottom:20px; clear:both;
	}
	#gallery-img-list li, #gallery-img-list a
	{
		 display:block; height:100px; width:100px;
	}
	#gallery-img-list li
	{
		float:left; margin:0 10px 10px; overflow:hidden;
	}
	#gallery-img-list a
	{
		background: url('../img/frame-small.png') no-repeat; border:transparent solid 0px; color:#000; overflow:hidden; position:absolute; top:left; z-index:5;
	}
	#gallery-img-list a:hover
	{
		color: rgb(227, 90, 43);
		filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
	}
	#gallery-img-list img
	{
		background: url('../img/loading.gif') no-repeat center center; border-width:0; float:left; margin:-30% 0 0 -50%; width:200px;
	}
	#gallery-img-list span
	{
		background:#fff; bottom:0; height:1.5em; line-height:1.5em; position:absolute; text-align:center; width:100px;
		filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.7;
	}
	#gallery-img-list a:hover span
	{
		filter:alpha(opacity=90); -moz-opacity:.9; -khtml-opacity:.9; opacity:.9;
	}
	#lightbox-container-image > img
	{
		max-width:800px;
		max-height:600px;
	}

/*both galleries*/
	#gallery-cat-list, #gallery-img-list
	{
		position:relative; clear:both;
	}
	#gallery-cat-list .next, #gallery-img-list .next, #gallery-cat-list .prev, #gallery-img-list .prev
	{
		display:inline; bottom:0; height:auto; position:absolute; width:auto;
	}
	#gallery-cat-list .next, #gallery-img-list .next
	{
		right:0;
	}
	#gallery-cat-list .prev, #gallery-img-list .prev
	{
		left:0;
	}


#leadStory
{
	position: relative;
	display: block;
	padding-bottom: 30px;
	z-index: 1;
}

#leadStory p
{
	font-size: 1.3em;
	line-height: 18px;
	padding-bottom: 20px;
}

#leadStory img
{
	width: 174px;
	height: 174px;
	float: right;
	display: block;
	margin-left: 20px;
	position: relative;
}

#leadStory a
{
	color: #4A9743;
	padding-top: 10px;
	font-size: 1.2em;
	border-bottom: 1px #999 dashed;
}

#newsPage
{
	width: 800px;
	display: block;
	background-image: url(../img/newsPage.png);
	background-repeat: no-repeat;
}

#newsFoot
{
	width: 800px;
	height: 26px;
	display: block;
	background-image: url(../img/newsPage-foot.png);
	background-repeat: no-repeat;
}

.storyImg
{
	width: 250px;
	height: auto;
	float: right;
	display: block;
	margin-left: 20px;
	position: relative;
	margin-bottom: 20px;
	border: 0;
	z-index:4;
}

.circleImg
{
	width: 200px;
	height: auto;
	float: right;
	display: block;
	margin-left: 20px;
	position: relative;
	margin-bottom: 20px;
	border: 0;
}
ul.bulletList
{
	list-style-type: none !important;
	padding: 10px 0 20px 30px !important;
	font-size: 1.4em !important;
}
ul.bulletList li
{
	background-image: url(../img/bulletList.png) !important;
	background-repeat: no-repeat !important;
	padding: 0 0 10px 20px !important;
	background-position: 1px 3px !important;
	line-height: 18px !important;
}

.pgImage
{
	width: 350px;
	height: 350px;
	display: block;
	border: 0px;
	float: right;
	margin: -20px -10px 20px 20px;
	z-index: 2;
	position: relative;
}

.eventImage
{
	width: 300px;
	height: auto;
	display: block;
	border: 0px;
	float: right;
	padding:0 0 20px 20px;
	top: -20px;
	z-index: 2;
	position: relative;
}

.stepsImage
{
	width: 150px;
	height: auto;
	display: block;
	border: 0px;
	float: right;
	top: -14px;
	margin: 0 0 20px 20px;
	z-index: 2;
	position: relative;
}

.rightImg
{
	width: auto;
	height: auto;
	display: block;
	border: 0px;
	float: right;
	margin: 0 0 20px 20px;
	z-index: 2;
	position: relative;
}

.fundImage-inline
{
	width: 150px;
	height: auto;
	float: right;
	display: block;
	margin: 0 0 10px 10px;
	border: 0;
}
/* headers */
hr
{
	height: 1px;
	width: auto;
	padding-top: 10px;
	margin-bottom: 10px;
	font-size: 1px;
	display: block;
	border-bottom: 1px #ccc dashed;
}

ul.newsBoxRight hr
{
	height: 1px;
	width: 164px;
	margin-bottom: 0px;
	padding-top: 0px;
	font-size: 1px;
	display: block;
	border-bottom: 1px #999 dashed;
	margin-left: 20px;
}

h1
{
	color: #333;
	font-size: 2.2em;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: normal;
}

h2
{
	color: #333;
	font-size: 2.4em;
	line-height: 28px;
	letter-spacing: .03em;
	font-weight: bold;
	text-transform: lowercase;
	border-bottom: 1px #CCC dashed;
	text-align: right;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	z-index: 1;
}

body#about h2 { color: #e35a2b; }
body#help h2 { color: #286ac3; }
body#news h2 { color: #4a9743; }
body#events h2 { color: #DA1E1D; }
body#contact h2 { color: #935fc1; }

h3
{
	font-size: 1.6em;
	font-weight: bold;
	padding: 0 10px 20px 0;
	line-height: 16px;
	text-align: right;
	text-transform: lowercase;
	margin-top: -10px;
	padding-right: 10px;
}

.homeBox h3, .rightBox h3
{
	padding: 0 0 0 0;
	text-align: left;
	margin-top: 0px;
	font-size: 1.3em;
}

.homeBoxLeft h3,
.homeBoxLeft2 h3 { color: #e35a2b; }
.homeBoxCenter h3, .newsEventsBox h3 { color: #4a9743; }
.homeBoxRight h3 { color: #286ac3; }
.contactBox h3, .eventsBox h3, .helpBox h3 { color: #fff; }

#leadStory h3
{
	color: #4A9743;
	padding-bottom: 10px;
	font-size: 1.6em;
}

#tooltip h3
{
	text-transform: none;
	font-size: 1.2em;
	text-align: left;
}

h4
{
	font-size: 1.6em;
	font-weight: bold;
	padding: 0;
	line-height: 16px;
}

h5
{
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 1.7em;
	line-height: 24px;
	letter-spacing: .04em;
	font-weight: lighter;
	text-align: left;
}

h6
{
	color: #fcf1ac;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
}

/** foot **/
#footBox
{
	display: block;
	width: 984px;
	position: relative;
	text-align: center;
	color: #FFF;
	clear: both;
	margin-top: 52px;
}

#footBox .left, #footBox .right { float: left; }


#footBox strong { font-size: 1.2em; }

#footBox a
{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	border-width: 0;
}

#footBox a:hover
{
	color: #3b6579;
	border-width: 1px 0 0 0;
	border-color: #3b6579;
	border-style: dashed;
}

#footBox a.credit { text-transform: none; }

#footBox span
{
	padding-top: 10px;
	display: block;
	text-align: center;
}

#footBox a#facebook, #footBox a#twitter
{
	width: 30px;
	height: 30px;
	display: block;
	border: 0px;
	background: transparent url(../img/facebook.png) no-repeat 0 0;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	position: absolute;
	left: 726px;
	z-index: 2;
}
#footBox a#twitter {background: transparent url(../img/twitter.png) no-repeat 0 0;left: 760px;}
#footBox a:hover#facebook, #footBox a:hover#twitter
{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


/*
This is for the dropshadows on text - the js will automatically apply it to the
navigation and anything with a class of "fancyText"
*/

.fancyText { position: relative; }

.fancyText span
{
	position: relative;
	z-index: 6;
}

.fancyText span.shadow
{
	color: #111;
	position: absolute;
	z-index: 5;
	top: 1px;
	left: 1px;
	display: block;
	width: 100%;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.fancyText span.shadow2
{
	color: #111;
	position: absolute;
	z-index: 4;
	top: 0px;
	left: -1px;
	display: block;
	width: 100%;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

.fancyText span.shadow3
{
	color: #111;
	position: absolute;
	z-index: 3;
	top: 1px;
	left: -1px;
	display: block;
	width: 100%;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.fancyHead { position: relative; }

.fancyHead h3
{
	position: relative;
	z-index: 7;
}

.fancyHead h3.shadow
{
	color: #fff;
	position: absolute;
	z-index: 6;
	top: 0px;
	left: -1px;
	display: block;
	width: 100%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.fancyHead h3.shadow2
{
	color: #fff;
	position: absolute;
	z-index: 5;
	top: 1px;
	left: -1px;
	display: block;
	width: 100%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.fancyHead h3.shadow3
{
	color: #111;
	position: absolute;
	z-index: 4;
	top: 1px;
	left: -2px;
	display: block;
	width: 100%;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

.fancyHead h3.shadow4
{
	color: #111;
	position: absolute;
	z-index: 3;
	top: 2px;
	left: -1px;
	display: block;
	width: 100%;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

.fancyHead2 { position: relative; }

.fancyHead2 h3
{
	position: relative;
	z-index: 6;
}

.fancyHead2 h3.shadow
{
	color: #111;
	position: absolute;
	z-index: 5;
	top: 1px;
	left: 1px;
	display: block;
	width: 100%;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.fancyHead2 h3.shadow2
{
	color: #111;
	position: absolute;
	z-index: 4;
	top: 0px;
	left: -1px;
	display: block;
	width: 100%;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

.fancyHead2 h3.shadow3
{
	color: #111;
	position: absolute;
	z-index: 3;
	top: 1px;
	left: -1px;
	display: block;
	width: 100%;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

#eventNav
{
	position: relative;
	left: -56px;
	width: 170px;
	height: auto;
	display: block;
	float: left;
	z-index: 2;
	margin-right: 0px;
	padding-bottom: 60px;
	top: -10px;
}
.eventContainer { padding-left: 170px; }


#eventThanks {
	margin-left: 40px;
	display: block;
	margin-top: -10px;
	line-height: 14px;
	text-align: center;
}

#eventThanks img {
	margin: 4px 0;
}

#eventThanks strong {
	background-color: #f7f5eb;
	border: 1px #CCC solid;
	display: block;
	font-size: 1.4em;
	line-height: 20px;
	margin: 4px 0;
	padding: 2px;
	text-align: center;
}

#eventThanks em {
	border-bottom: 1px #CCC dotted;
	font-size: 1.4em;
	font-style: normal;
	display: block;
	margin: 4px 0;
	padding-bottom: 4px;
	text-align: center;
}

#eventThanks em {
	font-size: 1.2em;
	width: 120px;
	padding-bottom: 20px;
	display: block;
	text-align: center;
}

#eventThanks img { margin: 10px 0 4px; }

#eventThanks strong {
	font-size: 1.4em;
	line-height: 20px;
	padding: 2px;
	border: 1px #CCC solid;
	display: block;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 116px;
	height: auto;
	background-color: #f7f5eb;
}

#eventThanks ul {
	list-style-type: none;
	width: 120px;
}

#eventThanks ul li {
	text-align: center;
	line-height: 14px;
	padding-top: 4px;
	padding-bottom: 2px;
	border-bottom: 1px #CCC dotted;
}

#eventThanks ul.bg li {
	font-size: 1.4em;
	line-height: 18px;
}


#fundMenu
{
	width: 170px;
	height: auto;
	display: block;
	position: static;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#fundMenu ul
{
	width: 170px;
	height: auto;
	display: block;
	position: static;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul#fundMenu li
{
	clear: both;
	list-style-type: none;
}
ul#fundMenu li.top
{
	height: 26px;
	width: 170px;
	background-image: url(../img/fundMenu-top.png);
	background-repeat: no-repeat;
}
ul#fundMenu li.bottom
{
	height: 26px;
	width: 170px;
	background-image: url(../img/fundMenu-bottom.png);
	background-repeat: no-repeat;
}
ul#fundMenu li a
{
	background-image: url(../img/fundMenu.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 170px;
	height: 20px;
	display: block;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	border-bottom: 0px;
}

ul#fundMenu li a:hover
{
	background-image: url(../img/fundMenu.png);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	text-decoration: none;
	color: #f7f5eb;
}


#blogNav
{
	position: relative;
	left: -56px;
	width: 150px;
	height: auto;
	display: block;
	float: left;
	z-index: 2;
	margin-right: 10px;
	margin-bottom: 20px;
	top: -10px;
}

#blogMenu
{
	width: 170px;
	height: auto;
	display: block;
	position: static;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#blogMenu ul
{
	width: 170px;
	height: auto;
	display: block;
	position: static;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul#blogMenu li
{
	clear: both;
	list-style-type: none;
}
ul#blogMenu li.top
{
	height: 26px;
	width: 170px;
	background-image: url(../img/blogMenu-top.png);
	background-repeat: no-repeat;
}
ul#blogMenu li.bottom
{
	height: 26px;
	width: 170px;
	background-image: url(../img/blogMenu-bottom.png);
	background-repeat: no-repeat;
}
ul#blogMenu li a, ul#blogMenu li.head
{
	background-image: url(../img/blogMenu.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 170px;
	height: auto;
	display: block;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	border-bottom: 0px;
}
ul#blogMenu li a span
{
	display: inline-block;
	text-align: center;
	padding: 4px 10px 4px 10px;
}
ul#blogMenu li.head { text-transform: lowercase; height: 20px; }
ul#blogMenu li div
{
	font-size: 1.2em;
	line-height: 12px;
}

ul#blogMenu li div span
{
	text-align: center;
	display: block;
}

ul#blogMenu li a:hover
{
	background-image: url(../img/blogMenu.png);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	text-decoration: none;
	color: #f7f5eb;
}


#screenshot
{
	position: absolute;
	border: 1px solid #ccc;
	background: #333;
	padding: 5px;
	display: none;
	color: #fff;
	z-index: 3;
}

#innerBody a.idonate
{
	background: transparent url(../img/idonate.jpg) no-repeat 0 0;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	width: 185px;
	height: 63px;
	float: right;
	display: block;
	border-bottom: 0px;
	margin: 10px 0 0 10px;
}
#innerBody a:hover.idonate
{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#cardRotation
{
	width: 300px;
	height: 390px;
	display: block;
	clear: both;
	/*background-image: url(../img/bg_event-images.png);
	background-repeat: no-repeat;
	background-position: 0 0;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:2px solid;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
}
.cardRotation_annual{
	height:235px;
}

#cardRotation img
{
	margin-top: 9px;
	margin-left: 9px;
	border: 0;
}

#blogRotation
{
	width: 350px;
	height: 350px;
	display: block;
	border: 0px;
	float: right;
	margin: -20px -10px 20px 20px;
	z-index: 2;
	position: relative;
}

#blogRotation img
{
	margin-top: 9px;
	margin-left: 9px;
	border: 0;
}

#innerBody a.btnHero
{
	width: 170px;
	height: 38px;
	display: block;
	margin: 6px 0 4px 0;
	background-image: url(../img/btnDonate.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	font-size: 1em;
	line-height: 38px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border: 0;
}

#innerBody a:hover.btnHero { background-position: 0px -40px; }

#innerBody a.floatRight
{
	float: right;
	clear: right;
	margin: 6px 0 4px 20px;
}
#innerBody ul#sponsorMenu
{
	list-style-type: none;
	padding: 0;
	margin: 0px;
}

#innerBody ul#sponsorMenu>li
{
	padding: 4px 0 4px 0;
	border-bottom: 1px #CCC dotted;
	font-size: 1.4em;
}

#innerBody ul#sponsorMenu a
{
	color: #666;
	font-weight: bold;
	border-bottom: 0;
}

#innerBody ul#sponsorMenu a:hover { color: #666; }

#innerBody ul#sponsorMenu ul.bulletList { font-size: 1em; display: none; }
body#events #innerBody ul.bulletList { Margin-left:0px; }

table.fundAdTable
{
	width: 440px;
	border-width: 1px 1px 0 1px;
	border-color: #CCC;
	border-style: solid;
	font-size: 1.2em;
}
table.fundAdTable td
{
	padding: 4px;
	border-bottom: 1px #CCC solid;
}
table.fundAdTable tr.head td
{
	font-weight: bold;
	background-color: #f1eecd;
	border-bottom: 1px #666 solid;
}
table.fundAdTable tr.odd td { background-color: #FFF; }

img.eventCalendar
{
	width: 150px;
	height: auto;
	display: block;
	margin: 0 10px 10px 10px;
	float: right;
}

/*== FORMS ==*/
/*contactForm*/
	legend
	{
		border-width:0;
		font-size:1.8em;
		font-weight:700;
	}
	fieldset
	{
		margin:5px 0;
	}
	#contactForm,
	#fundForm
	{
		background:none; padding:0 0 0 20px; font-size:1.1em;
	}
	#contactForm li,
	#fundForm li
	{
		background:none;
		padding:5px 0;
	}
	#contactForm li.divider,
	#fundForm li.divider
	{
		border-bottom:1px dashed #999;
	}
	#fundForm span
	{
		background:none; display:inline; position:static;
	}
	#contactForm label,
	#fundForm label, #mainForm label
	{
		display:block;
		float:left;
		font-size:1.2em;
		font-weight:700;
		line-height:1.2em;
		width:150px;
	}
	#contactForm label strong,
	#fundForm label strong,
	#mainForm label strong,
	#fundForm .error
	{
		color:red;
	}
	/* basic input styles*/
	#contactForm input, #contactForm select,  #contactForm textarea,
	#fundForm input, #fundForm select, #fundForm textarea, #mainForm input
	{
		border:1px solid #333;
		color:#666;
		font-family:Arial, sans-serif;
		font-size:1.0em;
	}
	#process {
		color:#0000BB!important;
		cursor:pointer;
		font-size:1.5em!important;
	}
	/* basic input error styles*/
	#contactForm input.error, #contactForm select.error,  #contactForm textarea.error,
	#fundForm input.error, #fundForm select.error, #fundForm textarea.error
	{
		border:1px solid red;
		color:red;
	}
	#contactForm input, #contactForm textarea
	/*#fundForm input, #fundForm textarea*/
	{
		width:350px;
	}
	label.error
	{
		display:none!important;
	}
	#contactForm .csz,
	#fundForm .csz
	{
		padding-bottom:0!important;
	}
	#contactForm .csz label,
	#fundForm .csz label
	{
		width:70px;
	}
	#fundForm .checkbox
	{
		border:1px solid transparent; line-height:20px; height:10px; width:auto;
	}
	#contactForm .checkboxes,
	#fundForm .checkboxes
	{
		border:1px solid transparent; margin-left:20px; width:130px;
	}
	#contactForm .checkboxs1 label,
	#fundForm .checkboxs1 label
	{
		width:100%;
	}
	.hidden label,
	.hidden label
	{
		display:block;
		margin-left:10px;
		width:250px!important;
	}
	#contactForm .checkboxes input,
	#fundForm .checkboxes input
	{
		clear:left; display:inline; float:none; width:auto;
	}
	#contactForm .checkboxes label,
	#fundForm .checkboxes label
	{
		float:right; font-weight:400!important; margin-top:3px; width:100px;
	}
	#contactForm .csz label.city,
	#fundForm .csz label.city
	{
		 width:205px;
	}
	#contactForm .csz label.state,
	#fundForm .csz label.state
	{
		width:50px;
	}

	#contactForm .city, #contactForm .state, #contactForm .zip,
	#fundForm .city, 	#fundForm  .state,   #fundForm  .zip
	{
		clear:none; float:left; margin-right:10px;
	}
	#contactForm .zip,
	#fundForm .zip
	{
		margin: 0;
	}
	#contactForm .city,
	#fundForm .city
	{
		clear:left; width:auto;
	}
		#contactForm .city label, #contactForm .state label, #contactForm .zip label,
		#fundForm .city label, #fundForm .state label, #fundForm .zip label
		{
			line-height:21px; width:30px;
		}
		#contactForm .long,
		#fundForm .long
		{
			width:auto;
		}
		#contactForm .city 	input,
		#fundForm .city input
		{
			width:205px;
		}
		#contactForm .state select,
		#fundForm .state select
		{
			height:22px; line-height:22px; margin:2px 0 0 0;
		}
		#contactForm .zip input,
		#fundForm .zip input
		{
			width:55px;
		}

	#contactForm label.expirationDate,
	#contactForm label.cardType
	{
		line-height:21px; width:95px;
	}
	/* submit button style */
	#contactForm input.submit, #contactForm .actions input,
	#fundForm input.submit, #fundForm .actions input
	{
		background:#2a6dc2; border:1px solid transparent; color:#fff!important; font-weight:700; padding:2px 5px; text-transform:uppercase; width:auto;
	}
	#fundForm input.submit:hover, #fundForm .actions input:hover
	{
		background:#333;
	}
	#fundForm .actions input.nextButton{ float:right;}
	#fundForm .actions input.prevButton{ float:left;}
	#fundForm .actions input.submitButton { float:right;}
	a.backlink
	{
		float:left;
		margin:0 auto 5px 0;
	}

/* events_gift-cards.php */
	#cardForm strong
		{ font-size:1.4em; font-weight:700; }
	#cardForm li
		{ clear:left; padding:10px 0;}
	#cardForm li.cardSeperate
	{
		clear: left;
		padding: 20px 0 10px 0;
		border-bottom: 1px #CCC dashed;
		color: #da1e1d;
	}
	#cardForm .preview
		{ float:left; margin-right:10px; border: 0px;}
	#cardForm .email, #cardForm .address input, #cardForm .name input, #cardForm .name textarea
		{ width:350px;}
	#cardForm .left
		{ float:left; }
	#cardForm .right
		{ float:right; width:400px; }
	#cardForm .name textarea
	{
		color: #666;
		font-size: 1.1em;
		font-family: Arial, Helvetica, sans-serif;
	}
	#cardForm .left input
		{ width:40px; }
	#cardForm .right li
		{ padding:5px 0; }
	#cardForm .right li.city, #cardForm .right li.state, #cardForm .right li.zip
		{ float:left; clear:none; }
	#cardForm .right li.city
		{ clear:both!important; }
	#cardForm .right li.state, #cardForm .right li.zip
		{margin-left:10px;}
	#cardForm .right li.zip input
		{width:40px;}
	#cardForm .right label
		{ display:block; }

	#cardForm .cardNumber, #cardForm .cardType
		{ float:left; }
	#cardForm .cardType
		{ clear:none; margin-left:10px; }
	#cardForm .cvm
		{ width:40px; }

	#cardForm #formTotal
		{ font-size:2em; text-align:center; }

	#cardForm input.error, #cardForm select.error, #cardForm textarea.error
		{ color:#ff0000; border:2px solid #ff0000!important; }

/* some execptions and alternate form styles*/
.altRow1
	{ padding-bottom:10px!important; }
.altRow1 label
	{ display:block; float:none; width:100%!important; }
.altRow1 textarea
	{ height:75px; width: 100%;}
.longInput
	{ width:100%!important; }

.video-js-box { text-align: left; position: relative; z-index: 1000; }
.video-js { background-color: #000; }

/* General controls styles */
.vjs-controls { display: none; list-style: none; margin: 0; padding: 0; position: absolute; height: 30px; opacity: 0.85; color: #fff; }
.vjs-controls > li { list-style: none; float: left; height: 25px; width: 25px; margin: 0 5px 0 0; padding: 0; text-align: center;
  background-color: #0B151A; border-radius: 5px; box-shadow: 0px 2px 2px #000;
  /* Webkit */
  -webkit-border-radius: 5px;
  background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  -webkit-box-shadow: 0px 1px 3px #000;
  /* Firefox */
  -moz-border-radius: 5px;
  background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;
  -moz-box-shadow: 0px 1px 3px #000;
}
.vjs-controls > li:last-child { margin-right: 0; }
.vjs-controls > li:first-child { margin-left: 5px; }

/* Play/Pause */
.vjs-play-control span { display: block; font-size: 0px; line-height: 0; text-decoration: none; }
.vjs-play-control.vjs-play span { width: 0; height: 0; margin: 8px 0 0 8px; border-top: 5px solid #273F3E; border-left: 10px solid #fff; border-bottom: 5px solid #112129; }
.vjs-play-control.vjs-pause span { width: 3px; height: 10px; margin: 8px auto 0; border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff; }

/* Progress */
.vjs-progress-control { width: 190px; }
.vjs-progress-control ul { list-style: none; margin: 0; padding: 0; }
.vjs-progress-control .vjs-progress-holder { list-style: none; position: relative; float: left; width: 100px; height: 9px; border: 1px solid #777; margin: 7px 0 0 5px; padding: 0; background-color: #112129; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.vjs-progress-control .vjs-play-progress { position: absolute; display: block; width: 0px; height: 9px; background: #fff;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
    background: -moz-linear-gradient(top,  #fff,  #777);
    }
.vjs-progress-control .vjs-load-progress { position: absolute; display: block; width: 0px; height: 9px; background-color: #777; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.vjs-progress-control .vjs-progress-time { list-style: none; float: left; margin: 7px 0 0 5px; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif;  }

/* Volume */
.vjs-volume-control { width: 50px !important; }
.vjs-volume-control ul { display: block; margin: 0; padding: 4px 0 0 5px; list-style: none; }
.vjs-volume-control ul li { float: left; margin: 0; padding: 0; list-style: none; width: 5px; margin-right: 2px; height: 0px; border-bottom: 18px solid #555; }
.vjs-volume-control ul li:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control ul li:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control ul li:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control ul li:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control ul li:nth-child(5) { border-bottom-width: 14px; height: 4px; }

/* Fullscreen */
.vjs-fullscreen-control ul { list-style: none; margin: 5px 0 0 5px; padding: 0; width: 20px; height: 20px; text-align: left; vertical-align: top; }
.vjs-fullscreen-control ul li { list-style: none; float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control ul li:nth-child(1) { margin: 0 3px 3px 0; border: none; border-top: 6px solid #fff; border-right: 6px solid #273F3E; }
.vjs-fullscreen-control ul li:nth-child(2) { border: none; border-top: 6px solid #fff; border-left: 6px solid #273F3E; }
.vjs-fullscreen-control ul li:nth-child(3) { clear: both; margin: 0 3px 0 0; border: none; border-bottom: 6px solid #fff; border-right: 6px solid #112129; }
.vjs-fullscreen-control ul li:nth-child(4) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid #112129; }
.vjs-fullscreen-control.vjs-fs-active ul li:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid #273F3E; }
.vjs-fullscreen-control.vjs-fs-active ul li:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid #273F3E; }
.vjs-fullscreen-control.vjs-fs-active ul li:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid #112129; }
.vjs-fullscreen-control.vjs-fs-active ul li:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid #112129; }

/* gunn updates */

a#circus {
	display: block;
	width: 164px;
	height: 151px;
	background: url(../img/circus.jpg) no-repeat top left;
	border: none !important;
	}

#lplate {
	width: 95px;
	height: 45px;
	}

#padleft {
	padding-left: 130px !important;
	}


#ccauxthx {
	font-family:inherit;
	font-size:inherit;
}
li.thanks {
	color:green;
	font-weight:bold;
}

.homeBoxLeft2 .foot,
.homeBoxHelp .foot {
background: transparent url('../img/foot-fixed.png') left top no-repeat;
height: 20px;
}

.homeBoxCenter .foot,
.homeBoxRight .foot {
background: transparent url('../img/foot-mid.png') left top no-repeat;
height: 20px;
}

.homeBoxLeft2 .foot a,
.homeBoxHelp .foot a,
.homeBoxCenter .foot a,
.homeBoxRight .foot a {
text-align: right;
display: block;
padding: 1px 20px 0 0 !important;
border-width: 0 !important;
color: #666 !important;
font-weight: normal !important;
}

.homeBoxLeft2 #padleft {
}

.homeBoxCenter,
.homeBoxRight {
width: 230px;
margin-right: 5px;
}

.homeBoxRight {
margin-right: 0 !important;
overflow: hidden;
}

.homeBoxHelp ul {
font-size: .8em;
}