@charset "utf-8";
/* CSS Document */

/* Fonts and Headers */
h1,h2,h3,h4,h5,h6 {
	font-family:Verdana, Geneva, sans-serif;
	color:#2a2a2a;
	margin:0;
	text-align:left;
	}
	
h2 {
	font-size:21px;
	margin-bottom:5px;
	color:#333333;
	}
	
h1 {font-size:25px;}


img {border:0;}

.settings td {
	font-size:13px;
}


.table_heading {
	font-size:18px;
	font-weight:bold;
}
	

.input {
	height:18px;
	}
	
	
#logo {
	margin-left:1px;
}

/* Blog Box */

.blog_headline {
font-weight:bold;
font-size:14px;
}

#blog_spacer {
height:5px;
}

#blog_date {
font-size:10px;
}

#blog_link {font-size:11px;}
	
#cpw_info_area {
	text-align:right;
	position:absolute;
	width:420px;
	margin-left:530px;
	margin-top:50px;
}	

.cpw_info_area_header {
	font-weight:bold;
	height:40px;
	font-size:18px;
}
	
#searchbar {
	float:right;
	width:200px;
	height:20px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;font-size:14px;
	}	

p {
	margin-top:10px;
	margin-bottom:10px;
	font-size:15px;
	text-align:left;
	}

.newsheader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	}


.date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}
	
.small {
	font-size:11px;
	}
	
.caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}	
	
.captionToggle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	}		

body,td,th, p, form, input, a {
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	}

a:link {
	color: #0066CC;
	text-decoration: none;
	}
	
a:visited {
	text-decoration: none;
	color: #0066CC;
	}
	
a:hover {
	text-decoration: none;
	color:#C91D1D;
	}
	
a:active {
	text-decoration: none;
	color: #0066CC;
	}

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  	padding:0 0 <length> 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	text-align:center;
	}

#container {
	margin-top:0px;
	text-align:left;
	width:1012px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	}
	
#buttons {
	margin-left:17px;
	float:left;}	
	
#right_box {
	margin-top:0px;
	width:282px;
	background-image:url(images/right_feature_bg.gif);
	background-repeat:repeat-y;
	overflow:hidden;
	}
	
	
#prayer_wall {
	width:1125px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	}	

#prayer_wall_inside {
	background-color:white;
	float:left;
	width:1125px;
	height:auto;
	background-image:url(images/prayer_wall_bg.jpg);
	background-repeat:repeat-y;
	}
	
#prayer_wall_box {
	margin-top:0px;
	width:199px;
	float:left;
	}
		
	
#right_box_inside {
	margin-top:10px;
	margin-left:15px;
	margin-right:12px;
	margin-bottom:10px;
	}

#subcontainer {
	background-color:#FFFFFF;
	float:left;
	width:1012px;
	background-image:url(images/content_bg.gif);
	background-repeat:repeat-y;
	margin:0;
	margin-left:1px;
	}

#main {
	width:959px;
	margin-left:25px;
	margin-right:25px;
	float:left;
	margin-top:16px;
	margin-bottom:20px;
	overflow:hidden;
	}	

/* */
#left_box {
	background-image:url(images/left_box_bg.jpg);
	float:left;
	width: 337px;
	height:351px;
	background-repeat:no-repeat;
	}

#left_box_inside {
	width:330px;
	height:327px;
	margin: 8px 3px 3px 11px;
	text-align:left;
	
	}
	
.left_box_button {
	margin-top:3px;
	}

#movie_box {
	float:right;
	width:611px;
	height:351px;
	background-image:url(images/right_box.jpg);
	background-repeat:no-repeat;
	}	
	
		
#movie_box_inside {
	margin:5px;
	}

#top_container {
	float:left;
	width:959px;
	height:368px;
	}

#widebox {
	width: 959px;
	float:left;
	background-image:url(images/widebox_bg.gif);
	background-repeat:repeat-y;
	height:auto;
	margin-top:0px;
	}
	
#left_content {
	float:left;
	background-image:url(images/left_content_bg.gif);
	background-repeat:repeat-y;
	width: 667px;
	overflow:hidden;
	}
	
#left_content_inside {
	margin-left:15px;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:5px;
	}

#right_sidebar {
	width:282px;
	float:right;
	margin-top:0px;
	}	
	
#box_inside {
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:15px;
	}
	
	
#share_bar {
	width:292px;
	height:42px;
	margin-bottom:14px;
	background-image:url(images/sharebar_bg.gif);
	background-repeat:no-repeat;
	}	
	
#share_bar_inside {
	float:left;
	margin-left:15px;
	margin-right:0px;
	margin-top:3px;
	}
	
	
#share_bar_inside p {
	font-size:13px;
	color:#535353;
	}

.red {
	color:#FF0000;
	}
	
.manage_table {
	font-size:13px;
	}	
	
	
/* LOGIN BAR */
#login_bar {
	width:979px;
	float:left;
	height:43px;
	background-image:url(images/top_bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	margin-bottom:0;
	color:#FFFFFF;
	margin-left:17px;
	}	
	
#login_bar a {
	color:#8ed5ff;
	}
#login_bar a:hover {
	color:#00FFFF;
	}

#login_bar_inside {
	width:949px;
	margin-left:15px;
	margin-right:15px;
	}

#login_bar_inside_right {
	text-align:right;
	float:right;
	width:360px;
	}

#login_bar_inside_left {
	text-align:left;
	float:left;
	width:585px;
	}

#pgbox {
	width: 615px;
	height:auto;
	padding:10px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	color:#333333;
	background-color:#FDFBE3;
	border: 1px solid #FFCC00;
	float:left;
	}	
	
#alertbox {
	float:left;
	width: 615px;
	height:auto;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	color:#333333;
	background-color:#FFFFCC;
	border: 1px solid #FFCC00;
	}
	
#notice {
	width:auto;
	height:auto;
	padding:10px;
	margin-top: 5px;
	margin-bottom: 5px;
	color:#333333;
	background-color:#FFFFCC;
	border: 1px solid #FFCC00;
	font-size:12px;
}

#warningbox {
	float:left;
	width: 615px;
	height:auto;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	color:#333333;
	background-color:#fcd9d9;
	border: 1px solid #cd8989;
	}	
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
	
.hidden {
	display:none;
	}
	
	
/* GAP Signup */
.signup_header {
font-size:24px;
font-family:"Courier New", Courier, monospace;
color:#951515;
}


.signup_choice {

font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.gap_large_checkbox:input {
	width:30px;
	height:30px;
	font-size:20px;
	color:black;
	background-color:999999;
	border:none;

}
	
	
	
/* Events */
#event_details {
font-size:16px;
text-align:left;
}
/* ////////////// */
	
/* Comments */

#comment_container {
	margin-bottom:0px;
	float:left;
	width:640px;
	font-size:15px;
	}

#comment_pic {
	width:60px;
	float:left;
	margin-right:5px;
	height:auto;
	}

#comment_text {
	width:500px;
	float:right;
	margin-right:40px;
	}


#comment_sep {
	margin-top:5px;
	width: 240px;
	height:10px;
	float:left;
	}

.comment_name {
	color: #377eb5;
	font-weight: bold;
	}
	
.right_name {
	color: #377eb5;
	font-weight: bold;
	font-size:13px;
	}	
	
/* End */	


* Calendar Popup with Details  */

#blanket {
	background-color:#111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index: 9007;
	top:0px;
	left:0px;
	width:100%;
	}

#popUpDiv {
	position:absolute;
	background-color:#eeeeee;
	background-color:#F5F5F5;
	width:550px;
	margin-left:230px;
	margin-top:70px;
	height:auto;
	z-index: 9008;
	border:4px solid #145a8e;
	color:#000000;
	text-align:left;
	}
	
#popUpLogin {
	position:absolute;
	background-color:#eeeeee;
	background-color:#F5F5F5;
	width:550px;
	/*margin-left:150px;
	margin-top:230px;*/
	left: 150px;
	top:250px;
	height:auto;
	z-index: 9008;
	border:4px solid #145a8e;
	color:#000000;
	text-align:left;
	}	


#popUp_inside {
	margin:20px;
	}
	
	
/* Buttons */

div.content {
    border: #48f solid 0px;
    clear: left;
    padding: 1em;
	text-align:left;
	}

div.content.inactive {
	display: none;
	}

ol#toc {
	width:600px;
    height: 2em;
	height:30px;
    list-style: none;
    margin: 0;
	margin-top:5px;
	margin-bottom:0;
    padding: 0;
	float:left;
	}

ol#toc a {
/*  background: #bdf url(images/tabs.gif); */
    /*background-color: #007ac7;*/
	background-color: #e4f5ff;
	color: #0066cc;
    display: block;
    float: left;
    /*height: 2em;*/
    padding-left: 8px;
    text-decoration: none;
	font-weight:bold;
	border: 1px solid #acacac;

	}

ol#toc a:hover {
    background-color: #fffce4;
	border: 1px solid #acacac;
	}

ol#toc a:hover span {
	}

ol#toc li {
    float: left;
    margin: 0;
	margin-right:2px;
	font-size:14px;
	}

ol#toc li a.active {
    background-color: #48f;
    color: #fff;
	margin-bottom:0;
	}

ol#toc li a.active span {}

ol#toc span {
    /*background: url(images/tabs.gif) 100% 0;*/
    display: block;
    line-height: 2em;
    padding-right: 8px;
	}
	
table {
border: 1px solid #EBEBEB;
}	

/* BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
	background-color:#F7F7F7;
	background-color:#FCFCFC;
	background-color:#e4e4e4;
    border:1px solid #dedede;
	border:1px solid #999999;
    border-top:1px solid #a3a3a3;
    border-left:1px solid #a3a3a3;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
	height:36px;
	text-decoration:none;
    font-weight:bold;
    color:#565656;
	color:#333333;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
	}
	
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
	}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
	color:#005297;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
	border:1px solid #529214;
    color:#fff;}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;}
	
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;}
	
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

/* News Ticker */
#newsticker { 
width:615px;background-color:#FCFAE9;background-image:url(images/news_tickerbg.jpg);
padding:10px 10px 0;border:1px solid #999999;font-family:Verdana,Arial,Sans-Serif;font-size:14px;text-align:left;margin:0;}
#newsticker a { text-decoration:none; }
#newsticker img { border: 2px solid #FFFFFF; }
#newsticker .title {text-align:left;font-size:14px;font-weight:bold;padding:0px;color:black;}
.newsticker-jcarousellite { width:610px;text-align:left; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px;text-align:left; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:left; width:610px;text-align:left;font-weight:bold;}
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }
.clear { clear: both; }
/* End News Ticker */

.fltrt {float: right;margin-left: 8px;}

.fltlft { /* this class can be used to float an element left in your page */
float: left;margin-right: 8px;}

.hand {cursor: pointer;}