body {
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	position: relative;
	background: #bdbfc0;
}

body.program {
/*	background: #E9E9E9 url(../images/faux-column.gif) center top repeat-y;*/
	background: #E6E6E6;
}

.loading {
	background: #fff url(../images/loading.gif) center center no-repeat !important;
}

#community-calendar .loading,
.calendar .loading {
	background: transparent !important;
	opacity: 0.35;
}

a img {border: none;}

.alignment {
	margin: 0 auto;
	padding: 0;
	width: 900px; /*Sets overall width for page */
	position: relative;
}

.column
{
	float: left;
	position: relative;
}

hr.clear {
	visibility: hidden;
	border: none;
	clear: both;
	height: 1px;
	overflow: hidden;
	position: relative;
	z-index: -100000;
}

form {
	margin: 0;
	padding: 0;
}


/*
 ==================
HEADER CONTENT BEGIN
 ==================
*/

#header-content {
	position: relative;
	padding-bottom: 15px;
	opacity: 0.999;
}

#header-content h2 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #F3BB0C;
	margin: 0;
	padding: 20px 0 0 0;		
}

#header-content h2 small {
	font-size: .5em;
}

#header-content h2 small a {
	color: #fff;
	text-decoration: none;
}

#header-content h2 small a:hover {
	text-decoration: underline;
}

p.description {
	color: white;
	font-family: Verdana, Arial, sans-serif;
	color: white;
	margin: 0;
	padding: 0 0 15px 0;
}

/* YOUTH PROGRAMS */

.volunteers {
	position: relative;
	top: 1px;
}

#youth-program-buttons {
	width: 400px;
	margin: 0 0 0 15px;
}

#youth-program-buttons ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 180px;
	position: relative;
}


.youth-column li {
	margin-bottom: 7px;
	position: relative;
	height: 42px;
}

.youth-column li a {
	display: block;
	width: 130px;
	margin-left: 50px;
	height: 42px;
	background-position: right -49px;
	background-repeat: no-repeat;
	text-decoration: none;
	position: absolute;
}

.youth-column li.blank a {
	background-position: right -97px;
}

.youth-column li.reg-open a {
	background-position: right -1px;
}

.youth-column li a:hover {
	text-decoration: underline;
}
.youth-column li a em{
	font-style: normal;
	display: block;
	height: 42px;
	line-height: 42px;
	position: absolute;
	background-position: left -1px;
	background-repeat: no-repeat;
	width: 110px;
	left: -50px;
	top: 0;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.3em;
	text-indent: 15px;
	cursor: pointer;
}

.column-one { margin-right: 0px;}


/* CALENDAR */

#community-calendar {
	width: 380px;
	margin: 0 15px 0 25px;
}

#community-calendar table {
	width: 400px;
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.calWidget {
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
		width: 400px;
}


.calendar tr {
}

.calWidget .day {
	background-repeat: repeat-x;
}

.calendar td {
	background-repeat: repeat-x;
	padding: 3px;
	height: 35px;
	width: 14.25%;
	vertical-align: top;
}

.calendar td.activity {
	padding: 0;
	background: #063555;
	top: 0;
	left: auto;
}


.calendar td.activity div.a {
	padding: 4px 0 0 0 ;
	text-indent: 4px;
	width: 100%;
	height: 100%;
	color: White;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

.calendar td.activity div.a:hover {
	background: #166995;
	text-decoration: underline;
}

.calendar td.e {
	background: transparent;
}

.cal-popup {
	position: absolute;
	z-index: 10000000;
	background: #fff8d8;
	border: 1px solid #063555;
	width: 200px;
	top: 0px;
	left: 0px;
	text-indent: 0;
	margin: 40px 20px;
	text-align: right;
	font-family: "Trebuchet MS", Verdana, sans-serif;;
}

.calendar .close {
	color: #063555;
	padding: 0 5px 0 12px;
	background: url(../images/close.gif) left center no-repeat;
	line-height: 20px ;
	cursor: pointer;
}

.back {
	color: #063555;
	padding: 0 5px 0 16px;
	background: url(../images/back.gif) 5px center no-repeat;
	line-height: 20px;
	float: left;
	cursor: pointer;
}
.cal-popup span.pointer {
	display: block;
	left: 90px;
	top: -10px;
	width: 20px;
	height: 10px;
	background: url(../images/pointer.gif) no-repeat;
	position: absolute;
}

.cal-popup-container {
	width: 200px;
	height: 250px;
	overflow: hidden;
	text-align: left;
}

.cal-popup-pane {
	width: 200px;
	height: 250px;
	overflow:auto;
}

.cal-popup-description {
	padding: 0 10px 10px 10px ;
	border-top: 1px solid #fff0b5 ;
}

.cal-popup-description h3 {
	color: #063555;
	font-size: 1.3em;
}

.item-list,
.cal-popup .item-list {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #063555;
	border-top: 1px solid #fff0b5 ;
}

.item-list li,
.cal-popup .item-list li {
	padding: 10px 10px 10px 5px;
	background: #fff5b4 url(../images/item-list-background.gif) repeat-x;
	border-bottom: 1px solid #fff0b5 ;
}

.cal-popup .item-list li:hover {
	background-position: left bottom;
}

.item-list h3,
.cal-popup .item-list h3 {
	padding: 0 30px 0 0 ;
	margin: 0;
	font-weight: normal;
	background: url(../images/arrow-right.gif) right center no-repeat;
	font-size: 1.2em;
}

.cal-popup .item-list h3 small {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/*
==================
HEADER CONTENT END
==================
*/


/*
==================
 HEADER BAR BEGIN
==================
*/

#header-bar {
	background-position: 40% 0;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	height: 80px;
}
#header-bar .logo {
	display: none;
}

#header-bar h1 {
	margin: 0;
	padding-top: 2px;
}

#association-name {
	font-family: "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	font-size: 4.5em;
	letter-spacing: -4px;
	color: #1D5C7C;
	position: relative;
	width: 450px;
}

#association-name a {
	color: #1D5C7C;
	text-decoration: none;
}

#association-name small a {
	color: #2384AF;
	text-decoration: none;
}

#association-name  small {
	display: block;
	font-size: .3em;
	letter-spacing: 0;
	padding-left: 3px;
	position: relative;
	top: -3px;
	color: #2384AF;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

#sponsor
{
	position: absolute;
	height: 80px;
	width: 320px;
	left: 450px;
	top: 0;
}

#sponsor img {
	padding: 6px 28px;
}

#abooma-branding
{
	width: 270px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 664px;
}

#header-bar {overflow:visible !important;}
#abooma-branding a {display: block; position: relative; top: -18px; margin-left: 20px;}
#abooma-branding { background-repeat: no-repeat; overflow: visible;}

div.hotbed #sponsor  {left: 400px;}

div.reality-sports #sponsor {left: 380px;}

div.hotbed #abooma-branding {
	left: 634px;
	width: 300px;
}

div.reality-sports #abooma-branding {
	left: 614px;
	width: 320px;
}



/*
==================
  HEADER BAR END
==================
*/



#secondary-menu-bar {
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}

#secondary-menu-bar .alignment {
	font-size: 1.3em;
	line-height: 30px;
}

#secondary-menu-bar a {
	color: #fff;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	padding: 0 4px;
		
}

#secondary-menu-bar a:hover {
	text-decoration: underline;
}


/*
==================
BODY CONTENT BEGIN
==================
*/

#body-content,
#volunteers-layout {
	background: #bdbfc0 url(../images/grey-gradient-background.gif) repeat-x;
	padding: 25px 0 20px 0;
}


/* STYLING OF BUTTONS FOR BOTTOM OF EACH SUB SECTION ON COMMUNITY PAGE */

#left-column .group-all-button {
	font-size: .85em;
}

.group-all-button  {
	display: block;
	margin: 0;
	padding: 5px 3px;
	font-size: 1.1em;
	text-align: center;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Verdana, sans-serif;	
	text-decoration: none;
	background-position: 0 -10px;
	background-repeat: repeat-x;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.group-all-button:hover {
	background-position: 0 -30px;

	
}

/* APPAREL SECTION */


#apparel {
	width: 250px;
	margin-right: 30px;
	position: relative;
}

.program #apparel {
	width: 210px;
	margin: 0;
	font-size: .9em;
}


#apparel-item {
	width: 250px;
	position: relative;
	text-align: center;
/*	z-index: 10000;*/
}

.program #apparel-item {
	width: 210px;
}

#apparel-item img {
	padding-top: 20px;
/*	z-index: 10000;*/
	position: relative;
}

.program #apparel-item img {
	padding-top: 0;
}

.apparel-button {
	display: block;
	height: 55px;
	line-height: 55px;
	margin-right: 10px;
	background-position: 0 -1px;
	background-repeat: no-repeat;
	position: relative;
	top: -15px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	font-size: 1.6em;
	text-indent: 20px;
	overflow: visible;
}

.apparel-button:hover {
	text-decoration: underline;
}

.apparel-button strong em {
	display: none;
}

.apparel-button strong {
	display: block;
	position: absolute;
	top: 0;
	right: -10px;
	height: 50px;
	background-position: right -1px;
	background-repeat: no-repeat;
	width: 100px;
	cursor: pointer;
}

.left-arrow, .right-arrow {
	height: 29px;
	width: 28px;
	position: absolute;
	bottom: 40px;
	background-repeat:  no-repeat;
	cursor: pointer;
	z-index: 9010;
}

.program .left-arrow, .program .right-arrow {
	height: 20px;
	width: 19px;
}


.left-arrow b, .right-arrow b {
	display: none;
}

.left-arrow {
	left: 10px;
	background-position: 0 0;
}

.right-arrow {
	right: 10px;
	background-position: -27px 0;
}


.left-arrow:hover {
	background-position: -55px 0;
}

.right-arrow:hover {
	background-position: -82px 0;
}

.program .left-arrow {
	background-position: 0 0;
}

.program .right-arrow {
	background-position: -19px 0;
}

.program .left-arrow:hover {
	background-position: -38px 0;
}

.program .right-arrow:hover {
	background-position: -57px 0;
}



#apparel .group-all-button {
	margin: 0 40px;
	top: -20px;
	position: relative;
}

.program #apparel .group-all-button {
	margin: 0 25px;
}


/* VIDEO SECTION */

#video-intro {
		margin-left: 10px;
			width: 400px;
}

#flash-video-intro {
	width: 400px;
	height: 300px;
	background: url(../images/video-placeholder.jpg) center center;
}




/* ADVERTISING */

.adstyle-B {
	width: 160px;
	margin-left: 30px;
}

.adstyle-C {
	width: 450px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.adstyle-B .ad {
	height: 300px;
}

.adstyle-C .ad {
	height: 90px;
}

.ad {
	background: url(../images/ads.jpg) center center;
}

/*
==================
BODY CONTENT END
==================
*/


/*
==========================
PROGRAM PAGE CONTENT BEGIN
==========================
*/
/*
==========================
PROGRAM PAGE CONTENT BEGIN
==========================
*/

#program-header {
	padding: 10px 0 0 0;
	margin: 0;
}

#program-header h2 {
	font-family: "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
		font-size: 3em;
		margin: 0;
		padding: 0 0 3px 0;
		text-transform: uppercase;
}

#program-header h2.reg-open {
	background-position: 0 0;
}

#program-header .register {
	display: block;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
	width: 120px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	left: -3px;
}

#program-header .commissioner {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	text-decoration: none;
	font-size: 1.3em;
	position: relative;
	bottom: -5px;
}

#program-header .commissioner img{
	position: relative;
	margin-right: 4px;
	top: 5px;
}

#program-header .register:hover {
	background-position: left -33px;
}

#program-header .register:active {
	background-position: left -66px;
}

#program-meta {
	float: left;
	width: 230px;
}

ul.programs {
	float: left;
	width: 200px;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 1.15em;
}

ul.programs li {
	margin: 0 20px 4px 0;
}

ul.programs a {
	text-decoration: none;
	display: block;
	padding-left: 10px;
	background-position: left center;
	background-repeat: no-repeat;
}

ul.programs li.selected a,
ul.programs a:hover {
		background-position: -500px center;
}


#program-header em {
	font-style: normal;
	display: block;
	margin: 0 50px 0 0;
}

#program-divisions {
	height: 40px;
	background: #8aaec1;
	overflow: visible;
	float: left;
	margin-top: 8px;
	width: 640px;
	position: relative;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

#program-divisions .programs-list {
	overflow: hidden;
	left: 30px;
	width: 445px;
	float: left;
	position: relative;
}

#program-divisions .left-arrow,
#program-divisions .right-arrow {
	top: 5px;
	height: 30px;
	width: 28px;
}

#program-divisions .left-arrow {
	left: 0;
}

#program-divisions .left-arrow:hover {
	background-position: -55px 0;
}

#program-divisions .right-arrow {
	background-position: -27px 0;
	right: 135px;
}

#program-divisions .right-arrow:hover {
	background-position: -82px 0;
}

#program-divisions ul {
	margin: 0;
	padding: 0;
	color: White;
	list-style: none;
	width: 5000px;
	left: 30px;
	position: relative;
	overflow: hidden;
}

#program-divisions li {
	float: left;
}

#program-divisions li a {
	font-size: 1.7em;
	line-height: 40px;
	display: block;
	float: left;
	height: 40px;
	padding: 0 8px;
	color: #084976;
	text-decoration: none;
}

#program-divisions li a:hover, #program-divisions li.selected a {
	background: #bbd3de;
}

#commissioner-link {
	width: 150px;
	height: 40px;
	background-repeat: no-repeat;
	position: absolute;
	right: -10px;
	top: 0;
	text-align: center;
}

#commissioner-link a {
	margin: 5px 0 0 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 1.4em;
	line-height: 1em;
	
}
#commissioner-link a:hover {
	text-decoration: underline;
}

#other-programs-link {
	clear: both;
	width: 200px;
	margin: 0 15px;
	background-position: left bottom;
	background-repeat: no-repeat;
}

#other-programs-link a {
	display: block;
	color: #084976;
	text-decoration: none;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		padding: 5px;
		text-align: center;
}

#other-programs-link a:hover {
	text-decoration: underline;
}
#program-body-content {

	position: relative;

	padding-top: 15px;
}

#program-body-content .alignment {
		width: 894px;

}


#video-player-content {
	clear: both;
	background: #C8CACB url(../images/program-back.gif) repeat-x;
	position: relative;
		top: 0;
		padding-top: 10px;
}

#video-player-content #left-column {

}

#memories-area {
	width: 450px;
	position: relative;
	padding: 1px 0 8px 0;
	left: 2px;

}

#memories-placeholder{
	min-height: 300px;
}

/* STANDARD MODULE FORMATTING */


.module h2 {
	font-size: 1.5em;
	color: #084976;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 0;
	padding: 0 0 5px 0;
}

.module h2 small {
	font-size: .6em;
	font-weight: normal;
}

.module h2 small a {
	color: #166995;
	text-decoration: none;
}

.module h2 small a:hover {
	text-decoration: underline;
}

.module p {
	margin: 0 0 10px 0;
	padding: 0;
}

.module p.description {
	color: #166995;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: .8em;
}


.module {
	font-size: 1.3em;
	font-family: Arial, Verdana, sans-serif ;
	position: relative;
}


/* LEFT COLUMN */

#left-column {
	width: 450px;
/*	margin: 0 0 20px 0;*/
	position: relative;
}

#left-column .calendar td.e {
	background: #c4c4c4;
}

#left-column .calendar table {
	width: 450px;
}

#left-column .calendar td {
	height: 40px;
}

#left-column .calendar td.activity  {
	padding: 0;
}

#right-column .adstyle-B {
	border: solid 1px #ddd;
}

.calendar-menu,
.video-player-menu {
	width: 450px;
	height: 30px;
	background-position: left center;
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	position: relative;
}

.video-player-menu {
	width: 220px;
}

.video-player-menu ul,
.calendar-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;


}
.video-player-menu li,
.calendar-menu li {
	position: absolute;
	background-repeat: no-repeat;
	height: 30px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;

}
.video-player-menu b,
.calendar-menu b {
	font-weight: normal;
}

#team-view,
#videos-view,
#calendar-view {
	padding: 0 10px 0 20px;
	line-height: 20px;
	height: 20px;
	top: 5px;
	background-position: left -21px;
	color: white;
	right: 225px;
}


#team-view {
	right: 125px;
}

#videos-view {
	right: 110px;
}

#team-view:hover,
#team-view.selected,
#videos-view:hover,
#videos-view.selected,
#calendar-view:hover,
#calendar-view.selected {
	background-position: left top;
	background-repeat: no-repeat;
	color: #004467;
}
#volunteers-view,
#photos-view {
	padding: 0 20px 0 10px;
	background-position: right -21px;
	left: 110px;
	line-height: 20px;
	height: 20px;
	top: 5px;
	color: white;	
}

#volunteers-view {
	left: 95px;
}

#list-view {
	padding: 0 20px 0 10px;
	background-position: right -21px;
	left: 225px;
	line-height: 20px;
	height: 20px;
	top: 5px;
	color: white;
}

#volunteers-view:hover,
#volunteers-view.selected,
#photos-view:hover,
#photos-view.selected,
#list-view:hover,
#list-view.selected {
background-position: right top;
background-repeat: no-repeat;
	color: #004467;
}

.calendar-menu .right-arrow,
.calendar-menu .left-arrow {
	width: 19px;
	height: 20px;
	display: block;
	position: absolute;
	top: 4px;
}

.calendar-detail-list {
	height: 280px;
	overflow: auto;
}

.calendar-detail-list li.header {
	background: #005b80;
	padding: 5px 10px	;
	color: #f9d97a;
	
}

.calendar-detail-list h4{
	margin: 0;
	padding: 0 30px 5px 0;
	font-size: 1.1em;
}

.calendar-detail-list li {
	padding: 10px 15px;
}

.calendar-detail-list h3{
	background: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
}
.calendar-detail-list h4{
	background: none;
	cursor: pointer;
}

.calendar-detail-list h4:hover {
	text-decoration: underline;
}

.division-list select {
	width: 450px;
	border: solid 1px Black;
	padding: 3px;
	margin: 5px 0;
}

/* EVENT LIST */

.event-list {
	border-collapse: collapse;
	margin-bottom: 5px;
}

.event-list th {
	vertical-align: top;
	padding: 3px 0;
}

.event-list td {
	padding: 3px 6px;
	vertical-align: top;
}

.event-list td, .event-list td a {
	color: #166995;
	text-decoration: none;
}

.event-list td a:hover {
	text-decoration: underline;
}

.table-description {
	color: #166995;
	font-size: .8em;
	font-style: italic;
}

/* NEWS ITEM */

.news-item {
	margin: 0 8px;
}

.news-item a {
	color: #4D4D4D;
	font-weight: bold;
	text-decoration: none;
}

.news-item a:hover {
	text-decoration: underline;
}

/* PHOTO AND VIDEO MEDIA BOX */

#media-box {
	position: relative;
	margin-top: 0;
	margin-bottom: 20px;

}

#media-box h2{
	width: 200px;
	height: 35px;
	font-size: 1.75em;
	font-weight: normal;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 0;
	padding: 0;
	background: url(../images/header-tag.gif) no-repeat;
	position: relative;
}

#flash-media-box {
	width: 895px;
	background: #004467;
	height: 470px;
	overflow: hidden;
}

#media-ad {
	position: absolute;
	top: 70px;
	left: 700px;
}

/* CENTER COLUMN */

#center-column {
	width: 220px;
	margin-left: 30px;
/*	padding-top:25px;*/
	color: #4D4D4D;
	line-height: 1.7em;
}

#center-column .left-arrow,
#center-column .right-arrow
{
	background-image: url(../images/arrows-sm.gif);
}


#right-column {
	width: 160px;
	margin-left: 20px;
}

#right-column .adstyle-B {
	margin: 0 0 10px 0;
}





/*
==================
 PAGE CONTENT END
==================
*/



/* FOOTER */

#footer a { color: #333; }

#footer {
	font-family: Verdana, sans-serif;	
	font-size: 1em;
	color: #666;
	line-height: 1.6em;
	border-top: solid 1px #999;
	padding-top: 10px;
	padding-bottom: 30px;
}

.program #footer {
	margin-top: 20px;
	background: #E9E9E9;
}




#news-module h2 {
	padding-top: 25px;
}

#volunteers-layout {
		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
position: relative;
}

#volunteers-layout h2{
	font-size: 1.8em;
	color: #005073;
	margin: 0;
	padding: 6px 10px;
	font-weight: normal;
	background: #fff;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius: 8px 8px 0 0 ;
}


#volunteers-layout .wizard-steps {
	padding: 0 5px;
}



#volunteers-layout .screen {
	font-size: 1.3em;
	background: #e9e9e9;
	padding: 5px 0 10px 0;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;

}

.wizard-steps {
	list-style: none;
	margin: 0;
	padding: 0 20px;
	height: 30px;
	background: #fbd143;
}

.wizard-steps li {
	float: left;
	font-size: 1.1em;
	line-height: 30px;
	height: 30px;
	padding: 0 7px;
    margin: 0 0 0 0;
}

#volunteers-layout .wizard-steps li {
	color: #eee;
	margin-right: 0;
	
}

.wizard-steps li.active {
	font-weight: bold;
	color: #005073;
	background: #fcdf87;
	border-bottom: solid 2px #005073 ;
	height: 28px;
}

#volunteers-layout .wizard-steps li.active {
	background: #fbd143 ;
	color: #005073;
	border-bottom-color: #fbd143;
}

.wizard-steps li.complete {
	color: #777;
}

#volunteers-layout .wizard-steps li.complete strong {
	display: none;
}

#volunteers-layout .wizard-steps li.complete {
	padding-left: 25px;
	background-position: 5px center;
	background-repeat: no-repeat;
}

.wizard-steps li.active strong {

}


#volunteers-layout textarea {
	width: 99%
}
.wizard-steps li strong {
	float: left;
	font-size: 1em;
	padding: 0 3px 0 0;
}

#volunteers-layout .action_row,
#volunteers-layout .action_row_top{
	background: #ddd;
	padding: 10px;
	font-size: 1.2em;
	margin-top: 15px;
	display: block;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.wizard_row {
	text-align: right !important;
}

#volunteers-layout .wizard_row{
	background: #fff;
	margin: 0 10px;
}

#volunteers-layout .action_row_top {
	background: #fff;
}

.wizard_body {
	min-height: 250px;
}

#volunteers-layout .wizard_body {
	font-size: 1.1em;
	padding: 0 20px;
}


.wizard_header {
	margin-top: 10px;
}


#accept-and-initial {
	position: relative;
	margin: 5px 0;
	text-align: right;
}

#initials {
	margin-left: 15px;
}


.wizard_body h3{
	font-size: 1em;
	margin: 0;
	padding: 5px;
	background: #2e4c6e;
	color: #fff;
}

#loginData .login{
	width: 200px;
	background: #ddd;
	margin-bottom: 20px;
		padding-bottom: 15px;
}

#loginData .login p {
	margin-left: 10px;
}

.volunteers #header-bar {
	border-top: solid 15px #5082AB;
}



/* Data Entry Table Formatting ------------------------------------ */


.data_entry {
	font-size: 1.1em;
}

.data_entry th {
	text-align: right;
	vertical-align: top;
}

.data_entry th label{
	margin: 0 0 3px 0;
	padding: 3px 0;
	display: block;
}

.data_entry th {
	font-weight: normal;
	padding-left: 20px;
	padding-right: 5px;
	min-width: 100px;
	white-space: nowrap;
}

.data_entry .req th{
	font-weight: bold;
}

.data_entry .req td input,
.data_entry .req td textarea{
	background-color: white;
	background-position: right top;
	background-repeat: no-repeat;
}


.data_entry td {
	text-align: left;
	vertical-align: top;
}

.no_input_adjustment td input {
	width: auto !important;
	padding: 0 !important;
	margin: 0 3px 0 0 !important;
}

.data_entry td input {
	margin: 0 0 3px 0;
	padding: 3px 25px 3px 3px;
	width: 200px;
	font-size: 1em;
}

/* End Data Entry Table Formatting */


.volunteers .data_entry {
	float: left;
	clear: none ;
	margin-left: 15px;
	font-size: 1em;
	margin-bottom: 10px;
}

.volunteers .data_entry th {
	white-space: auto;
	padding-left: 5px;
}

.volunteers .action_row {
	clear: both;
	display: relative;
}

.volunteers h5 {
	margin-top: 0;
	
}

 h5 {
	padding: 5px;
	margin-bottom: 5px;
	border-bottom: solid 1px #ccc;
	background: #fff;
	font-size: 1.15em;
	color: #005073;
}


#volunteer-positions {
	width: 100%;
}

#volunteer-positions h5 {
	font-size: 1em;
}

#volunteer-positions td {
	vertical-align: top;
}

#availible-positions {
	width: 25%;
}

#availible-positions select{
	width: 100%;
}

#volunteer-add-button {
	vertical-align: middle !important; 
	text-align: center;
	width: 10%;
	
}

#volunteer-interests {
	width: 65%;
}

#volunteer-interests table {
	width: 100%;
	font-size: .9em;
}

#volunteer-interests table th {
	text-align: left;
	border-bottom: solid 2px #ddd;
	padding: 0 0 2px 0;
}


.bad-stickie ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

.volunteers .bad-stickie {
	margin: 10px 20px;
}

.good-stickie {
	border: solid 1px #8CC63F;
	background: #C7E59A url(../images/stickie.gif) 8px center no-repeat;
	padding: 10px;
	padding-left: 40px;
	margin: 5px 0 10px 0;
}

.neutral-stickie {
	border: solid 1px #aaa;
	background: #eee url(../images/n-stickie.gif) 8px center no-repeat;
	padding: 10px;
	padding-left: 40px;	
	margin: 5px 0 10px 0;
}

.bad-stickie {
	border: solid 1px #A81616;
	background: #FCC5C5 url(../images/b-stickie.gif) 8px 8px no-repeat;
	padding: 10px;
	padding-left: 40px;
	margin: 5px 0 10px 0;
}


.video-player-list {
	background: #fff;
	height: 270px;
	overflow: auto;
	position: relative;
}
.video-playlist {
	min-height: 270px;
	position: relative;
}

/*
<div class="playlist-item">
	<div class="playlist-thumbnail">
		<img src="" alt="" />
		<span class="playlist-play-indicator">&nbsp;</span>
	</div>
	<h3>Item Title<br />
		<small>(2:30) <em>Uploaded 7/27/2008</em></small></h3>
</div>
*/

.playlist-item {
	position: relative;
	min-height: 50px;
	cursor: pointer;
	border-bottom: solid 1px #ddd;
	width: 220px;
}

.playlist-item.hover,
.playlist-item.selected {
	background-repeat: repeat-x;
}


.playlist-thumbnail {
	background: #666;
	width: 42px;
	height: 34px;
	overflow: hidden;
	position: absolute;
	top: 7px;
	left: 7px;
}

.playlist-thumbnail img {
	width: 42px;
	height: 34px;
}

.playlist-item h3 {
	margin: 0 0 0 0;
	position: relative;
	padding-left: 55px;
	padding-right: 10px;
	padding-top: 5px;
	font-weight: normal;
	font-size: 1em;
	line-height: 110%;
	padding-bottom: 5px;
}


.playlist-item small {
	display: block;
}

.SpryHiddenRegion {
	visibility: hidden;
}

#picture-viewer {
	width: 450px;
	min-height: 300px;
}

#picture-viewer ul {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#picture-viewer li {
	float: left;
	width: 105px;
	height: 80px;
	padding: 0 5px 0 0;
	position: relative;
	text-align: center;

}

#picture-viewer li img {

	border: solid 2px #fff;
		margin: 0 auto !important;
}

#video-player {
	min-height: 300px;
}

.playlist-play-indicator {
	background: url(../images/playing.png) no-repeat;
	display: block;
	height: 19px;
	width: 28px;
	position: absolute;
	top: 7px;
	left: 7px;
	visibility: hidden;
}

.video-player-list .selected .playlist-thumbnail .playlist-play-indicator {
	visibility: visible;
}

/* Highslide Section ------------------------------------ */

.highslide {
	cursor: url(../js/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../js/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(../js/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	background: url(../js/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../js/highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}



/* End Highslide Section */

#contact-list {
	font-size: 1em !important;
}

.team-item{
	border-bottom: solid 1px #ddd;
	padding: 6px 4px;
	line-height: 1em;
}

.team-item .team-item-name {
	font-weight: bold;
}

.team-item .team-item-phone {
	font-style: italic;
	font-size: 0.9em;
}

.team-item .team-item-parent,
.team-item .team-item-parent:hover
{
	font-size: 0.9em;
	background: transparent;
	color: #6480A9;
}

.team-item .team-item-parent:hover {
	text-decoration: underline;
}


#nays-coach-back {
	width: 160px;
	height: 300px;
	background: url(../images/nays/nays-back.gif);
}

.nays-button{
	background: url(../images/nays/button.gif) center top no-repeat;
	height: 27px;
	line-height: 27px;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
	text-align: center;
	color: #000;
	text-decoration: none;
}

.nays-button:hover {
	color: #fff;
}

#member-login {
	position: relative;
	top: 190px;
}

#not-member {
	position: relative;
	top: 230px;
}

#tabbed-row {
	padding-top: 5px;
	background-position: left -50px;
	background-repeat: repeat-x;
}

#tabbed-row ul {
	list-style: none;
	height: 40px;
	width: 800px;
}

#tabbed-row li {
	float: right;
	margin: 0 0 0 10px;
}

#tabbed-row li a {
	float: left;

	margin-top: 3px;


	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}

#tabbed-row li a:hover {

}

#tabbed-row li a em {
	background-position: right top;
	float: left;
	display: block;
	padding: 0 25px 0 15px;
	height: 33px;
		line-height: 33px;
		position: relative;
		left: 10px;
		font-style: normal;
		cursor: pointer;
}
#tabbed-row li.selected a,
#tabbed-row li a:hover {
	background-position: left -34px;
}

#tabbed-row li.selected a em,
#tabbed-row li a:hover em{
	background-position: right -34px;
}

#tabbed-row li a:active {
	background-position: left -68px;
}

#tabbed-row li a:active em{
	background-position: right -68px;
}

.volunteer-page #tabbed-row{
	border-bottom-style: solid;
	border-bottom-width: 5px;
}


.calWidget {
	position: relative;
	margin: 5px 0 0 0;
	width: 398px;
}

#adminBody .calWidget,
body.program .calWidget {
	width: 447px;
	margin-bottom: 20px;
}
#adminBody .calWidget .other-month-day,
.calWidget .other-month-day {
	visibility: hidden;
	color: #aaa;
}

#adminBody .calWidget .other-month-day a,
.calWidget .other-month-day a{ 
	color: #aaa;
}

#adminBody .calWidget .other-month-day a,
#adminBody .calWidget .other-month-day,
body.program .calWidget .other-month-day,
body.program .calWidget .other-month-day a {
	background: #ccc;
	visibility: visible;
}


#adminBody .calWidget .day,
#adminBody .calWidget .day a,
body.program .calWidget .day,
body.program .calWidget .day a {
	width: 63px !important;
}

#adminBody .calWidget .day a,
body.program .calWidget .day a {
	width: 63px !important;
	padding: 0;
	margin: 0;
}

.calWidget .day {
	width: 56px;
	float: left;
	margin: 0 1px 1px 0;
}

.calWidget .day a {
	display: block;
	width: 56px;
	height: 100%;
	color: #000;
}

.calWidget .day a span {
	display: block;
	padding: 3px;
}

.calWidget .active a {
	color: white;
}

.calWidget .active a:hover {

}

.calWidget .sat {
	margin-right: 0;
}

.calWidget .four-week-day {
	height: 46px;
}
.calWidget .five-week-day {
	height: 37px;
}
.calWidget .six-week-day {
	height: 31px;
}

#adminBody .calWidget .four-week-day,
body.program .calWidget .four-week-day {
	height: 62px;
}

#adminBody .calWidget .five-week-day,
body.program .calWidget .five-week-day {
	height: 50px;
}

#adminBody .calWidget .six-week-day,
body.program .calWidget .six-week-day {
	height: 41px;
}


.calWidget .sun {
	clear: left;
}


.eventViewerWidget {
	width: 420px;
	clear: both;
	position: absolute;
	left: -440px;
	top: 10px;
	height: 275px;
	overflow: hidden;
		border: solid 1px #ddd;
		background: #FDF9C0;
		font-size: 1.4em;
}

.eventList, .cvDetail {
			background: #FDF9C0;
			font-size: 1.3em;
			overflow: auto;
}


#adminBody .eventList,
#adminBody .cvDetail,
body.program .eventList,
body.program .cvDetail {
	font-size: 1em;
}


.eventList ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Sans-serif;
}

.eventList ul li {
	padding: 4px 8px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
		background: #fff5b4;
		cursor: pointer;
}

.cvDetail {
			font-family: Arial, Helvetica, Sans-serif;
			overflow: auto;
}

.cvDetail h3 {
	margin: 0;
	padding: 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;

		font-size: 1em;
		font-weight: bold;
}

.cvDetailBody p {
	margin: 0;
	padding: 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.cvDetailBody {
	padding: 5px;
}

.cvDetailMeta {
	font-size: 0.85em;
}

.cvDetailMeta p {
	margin: 0 0 0 0;
	padding: 5px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

#community-calendar :focus {
	outline: none;
}

#community-calendar h2 small {
	font-size: 0.65em;
}

.cvSlidingPanels {
	position: relative;
	width: 1500px;
	height: 190px;
}

.cvSlidingPanel {
	position: relative;
	width: 398px;
	float: left;
	height: 190px;
}

#adminBody .calWidget,
body.program .calWidget {
	border: solid 1px #aaa;
	width: 449px;
}

#adminBody .cvSlidingPanelsWrapper,
body.program .cvSlidingPanelsWrapper {
	margin: 1px 0 0 1px;
}

#adminBody .cvSlidingPanelsWrapper,
#adminBody .cvSlidingPanel,
body.program .cvSlidingPanelsWrapper,
body.program .cvSlidingPanel {
	width: 447px;
	height: 252px;
}
#adminBody .cvSlidingPanels,
body.program .cvSlidingPanels {
		height: 252px;
}

.cvSlidingPanelsWrapper {
	width: 398px;
	height: 190px;
	position: relative;
	overflow:hidden;
}

body.program #calendarViewerWidgetPrevious,
body.program #calendarViewerWidgetNext,
body.program #calendarViewerWidgetBack {
	font-size: 1.2em;
}


#calendarViewerWidgetPrevious {
	padding-right: 5px;
	border-right-style: solid;
	border-right-width: 1px;
}
#calendarViewerWidgetNext {
	padding-left: 5px;
}
#calendarViewerWidgetNextBack {
	
}