@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:Calibri;
	font-size: 12px;
	text-align:center;
	background-color:#e2f2fb;
	background-image:url('images/bg.gif');
	background-repeat:repeat-x;

	color:#333333;
	}
body a
{
	color:#EF6421;
	text-decoration: none;
}

#wrapper {
	background-color:#ffffff;
	width:750px;
	margin:0 auto 0 auto;
	text-align:left;
	padding: 0;
	}

/* header */	
#header 
{
	background-color:transparent;
	width:750px;
	height: 70px;
	margin:0 auto 0 auto;
	padding:0;
}
#logo
{
	padding: 15px 0 0 10px;
	margin: 0;
	float:left;
	width: auto;
}
/* ----------------------------------------------------- */
/* main navigation */
#mainnav ul
{
margin: 0;
padding: 15px 0 0 0;
list-style-type: none;
text-align: right;
}

#mainnav ul li
{
font-size:11px;
display: inline;
}

#mainnav ul li a { 
text-decoration: none;
padding: 5px 13px;
background-color:#333333;
}

#mainnav ul li a:link, #mainnav ul li a:visited
{
color: #FFF;
text-decoration: none;
}

#mainnav ul li a:hover
{
color: #fff;
background-color:#EF6421;
}
			
/* ----------------------------------------------------- */
#maincontent {
	background-color:#ffffff;
	width:720px;
	padding: 15px;
	height: inherit;
	float:left;	
	}
	
#sideleft
{
	background-color:#ffffff;
	width:500px;
	height: auto;
	float:left;
	margin: 0 15px 0 0;
}
#sideright
{
	background-color:#ffffff;
	width:190px;
	height: auto;
	float:left;
	padding-left: 10px;
	margin: 0;
}
#scripture
{
	background-color:#ffffff;
	color:#999999;
	width:720px;
	padding: 0 15px 0 15px;
	height: inherit;
	float:left;	
}
#footer
{
	background-color:#ffffff;
	width:720px;
	padding: 10px 15px 10px 15px;
	height: inherit;
	float:left;	
}
#footer_box_left
{
	float:left;
	width:520px;
	border-top: 1px #666666 dotted;
	padding: 5px 0 0 0;
}
#footer_box_right
{
	float:left;
	width: 200px;
	border-top: 1px #666666 dotted;
	padding: 5px 0 0 0;
	text-align: right;
}
#profile_left
{
	float: left;
	margin: 0;
	padding: 0;
}
#profile_right
{
	float: left;
	margin: 0;
	padding: 10px;
	height: 60x;
	width: 110px;
}
#profile_box
{
	float: left;
	margin:0 auto 0 auto;
	padding: 0;
	height: auto;
	width: auto;
}

#sideleft_prayer
{
	background-color:#ffffff;
	width:720px;
	height: auto;
	float:left;
	margin: 0 15px 0 0;
}


/* ----------------------------------------------------- */
#ullist
{
	list-style:square;
}

#ullist li
{ padding:0 0 1px 0;


}

#ullist a
{
	color:#222021;
	text-decoration:none;
	font-size:12px;
}

/*------------------------------------------------------ */
#prayerlatest
{
	color:#666666;
	font-size: 14px;
	margin: 10px 0 10px 0;
	font-weight:bold;
	border-bottom: #666666 1px dotted;
	padding: 0 0 10px 0;
}
#prayerlist
{
	border-bottom: #666666 1px dotted;
	margin: 10px 0 10px 0;
	padding: 0 0 8px 0;
	width:500px;
}
#prayerlist_prayer
{
	border-bottom: #666666 1px dotted;
	margin: 10px 0 10px 0;
	padding: 0 0 8px 0;
	width:720px;
}
.prayerone .controlprayer {display: none;}
.prayerone:hover .controlprayer {display:inline;}
.comment .controlencouragement {display: none;}
.comment:hover .controlencouragement {display:inline;}
.agreement .controlagreement {display: none;}
.agreement:hover .controlagreement{display:inline;}

.pic
{
	padding: 2px;
}
/*------------------------------------------------------*/
#news
{
	list-style:none;
	padding:0;
	margin:0 0 15px 0;
}
#news li
{ padding:0 0 0 10px;
border-left: 1px dotted #999999;
}
#news a
{
	color:#999999;
	text-decoration:none;
}
#frontbanner
{
	list-style:none;
	padding:0;
	margin:0;
}
#frontbanner li
{ padding:0;
}



/* ----------------------------------------------------- */
label.error { font-size:11px; color: red; padding-left: .5em; vertical-align: top; float:left;}
#warning{
		 background: #FFCCCC;
		 border: 1px solid red; 
		 padding: 5px 5px 5px 5px;
		 font-size:12px;
		 margin-bottom: 10px;
}
#confirm{
		 background: #CAE4FF;
		 border: 1px solid #0066CC; 
		 padding: 5px 5px 5px 5px;
		 font-size:12px;
		 margin-bottom: 10px;
}
.confirmaction{
		 margin: 10px 0 0 0;
		 background: #CAE4FF;
		 border: 1px solid #0066CC; 
		 padding: 5px 5px 5px 5px;
		 font-size:12px;
}
.warningaction{
		 margin: 10px 0 0 0;
		 background: #FFCCCC;
		 border: 1px solid red; 
		 padding: 5px 5px 5px 5px;
		 font-size:12px;
	}


.redtitle
{
	color: #CC0000;
	font-size:16px;
	margin-top: 5px;
	font-stretch:expanded;
	font-weight:bold;
}
.greentitle
{
	color: #99CC00;
	font-size:16px;
	margin-top: 5px;
	font-stretch:expanded;
	font-weight:bold;
}
.bluetitle
{
	color: #3399CC;
	font-size:16px;
	margin-top: 5px;
	font-stretch:expanded;
	font-weight:bold;
}
.orangetitle
{
	color: #FF9900;
	font-size:16px;
	margin-top: 5px;
	font-stretch:expanded;
	font-weight:bold;
}
.darktitle
{
	color: #000;
	font-size:14px;
	margin-top: 5px;
	font-stretch:expanded;
	font-weight:bold;
}
.graytitle
{
	font-size:18px;
	margin-top: 5px;
	font-stretch:expanded;
	font-weight:bold;
}

.tiny
{
	font-size: 10px;
	color:#666666;
}

.tiny a
{
	font-size: 11px;
	color:#EF6421;
}

.tinydate
{
	font-size: 11px;
	color:#666666;
	margin:0;
	padding:0;
}
.lw
{	margin-top:10px;
}
.gray
{
	color:#999999;
}
.smallgray
{
	margin-top: 3px;
	color:#999999;
	font-size:11px;
}
.smallgray a
{
	color:#999999;
	font-size:11px;
}
.datetime a:hover
{
	color:#EF6421;
	font-size:11px;
}
.form
{
	margin: 0;
}

.input
{
	margin: 3px 0px 3px 0px;
	padding: 5px;
	border: solid #999999 1px;
	width: 175px;
}
.input_drop
{
	margin: 3px 0px 3px 0px;
	padding: 0px;
}
.input_prayer
{
	margin: 3px 0px 3px 0px;
	width: 500px;
	font-family:Calibri;
	font-size: 12px;
	color:#333333;
}
.input_edit_prayer
{
	margin: 3px 0px 3px 0px;
	width: 400px;
	font-family:Calibri;
	font-size: 12px;
	color:#333333;
}
td
{
font-size:12px;
}

.sameline
{
	margin: 3px 0px 3px 0px;
}
.comment
{
	border-top: #666666 1px dotted;
	width:auto;
	margin: 3px 3px 3px 48px;
	padding: 3px;
}
.agreement
{
	border-top: #666666 1px dotted;
	width:auto;
	margin: 3px 3px 3px 48px;
	padding: 3px;
}
.head_comment
{
	width:auto;
	margin: 3px 3px 3px 48px;
	padding: 3px;
	font-weight:bold;
}
.tool_prayer
{
	width:auto;
	margin: 0px 0px 0px 48px;
	padding: 3px;
	text-align:right;
}
#greenbox
{
	border-top:1px #999999 dotted;
	background-color:#e3f48e;
	width:auto;
	height:auto;
	margin: 10px 0 0 0;
	text-align:center;
	padding: 8px;
}
#greenbox a
{
	color:#666666;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
}
#bluebox
{
	width:auto;
	height:auto;
	margin: 10px 0 0 0;
}
#bluebox a
{
	color:#0099FF;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
}
#redbox
{
	border-left: 1px  #666666 dotted;
	background-color:#CC0000;
	width:auto;
	height:auto;
	margin: 10px 0 0 0;
	text-align:center;
	padding: 8px;
}
#redbox a
{
	color:#FFFF33;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
}

/*-------BUTTON--------*/
.mainbutton
{
	padding: 5px 15px;
	background-color:#D9D2CC;
	color:#333333;
	border: 1px #666666 solid;
	text-decoration: none;
}
.mainbutton:a{
color: black;
}
.mainbutton:visited{
color: black;
}

.mainbutton:hover{
background-color: #e3f48e;
}

.mainbutton:active{
color: black;
}

.smallbutton
{
	padding: 2px 8px;
	background-color:#D9D2CC;
	color:#333333;
	border: 1px #666666 solid;
	text-decoration: none;
}
.smallbutton:a{
color: black;
}
.smallbutton:visited{
color: black;
}

.smallbutton:hover{
background-color: #e3f48e;
}

.smallbutton:active{
color: black;
}
/*-----TAB-----*/
		.usualtab { /* This is the div to hold your nav (the UL generated at run time) */
			width: auto;
			height: auto;
			margin: 10px 0 0 0;
			float: left;
		}
		
		.usualtab ul { /* The auto-generated set of links */
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			list-style: none;
		}
		
		.usualtab ul li {
			display: inline;
		}
		
		.usualtab a { /* The nav links */
			color:#999999;
			font-size:16px;
			font-stretch:expanded;
			text-decoration: none;
			padding: 0 18px 0 0;
		}
		
		.usualtab li a:hover {
			color:#3399CC;
		}
		
		.usualtab li a.selected {
			color:#3399CC;
		}
		
		#tabcontent
		{
			float:left;
			overflow: hidden; 
			width: 480px;
			height: 120px;
			clear: both;
			background: #FFF;
			border-top: 1px dotted #999999;
			margin-top: 10px;
			padding: 10px;
			background-color:#DBF2F9;
			font-size: 12px;
		}
		
		#tabcontent .big
		{
			font-size: 18px;
			font-weight:bold;
		}		

		#tabcontent a
		{
			color:#EF6421;
			text-decoration:none;
			font-size:12px;
			padding: 0;
		}
		#tabcontent .bo
		{
			margin-left: 20px;
			font-weight:bold;	
		}