/* main.css - styles for main formatting elements */

/* contents of entire browser window */
body {
	background-color: #000099;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

/* head: includes logo, slogan, menu system, header gradients, and flash banner */
#head {
	width: auto;
	height: 320px;
	margin: 0px auto 0px auto;
	border: 0px;
	padding: 0px;
	background-image: url(../img/head_background_gradient.jpg);
	background-repeat: repeat-x;
}

/* head short: */
#headShort {
	width: auto;
	height: 155px;
	margin: 0px auto 0px auto;
	border: 0px;
	padding: 0px;
	background-image: url(../img/head_background_gradient_short.jpg);
	background-repeat: repeat-x;
}

/* head mid: */
#headMid {
	width: auto;
	height: 240px;
	margin: 0px auto 0px auto;
	border: 0px;
	padding: 0px;
	background-image: url(../img/head_background_gradient_mid.jpg);
	background-repeat: repeat-x;
}

/* header: grace logo, slogan, and menu system */
.header {
	height: 58px;
	width: 800px;
	margin: 0px auto 0px auto;
	border: 0px;
	padding: 0px;
}

/* logo: format for img tag for grace logo */
#logo {
	float:left;
	width: 164px;
	height: 58px;
	margin: 0px;
	border: 0px;
	padding: 0px;	
}

/* slogan: a church for people who don't go to church */
#slogan {
	float:right;
	height: 30px;
	width: 636px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-align: right;
	line-height: 26px;
}

/* center: middle section of website, including left menu and flash banner */
#middle {
	width: 800px;
	height:240px;
	margin: 0px auto 0px auto;
	border: 0px;
	padding: 0px;
}

#middletopleft {
	width:150px;
	height: 17px;
	float:left;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#middletopright {
	width:650px;
	height: 17px;
	float: right;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background:url(../img/photo_frame_top.jpg) no-repeat;
}

#middlecenter_wrapper {
	float:right;
	margin: 0px;
	border: 0px;
	padding: 0px;
	height: 240px;
	width: 650px;
}

#middlecenterleft {
	width:12px;
	height:222px;
	float:left;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background:url(../img/photo_frame_left.jpg) no-repeat;
}

#flashbanner {
	width: 624px;
	height: 222px;
	float:left;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#flashbanner_why {
	width: 624px;
	height: 222px;
	float:left;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background:url(../img/why_try_grace_static.jpg) no-repeat;
}

#middlecenterright {
	width:14px;
	height:222px;
	float:right;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background:url(../img/photo_frame_right.jpg) no-repeat;
	
}

#middlecenterbottom {
	width: 650px;
	height: 19px;
	float:right;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background:url(../img/photo_frame_bottom.jpg) no-repeat;
}

/* entire content area of website, encompassing logo, navigation, central text area, etc. */
#torso {
	width: auto;
	height: auto;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#content {
	width: 800px;
	height: auto;
	margin: 0px auto 0px auto;
	border: 0px;
	padding: 0px;
}

#content_left {
	width: 200px;
	height:auto;
	position:relative;
	float:left;
	margin: 0px;
	border: 0px;
	padding: 0px;
}
#content_left_spacer {
	width: 200px;
	height:12px;
	float:left;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

/* Service Times Box */
.box_servicetimes {
	width: 200px;
	height: auto;
	float:left;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background: url(../img/service_times_gradient.jpg) repeat-x;
}
.boxtext {
	width:180px;
	height: auto;
	float: left;
	margin: 8px auto 10px 10px;
	border: 0px;
	padding: 0px;
}

.boxtext h4 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #3399FF;
	margin:0px auto 8px 2px;
	padding: 0px;
	border: 0px;
}
.boxtext p.servicetimestext {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 4px auto 0px 4px;
	color: #FFFFFF;
	padding: 0px;
	border: 0px;
}
.boxtext p.footnote {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px auto 2px 4px;
	padding: 0px;
	border: 0px;
	color: #FFFFFF;
}

/* Coming up Box */
.box_coming {
	width: 200px;
	height: auto;
	float:left;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background: url(../img/comingup_gradient.jpg) repeat-x;
}
/* Coming Up Text area */
.textbox {
	width: 180px;
	height: auto;
	float: left;
	margin: 8px 10px 10px 10px;
	border: 0px;
	padding: 0px;
}

h4 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #3399FF;
	margin:0px auto auto 2px;
	padding: 0px;
	border: 0px;
}
.textbox p.comingupdate {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 10px auto 0px 4px;
	color: #CCCCCC;
	padding:0px;
	border:0px;
}
p.comingupdate span a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #99FF99;
	text-decoration:none;
}
p.comingupdate span a:hover, p.comingupdate span:hover a{
	color: #66FF33;
}
.textbox p.cominguptext {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin:3px auto auto 4px;
}

/* Kids Ministry Box */
.box_announcement {
	width: 200px;
	height: 140px;
	float:left;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background: url(../img/announcement_left_box_bkgd.jpg) no-repeat;
	background-color: #000099;
}

/* Main Text Area */
#maintextarea {
	width: 540px;
	height: auto;
	float: right;
	margin: 15px 15px 10px 15px;
	border: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}

#maintextareaWide {
	width: 765px;
	height: auto;
	float: right;
	margin: 15px 15px 10px 15px;
	border: 0px;
	padding: 0px 0px 0px 20px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}

h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #0099FF;
	margin:0px;
	padding: 0px;
	border: 0px;
	font-weight: bold;
}

.greenTitle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #99FF99;
	margin:0px;
	padding: 0px;
	border: 0px;
	font-weight: bold;
	text-align: center;
}

h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #CCCCCC;
	margin:0px;
	padding: 0px;
	border: 0px;
	font-weight: bold;
}

.smallBlueTitle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #0099FF;
	margin:0px;
	padding: 0px;
	border: 0px;
	font-weight: bold;
}

.smallGreenTitle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #99FF99;
	margin:0px;
	padding: 0px;
	border: 0px;
	font-weight: bold;
}

h3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #99CCFF;
	margin:0px;
	padding: 0px;
	border: 0px;
	font-weight: bold;
}

a { color: #99FF99; text-decoration:none;}
a:hover, hover a{ color: #66FF33; text-decoration:none;}

p.contactname {
	font-weight: bold;
}

span.cglocation {
	font-weight: bold;
}

span.cginfo {
	font-weight: bold;
}

span.cgtopic {
	font-weight: bold;
}


span.cgtopictitle {
	font-style:italic;
}

span.cgleader {
	font-weight: bold;
}

span.contacttitle {
	font-weight: bold;
	color: #99CCFF;
}

span.teamtitle {
	font-size:16px;
	font-weight: bold;
	color: #99CCFF;
}

span.calendardate {
	font-size: 16px;
	color: #0099FF;
	font-weight: bold;
}

span a.calendartitle {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

p.largerfont {
	font-size:16px;
}
span.largerfont {
	font-size:16px;
}

/* messages.html table */
table {
	border: 0;
	border-collapse: collapse;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	width: 540px;
	height: auto;
	background-color: #000099;
}
tr.heading {
	border: 0;
	border-collapse: collapse;
	font-variant: small-caps;
	font-size: 11px;
}
tr.heading td{
	padding-top: 10px;
}

tr.message {
	border: 0;
	border-collapse: collapse;
	line-height: 16px;
}
tr.submessage {
	border: 0;
	border-collapse: collapse;
	line-height: 14px;
	padding: 0px auto 3px auto;
}
tr.seriestitle {
	border: 0;
	border-collapse: collapse;
	background-color: #0000CC;
	font-size: 16px;
	font-weight: bold;
	padding: 6px;
}
td {
	padding: 3px;
}
tr.seriestitle td {
	padding: 5px;
}

.center {
	text-align: center;
}

img {
	border-style: none;
}

#new_series_banner{
	position: relative;
	float: left;
	width: 540px;
	height: 264px;
	background: url(../img/UnusualSuspects_banner.jpg) no-repeat;
	margin-bottom:2px;
}

#new_series_invite_button{
	position: relative;
	float: left;
	width: 540px;
	height: 30px;
}

#welcome_message {
	position: relative;
	float: left;
	width: 280px;
	height: 194px;
	padding-right: 10px;
}
#welcome_video {
	position: relative;
	float: right;
	width: 240px;
	height: 194px;
	text-align:right;
}

#weather_update{
	position: relative;
	float: left;
	width: 540px;
	height: 120px;
	background: transparent url(../img/snowflake.jpg) no-repeat top right;
	padding: 0px;
	margin-bottom: 10px;
	z-index: 0;
}

#main_spacer{
	position: relative;
	float: left;
	width: 540px;
	height: 10px;
	padding: 0px;
	margin: 0px;
}

#upcoming_message{
	position: relative;
	float: left;
	width: 280px;
	height: 194px;
	background: url(../img/box_gradient_background.jpg) repeat-x;
	margin-top: 0px;
}

#newseries_link { color: ##99CCFF; background: transparent; }
#newseries_link:visited { color: #CCCCFF; }
#newseries_link:hover { color: #0033CC; text-decoration: none; }

#newseries_flashbanner{
	position: relative;
	float: left;
	width: 540px;
	height: 186px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#newseries_banner_top{
	position: relative;
	float: left;
	width: 308px;
	height: 194px;
	background: url(../img/gotchemistry_bannertop_308x194.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}


#newseries_banner_bottom{
	position: relative;
	float: left;
	width: 308px;
	height: 120px;
	background: url(../img/gotchemistry_bannerbottom_308x120.jpg) no-repeat;
	margin-top: 0px;
}

#newseries_welcome_video{
	position: relative;
	float: left;
	width: 232px;
	height: 194px;
	text-align: right;
}

#reveal_banner{
	position: relative;
	float: left;
	width: 540px;
	height: 152px;
	background: url(../img/REVEAL_note_540x152.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}

#announcement_banner{
	position: relative;
	float: left;
	width: 520px;
	height: 50px;
	background: transparent url(../img/service_times_gradient.jpg) repeat-x;
	padding: 0px 10px 10px 10px;
	margin-bottom: 10px;
	z-index: 0;
}
span.banner_title {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

p.important_notice{
	margin: 0px 25px auto 30px;
}

span.important_notice {
	color: #0099FF;
	font-size: 16px;
	font-weight: bold;
	/*background: transparent url(../img/starburst_red_darkback.jpg) no-repeat right;*/
}
.starburst_dark {
	margin: 5px auto auto auto;
	/*background: url(../img/starburst_red_darkback.jpg) no-repeat left;*/
}

.starburst {
	background: url(../img/starburst_red_darkback.jpg) no-repeat left top;
}

span.upcoming_message {
	color: #0099FF;
	font-size: 16px;
	font-weight: bold;
}
p.upcoming_message{
	margin: 15px 5px auto 5px;
}

span.last_message {
	color: #66CCFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
}
p.last_message{
	margin: 10px 5px auto 5px;
}


/* Footer */
#foot {
	clear:both;
	width: auto;
	height: 70px;
	margin: 0px auto 0px auto;
	border: 0px;
	padding: 0px;
	background-image: url(../img/footer_gradient.jpg);
	background-repeat: repeat-x;
}
#footerspacer {
	height: 34px;
	width: 800px;
	margin: 0px auto 0px auto;
	border: 0px;
	padding: 0px;
}
#footer {
	height: 36px;
	width: 800px;
	margin: 0px auto 0px auto;
	border: 0px;
	padding: 0px;
}
#footer p {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	text-align:right;
}
#footer p a, #footer p a:visited  {
	text-decoration:none;
	color: #FFFFFF;
}
#footer p a:hover, #footer p:hover a{
	color: #FFFFFF;
}
#footer p.address {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #CCCCFF;
	margin: 14px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	text-align:right;
}

/*DC Idol Banner */
#dc_idol_banner{
	position: relative;
	float: left;
	width: 540px;
	height: 78px;
}
#dc_idol_links{
	position: relative;
	float: left;
	width: 540px;
	height: 18px;
	background-color:#0066CC;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}
#dc_idol_links a, #dc_idol_links a:visited  {
	color: #FFFFFF;
}
#dc_idol_links a:hover, #dc_idol_links hover a{
	color: #66FF33;
}

.redbox{
	position: relative;
	float: left;
	width: 540px;
	height: 150px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: transparent no-repeat;
}
.donateattributes{
	position: relative;
	margin-left: 230px;
	margin-top: 45px;
	margin-bottom: 0px;
}
.paymentmethodsattributes{
	position: absolute;
	margin-left: 205px;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* Online Giving Box */
.online_giving {
	width: 200px;
	height: 90px;
	float:left;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background: url(../img/online_giving_bg.jpg) repeat-x;
}

/* Golf Tourney styles */
.box_golf_info {
	width: 285px;
	height: auto;
	float:right;
	margin: 30px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	background: url(../img/comingup_gradient.jpg) repeat-x;
}

.textbox_golf {
	width: 265px;
	height: auto;
	float: right;
	margin: 8px 10px 10px 10px;
	border: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#golf_reg_textarea {
	width: 480px;
	height: auto;
	float: left;
	margin: 15px 15px 10px 15px;
	border: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background: #CCFFCC;
	font-weight: normal;
	text-align: center;
}

.golf_reg_h1 {
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #006633;
	font-weight: bold;
}

.golf_reg_h2 {
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
}
.golf_reg_h3 {
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}

.golf_reg_span_titletext{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	text-align:center;
}
.golf_reg_span_subtext{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.golf_reg_span_titletext2{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
}
.golf_reg_span_titletext3{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
}


.golfdonation_box{
	width: 255px;
	height: auto;
	float:right;
	margin: 10px 15px 15px 15px;
	border: 0px;
	padding: 0px;
	background: transparent no-repeat;
}
.donateattributes_golf{
	position: relative;
	margin: 0px 0px 2px 80px;
}
.paymentmethodsattributes_golf{
	position: absolute;
	margin: 0px 0px 0px 50px;
}