/*

	File: screen.css
	Media: screen
	Copyright: (c) 2008 Church Media Group, Inc. www.churchmedia.cc
	Author: Ismael Burciaga Jr.
	Notes: 


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

body { font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #666666; }

a { text-decoration: underline;}
a:link { color: #6a0f3e;}
a:visited { color: #6a0f3e;}
a:hover { color: #6a0f3e; text-decoration: underline;}
a:active { color: #6a0f3e;}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #ffffff url(../images/bg/bg_navigation.jpg) top center repeat-x; font: normal 62.5% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; color: #353535; height: 100%;}

h3 { font-size:2.6em; color: #353535; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: normal; }
h1, h2, h4, h5, h6 { font-size:2.6em; font-weight:bold; color: #353535; font-family: Helvetica, Arial, Verdana, sans-serif;}
p { font-size:1.2em; line-height:1.2em; margin:12px 0; }
small { font-size:1.1em;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
li.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }

.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }
.back { font-size: .65em; float: right; display: inline;}


/* Page
--------------------------------------------------------------------------------------- */

.page_header { overflow: hidden; width: 100%; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; padding: 12px 0;}
.page_header h3 { float: left; font-size: 2.4em; line-height:1.2em; font-weight: normal; margin: 3px 0 0 0;}

.main_content p.crumbs { margin: 0 0 16px 0; font-size: 1.1em; }

.btn_register_group { display:block; width: 119px; height: 33px; text-indent: -9999px; background: transparent url(../images/btn/btn_register_group.gif) top right no-repeat; }
.btn_btn_register_group:hover { background-position: top left;}

.btn_sign_up { display:block; width: 119px; height: 33px; text-indent: -9999px; background: transparent url(../images/btn/btn_sign_up.gif) top right no-repeat; }
.btn_sign_up:hover { background-position: top left;}

.btn_lead_a_group { display:block; width: 119px; height: 33px; text-indent: -9999px; background: transparent url(../images/btn/btn_lead_a_group.gif) top right no-repeat; }
.btn_lead_a_group:hover { background-position: top left;}

.btn_sitemap_home { display:block; width: 16px; height: 12px; text-indent: -9999px; background: transparent url(../images/btn/btn_sitemap_home.gif) top left no-repeat; margin: 16px 0 16px 12px; }
.btn_sitemap_home:hover { background-position: top right;}


.groups_box { margin: 24px 0 0 0; padding: 16px 0 24px 0; }
.groups_box h3 { font-size: 1.8em; }
.groups_box p { line-height: 1.4em; margin: 18px 0;}
.groups_left_panel { float: left; display: inline; width: 60%; border-right: 4px solid #e8e8e8; padding-right: 5%; }
.groups_right_panel { float: right; display: inline; width: 30%; }


.groups_form_box { width: 90%; margin-top: 8px; padding: 4% 5%; overflow: hidden; }
.groups_form_box_check_listings { width: 96%; margin-top: 20px; background: #e7f5fc; padding: 3% 1% 3% 3%; overflow: hidden; }

.groups_form_box h4 { margin-bottom: 20px; margin-top: 0; }
.groups_box .steps { margin: 16px 0 24px 0;}
.groups_box h2.step_titles { background: #e5f6fe; color: #347EA3; padding: 10px 3%; width: 94%; font-size: 1.6em; margin: 16px 0; }

.groups_form_row { width: 100%; overflow: hidden; margin-bottom:3px; }
.groups_form_row_submit { width: 100%; overflow: hidden; margin-top:16px; }
.groups_form_left_column { width: 33%; float: left; display: inline; text-align: right; padding-top: 9px;}
.groups_form_right_column { width: 64%; float: right; display: inline; }

.groups_form_left_column label, .groups_ver_left_column label{ font-size: 1.2em; line-height: 1.3em; font-weight: bold; vertical-align: middle; color: #666666; }
.groups_form_right_column label { font-size: 1.2em; line-height: 1.3em; vertical-align: middle; color: #666666;}

.groups_form_box input { font-size: 1.6em; color:#333; }
.groups_box .normal_input { width: 90%; padding: 5px 8px; border: 1px solid #d5d5d5;}
.groups_box .zip { width: 23%; padding: 5px 8px; border: 1px solid #d5d5d5;}
.groups_box .comments { width: 90%; padding: 5px 8px; border: 1px solid #d5d5d5;}
.groups_box .checkbox { border: 1px solid #d5d5d5; margin-right: 10px; }
.groups_box .amount { background: transparent url(../images/icon_dollar.gif) 2% 50% no-repeat; padding-left: 18px; width: 18%; }

.groups_box select { padding: 4px 4px 4px 8px; border: 1px solid #d5d5d5; font-size: 1.6em; }
.groups_box select option { padding-right: 16px;}
.groups_box .drop_down { padding: 5px 5px 5px 10px; border: 4px solid #d5d5d5; }

.groups_box .error label { color:#c21e1e; }
.groups_box .error .normal_input { width: 90%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}
.groups_box .error .zip { width: 23%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}
.groups_box .error .comments { width: 90%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}

/** Special inputs for the eNews form that's in the footer **/
.groups_box .email_inputs .error input { border: 4px solid #c21e1e; background: #fff0f0;}

.table_events { width: 100%; border-collapse: collapse; font-size: 1.2em;}
.table_events td { padding: 10px 0; border-bottom: 1px solid #f5ede2; }
.table_events td.titles { background: #5e6874; color: #ffffff; font-weight: bold;}
.table_events td p  { margin: 0; padding: 0; font-size: 1em; }


/* Verification
--------------------------------------------------------------------------------------- */

.groups_verification { clear: both; overflow: hidden; width: 100%; border-top: 4px solid #e0ddd0; padding: 24px 0 0 0; }

.groups_ver_left_column { width: 54%; float: left; display: inline; padding-top: 8px; text-align: right;}
.groups_ver_right_column { width: 42%; float: right; display: inline; }
.groups_ver_right_column input { font-size: 1.4em; }
.groups_ver_right_column input.zip { width: 26%;}
.error .groups_ver_right_column input.zip { width: 26%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}

.groups_ver_left_panel { float: left; display: inline; width: 50%; }
.groups_ver_right_panel { float: right; display: inline; width: 40%; border-left: 2px solid #e8e8e8; padding-left: 24px;}
.groups_ver_right_panel p { font-size: 1.1em; line-height: 1.3em; margin-bottom: 0; }
.groups_verification input.btn_submit, .groups_form_right_column .btn_submit { width: 42%; border: 1px solid #854e06; background: #a3610a; padding: 5px 0; text-align: center; color: #fff; font-size: 1.4em; }


/* Groups Module
______________________________________________________________________________________ */

.groups_large_image { margin-bottom: 8px; }

.groups_table { width: 100%; border-collapse: collapse; font-size: 1.2em; margin-top: 4px;}
.groups_table td { padding: 8px 8px; border-top: 1px solid #cccccc; vertical-align: middle;}
.groups_table td.titles { background: #e8e8e8; color: #1f1e1c; font-weight: bold; padding: 10px 8px;}
.groups_table td p  { margin: 0; padding: 0; font-size: 1em; }
.groups_table td strong  { color: #000000; }
.groups_table td.alt { background: #fffeeb;}

.groups_title { font-size: 1.2em; }
.groups_table td p.cancel { margin-top: 20px; }

.groups_table td.details_box { padding: 0; margin: 0; border-top: none;}
.groups_details { background: transparent url(../images/bg/bg_volunteer.gif) left bottom repeat-x; padding: 10px 3% 20px 3%; width:94%;}
.groups_details_content { width: 93%; border-left: 8px solid #e8e8e8; padding-left: 24px; overflow: hidden;}
.groups_details_content h2 { font-size: 1.1em; margin: 0 0 12px 0; }
.groups_details_content h3 { font-size: 1.1em; margin-top: 12px; }
.groups_details_content ul li { margin-bottom: 4px; font-size: 1.1em; }
.groups_vol_close { margin-top: 0; }
.groups_details_content p  { margin: 16px 0; padding: 0; }
td.no_border { border: none; }

.groups_image {border: 10px solid #eeeeee; }
.btn_find_a_group { display:block; width: 234px; height: 33px; text-indent: -9999px; background: transparent url(../images/groups/btn_find_a_group.jpg) top right no-repeat; }
.btn_find_a_group:hover { background-position: top left;}

.group_details_left { float: left; display: inline; width: 540px; }
.group_details_right { float: right; display: inline; width: 234px; padding: 0; }

.group_details_left h5 { font-size: 1.6em; margin: 20px 0; }
.groups_box p.crumbs { margin: 0 0 16px 0; font-size: 1.1em; }

.group_name { font-size: 2.2em; margin: 20px 0; }

.groups_box ul.pages { margin: -5px 0 0 0; padding: 0; overflow: hidden; width: 98%; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding: 6px 1%; background: #f5f5f5; }
.groups_box ul.pages li { margin: 0; padding: 0; float: left; display: inline; margin-right: 6px; color: #666666; font-size: 1.2em; }
.groups_box ul.pages li.title { padding-top: 3px; font-weight: bold; }
.groups_box ul.pages li a { display: block; padding:3px 4px;  text-decoration: underline; color: #21d4e7; border: 0;}
.groups_box ul.pages li a:hover {  text-decoration: underline; background: #f1f8fc;}
.groups_box ul.pages li a.active, .groups_box ul.pages li a.active:hover { display: block; padding:3px 4px; border: 0; color: #333333; text-decoration: none; }
.groups_box ul.top_pages { margin: 24px 0; }

#footerContainer p { font-size: 6px; font-family: "Lucida Grande";}