@charset "utf-8";

/* 



	Copyright: (c) 2010 Pentecostal Youth Fellowship of America, Inc. www.pyfa.org
	Author: Wesley Alexander
	Notes:



*/



/* Structure
-------------------------------------------------------- */
html, body { height: 100%; }
body { margin: 0; padding: 0; width: 100%; background: #00293E repeat-x top; /*background: url(../images/background_fabric.jpg) no-repeat center top;*/ display: table; color: #666666; scrollbar-base-color: #c43e00; scrollbar-arrow-color: #ffffff; vertical-align: middle; text-align: left; }

#headerContainer { margin: 0px auto; width: 992px; height:210px; padding-top: 40px; padding-bottom: 2px; padding-left: 0; padding-right: 0; clear:both; background-color:#00293E; color:#005C8A; text-align:right; font:Arial, Helvetica, sans-serif; }
#container { margin: 0px auto; padding:0; width:992px; clear:both; background-color:#fff; clear:both; }
#content { margin: 0; padding: 0; width: 992px; background-color:#FFFFFF; overflow:hidden; }	
#left_column { width: 668px; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 0; margin: 0; float: left; }
#right_column { width: 240px; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 0; margin: 0; float: left; }
#footerContainer { width: 992px; height:80px; padding-top: 12px; padding-bottom: 12px; padding-left: 4px; padding-right: 4px; clear:both; margin: 0px auto; font:Arial, Helvetica, sans-serif; color: #4D6978; font-size:12px; font-weight:bold; text-align:right; }

#logo { margin: 0px auto;  padding: 0; border: none; }

/* Navigation
-------------------------------------------------------- */
#navigation { margin: 0 auto; float: right; width: 992px; height: 16px; clear:both; padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; background-color: #D2D6D9; color: #FF3385; text-align:center; font-family: ‘Arial Black’, Gadget, sans-serif; font-weight:bold; font-size:14px; font-variant:normal; overflow:hidden; }

.navlinks a, .navlinks active { margin: 0; width: 100px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; color:#313131; background: #D2D6D9; text-decoration:none; }
.navlinks a:hover { color:#FF3385; background: #D2D6D9; text-decoration:none; }

/*.subnavigation { display:none; margin: 0 auto; text-align:center; color: #718793; background: #00293E; text-transform:none; overflow:auto; }	
.subnavigation a { padding: 0; color: #718793; background: #00293E; overflow:auto; text-decoration:none; }
.subnavigation a:hover { color: #FF3385; background: #00293E; overflow:auto; text-decoration:none; }
*/

/* Basic
-------------------------------------------------------- */
h1 { color:#FFAA00; text-align:left; font-weight:bold; font-size:48px; font-family: Verdana, Geneva, sans-serif; padding:4px; }
h2 { margin: 0; border: 0; color: #333333; text-align:left; font-weight:bold; font-size:28px; font-family: ‘Arial Black’, Gadget, sans-serif; padding-left:0; padding-right:0; padding-top: 12px; padding-bottom: 2px; }
h3 { margin: 0; color: #FF0066; background-color: #FFFFFF; border-bottom: #FF0066; text-align:left; font-weight:bold; font-size: 14px; font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif; text-transform:uppercase; padding-left:0; padding-right:0; padding-top: 0; padding-bottom: 5px; }

h2.contentpage {margin: 0; color: #FF0066; background: #FFFFFF; border-bottom: #F5F5F5; text-align: left; font-weight: bold; font-size: 28px; font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif; padding-left:0; padding-right:0; padding-top: 0px; padding-bottom: 10px; }
h3.contentpage {margin: 0; color: #FF0066; background: #FFFFFF; border-bottom: #F5F5F5; text-align: left; font-weight: bold; font-size: 14px; font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif; padding-left:0; padding-right:0; padding-top: 22px; padding-bottom: 5px; }

p { margin: 0; padding-top 6px; padding-bottom: 12px; padding-left: 0; padding-right: 0; color: #1A1A1A; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; word-spacing: 0; line-height: 16px }
p.copyright { color: #4D6978; }

ol.a { background: #D6E5EC; }
li.a { background: #D6E5EC; padding: 10px; }

.spacing { width:4px; height:4px; float:left; }

.boldlinks a { color:#FF9900; text-decoration:none; }
.boldlinks a:hover { color:#666666; text-decoration:underline; }

.regular { font:Arial, Helvetica, sans-serif; font-size:12px; color: #000; font-weight:normal; }
.regular a { text-decoration:none; color: #005C8A; font-weight:bold; }
.regular a:visited { text-decoration:none; color: #D11975; }
.regular a:hover { text-decoration:underline; color: #005C8A; font-weight:bold; }
.regularVerySmall { font:Arial, Helvetica, sans-serif; font-size:9px; color:#000; font-weight:normal; }

.tinyRegular { font:Arial, Helvetica, sans-serif; font-size:10px; color:#000; font-weight:normal; }

.regularBold {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
}

.regularBold a {
	text-decoration:none;
	color:#CC0000;
	font-weight:bold;	
}

.regularBold a:hover {
	text-decoration:underline;
	color:#666666;
	font-weight:bold;
}

.redBold {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CC0000;
	font-weight:bold;	
}

.redBold a {
	text-decoration:none;
	color:#CC0000;
	font-weight:bold;	
}

.redBold a:hover {
	text-decoration:underline;
	color:#666666;
	font-weight:bold;	
}

.regularWhite {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;	
}

.regularWhite a {
	text-decoration:none;
	color:#fff;	
}

.regularWhite a:hover {
	text-decoration:underline;
	color:#fff;	
}

#product_list {
	border:#000 1px dotted;
	padding:5px;
	margin:5px;
	color:#993300;
	height:190px;
	width:155px;
	float:left;	
}

#product_list a {
	color:#990000;
	text-decoration:none;	
}

#product_list a:hover {
	color:#000000;
	text-decoration:underline;	
}

#product_item {
	border:#000 1px dotted;
	padding:5px;
	margin:5px;
	color:#993300;
	width:500px;
	height:auto;
	float:none;
	overflow:auto;
}

#product_item a {
	color:#990000;
	text-decoration:none;	
}

#product_item a:hover {
	color:#000000;
	text-decoration:underline;	
}

#form_fied_row {
	clear:both;
	float:none;
	width:510px;
	padding:10px 0 0 0;	
}

#form_field_row_items_lbl {
	float:left;
	width:200px;
	text-align:right;
	padding:0 5px 0 0;	
}

#form_field_row_items_control {
	float:left;
	width:300px;
	text-align:left;	
}

.errorMsg {
	font:Arial, Helvetica, sans-serif;
	color:#993300;	
}

.copyrightText {
	font-size: 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;	
}

.copyrightText A {
	font-size: 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	text-decoration:none;
}

.copyrightText A:hover {
	font-size: 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	text-decoration:underline;
}

#spacing { width:5px; padding:0px; margin:0px; background-color:#fff; float:left; text-align:left; }

.allClear {
	float:none;
	clear:both;
	padding:4px 0 0 0;
	overflow:hidden;	
}

.dottedline {
	border-bottom:#999 1px dotted;
	margin:5px 0;
	width:100%;
}

/*#left_column h1 {
	width:650px;
	height:26px;
	margin: 0;
	overflow:hidden;
	color:white;
	background-color: #4789AB;
	background-position: left top;
	background-repeat:no-repeat;
	font-size: 18px;
	font-family: Verdana, Arial "trebuchet MS", Geneva, Helvetica;
	text-transform: normal;
	text-align:left;
	line-height:22px;
	-moz-border-radius:.5em;
	padding-left: 0;
	padding-right: 0;
	padding-top: 4px;
	padding-bottom: 0 ;
}*/

/*#right_column h1 {
	width: 300px;
	height: 26px;
	margin: 0;
	overflow:hidden;
	color: #DCDCDC;
	background-color: #4789AB;
	background-position: left top;
	background-repeat:no-repeat;
	font-size: 18px;
	font-family: Verdana, Arial "trebuchet MS", Geneva, Helvetica;
	text-transform: normal;
	text-align:center;
	line-height:22px;
	-moz-border-radius:.5em;
	padding-left: 0;
	padding-right: 0;
	padding-top: 4px;
	padding-bottom: 0;
}*/

#churchTable td {
	text-align:left;
	padding:2px;
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
}

#churchTable td.class1 {
	padding-right:10px;
	text-align:left;
	vertical-align:top;	
}

#churchTable td.separator {
	border-bottom: 1px solid #DCDCDC;
}

#churchTable br {
	margin:0;
	padding:0;	
}

.errorMsg {
	font:Arial, Helvetica, sans-serif;
	color:#993300;	
}

#programs_container { font-family: Arial, Helvetica, sans-serif; }

#program_schedule {
	width:100%;
	overflow:hidden;
	float:none;
	clear:both;
	color: #000000;
}

.program_schedule_row_header {
	clear:both;
	float:none;
	overflow:hidden;
	display:block;	
}

.program_schedule_row {
	clear:both;
	float:none;
	overflow:hidden;
	display:block;
	color: #000000;
}

.program_schedulepast_row {
	clear:both;
	float:none;
	overflow:hidden;
	display:block;
	color: #808080;
}

.program_schedule_row_item_date {
	float:left;
	width:20%;
}

.program_schedule_row_item_program {
	float:left;
	width:30%;	
}

.program_schedule_row_item_place {
	float:left;
	width:50%;	
}

.yc_row {
	float:none;
	clear:both;
	width:668px;
	overflow:hidden;	
}

.yc {
	float:left;
	margin:5px 2px 5px 2px;
	width:127px;
	text-align:center;
	padding:12px 0 5px 0;
}

.yc a {
	color:#000;
	text-decoration:none;
	font-weight:bold;	
}

.yc a:hover {
	color:#666;
	text-decoration:none;
	font-weight:bold;	
}

.eo {
	float:left;
	margin:5px 2px 5px 2px;
	width:215px;
	text-align:center;
	padding:12px 0 5px 0;	
}

.eo a {
	color:#000;
	text-decoration:none;
	font-weight:bold;	
}

.eo a:hover {
	color:#666;
	text-decoration:none;
	font-weight:bold;	
}

.borderlessImage {
	border-style:none;	
}	

.comments {
	clear:both;
	border-bottom-color:#000;
	border-bottom-style: dotted;
	border-bottom-width:1px;
	padding:5px 0 5px 2px;
	width:98%;
	overflow:hidden;	
}

.videoMETA {
	width:550px;
	padding:5px;
	margin:5px 0 5px 0;
	text-align:left;	
}

.ratingDiv_full { 
	float:left;
	width:20px;
	height:20px;
	background:url('../images/star_full.jpg');	
}

.ratingDiv_null {
	float:left;
	width:20px;
	height:20px;
	background:url('../images/star_null.jpg');	
}

.ratingDiv_half {
	float:left;
	width:20px;
	height:20px;
	background:url('../images/star_half.jpg');	
}

.thumbs_dn_grey {
	background:url('../images/thumbs_sprite.png') no-repeat 0px 0px;
	width:19px;
	height:20px;
	float:left;
}

.thumbs_dn_red {
	background:url('../images/thumbs_sprite.png') no-repeat 0px -19px;
	width:19px;
	height:20px;
	float:left;
}

.thumbs_up_grey {
	background:url('../images/thumbs_sprite.png') no-repeat -19px 0px;
	width:19px;
	height:19px;
	float:left;
}

.thumbs_up_green {
	background:url('../images/thumbs_sprite.png') no-repeat -19px;
	width:19px;
	height:19px;
	float:left;
}

.thumbs_msg {
	float:left;
	width:30px;
	height:20px;
	text-align:center;
	padding:2px 0 0 0;	
}

.grey {
	color:#999;	
}

.green {
	color:#006600;	
}

.red {
	color:#990000;
}


/* AddThis Vertical Hover Menu
-------------------------------------------------------- */
.addthis_toolbox .custom_hover {
    position: relative;
}

.addthis_toolbox .custom_hover .custom_button {
    font-weight: bold;
    padding: 6px 12px 6px 12px;
    color: #005C8A;
    cursor: pointer;
    -moz-border-radius: 5px 5px 0 0;    
    -webkit-border-radius: 5px 5px 0 0;
}

.addthis_toolbox .custom_hover .custom_button.active {
    background-color: #196C96;
    color: #FFD699;
}

.addthis_toolbox .hover_menu  {
    display: none;
    position: absolute;
    background: #fff;
}

.addthis_toolbox .custom_hover .tower {
    -webkit-border-radius: 0 5px 0 0;   
    -moz-border-radius-topleft: 0;
    
}
.addthis_toolbox .hover_menu  {
    width: 136px;
    padding: 1px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_menu a {    
    position: relative;
    display: block;
    width: 102px;
    padding: 4px 0 4px 34px;
    text-decoration: none;
    color: #00bff3;
}

.addthis_toolbox .hover_menu a:hover {    
    background: #f5f5f5;
    color: #027999;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .hover_menu span {
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .hover_menu .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .hover_menu .more a {
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .hover_menu .more a:hover {
    background: none;
}
.addthis_toolbox .hover_menu .more span {
    display: none;
}

table {
    	table-layout: auto;
    	align: left;
    	text-align: bottom;
    	border-collapse: collapse;
    	/*border: 1px solid #CCCCCC;*/
}


/* Youth Convention Page
-------------------------------------------------------- */
table.youth_convention { border: 0; solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; }
tr.event_info_row1 { border: 0px solid #CCCCCC; vertical-align: top; padding-top: 12px; }
tr.event_info_row2 { border: 0px solid #CCCCCC; vertical-align: top; }
th.col1 { padding-top: 12px; padding-bottom: 2px; padding-left: 12px; padding-right: 12px; }
td.col2 { padding-top: 12px; padding-bottom: 2px; padding-left: 12px; padding-right: 12px; }
td.col3 { padding-top: 12px; padding-bottom: 2px; padding-left: 12px; padding-right: 12px; }

h3.speakers { background-color: #FFFFFF; border-bottom:#FFFFFF 1px solid; text-align:left; font-weight:bold; font-size:14px; font-family: Arial, Helvetica, sans-serif; color: #333333; padding-left:0; padding-right:0; padding-top: 0; padding-bottom: 0; }


/* Youth Convention Temp CSS
-------------------------------------------------------- */
table.youth_convention {
	border: 0px solid #CCCCCC;
}

tr.event_info {
	border: 0px solid #CCCCCC;
	vertical-align: top;
}

th.yc_date {
	border: 0px;
	padding: 12px;	
}

td.yc_program {
	border: 0px;
	padding: 12px;
}

td.yc_time {
	border: 0px;
	padding: 12px;	
}

td.yc_location {
	border: 0px;
	padding: 12px;	
}




th {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #CCE0EB
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
}

td {
	font-size: 11px;
	font-weight: normal;
	color: #4C4C4C;
	border: 1px solid #CCE0EB
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

/*tr {
	border-bottom: 0.50px solid #EEEEEE;
}*/

tr.light {
	background: #FFFFFF;
	vertical-align: center;	
}

tr.dark {
	background: #F1F1F1;
    	vertical-align: center;	   
}

tr.nextevent {
	background: #C1DAE6;
    	vertical-align: center;	   
}

/*tr:hover {
	background: #FFEBCC;
}*/

caption {
	color: #005C8A;
	font-size: 14px;
	text-align: left;
	padding-bottom: 5px;
	font-weight: bold;
}

.floatright
{
float: right;
margin: 0 20px 10px 10px;
border: 1px solid #808080;
}

.floatleft
{
float: left;
margin: 10px 20px 10px 10px;
border: 1px solid #;
}

/* Buttons
-------------------------------------------------------- */
a.alert_calendar:link,a.alert_calendar:visited { display:block; font-weight:bold; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color:#FFFFFF; background-color:#D11975; width:60px; text-align:center; padding:2px; text-decoration:none; }
a.alert_calendar:hover,a.alert_calendar:active { color:#FFFFFF; background-color:#A7145E; text-decoration:none; }

a.alert_page:link,a.alert_page:visited { display:block; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#FFFFFF; background-color:#FF0066; width: 90px; padding: 5px; text-align:center; text-decoration:none; }
a.alert_page:hover,a.alert_page:active { color:#FFFFFF; background-color:#E6005C; text-decoration:none; }

a.donate:link,a.donate:visited { margin: 0; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #FFFFFF; background: #CC0052; width: 180px;  padding: 12px; text-align:center; text-decoration:none; }
a.donate:hover,a.donate:active { margin: 0; color: #FFFFFF; background: #B8004A; text-decoration: none; }

#competition_resource { margin: 0; padding-top: 0; padding-bottom: 4px; }
a.resource:link,a.resource:visited { margin: 0; border: #D4D4D4 1px solid; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #303030; background: #E2E2E2; width: 180px;  padding: 12px; text-align:center; text-decoration:none; }
a.resource:hover,a.resource:active { margin: 0; color: #303030; background: #E8E8E8; text-decoration: none; }


/* Links
-------------------------------------------------------- */
a.home:link { color: #4D6978; text-decoration:none; }
a.home:visited { color: #4D6978; text-decoration:none; }
a.home:hover { color: #FF3385; text-decoration:none; }
a.home:active { color: #4D6978; text-decoration:none; }

a.logo:link,a.logo:visited,a.logo:hover,a.logo:active { border: 0; }


/* Divs (Right Rail)
-------------------------------------------------------- */
#clock, #youtube, #twitter, #sponsors, #firstgiving {
	margin: 0;
	border: 0;
	width: 100%;
	padding-top: 0;
	padding-bottom: 30px;
	padding-left: 0;
	padding-right: 0;
}

#countdown_clock {
	margin: 0;
	border: 0;
	width: 240px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 1px;
	padding-right: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	color: #151515;
	background-color: #EBEBEB;
	font-weight: bold;
	font-size: 12px;
	font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
}

#contentpage {
	margin: 0 auto;
	padding: 0;
}

#contentpage_subnav {
	width: 180px;
	float: left;
	background: #FFFFFF;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 45px;
	padding-right: 15px;
}

#contentpage_content {
	width: 652px;
	float: right;
	background: #FFFFFF;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 15px;
	padding-right: 45px;
}

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

.content_subnav { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-top: 1px solid #F5F5F5;}

li { margin: 0; padding: 8px; border-bottom: 1px solid #F5F5F5; }

.current_page a { color:#FF0066; background: #FFFFFF; text-decoration:none; font-weight: bold; }
.current_page a:hover { color:#FF0066; background: #FFFFFF; text-decoration:none; font-weight: bold;}

.normal a { color:#AEAEAE; background: #FFFFFF; text-decoration:none; font-weight: bold;}
.normal a:hover { color:#FF0066; background: #FFFFFF; text-decoration:none; font-weight: bold;}


/* LightBox
-------------------------------------------------------- */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }