/* ------------------------------------------------------------------- */
/*       Created by: Gaius Ajamian                                     */
/*       For       : Arabic Baptist Church                             */
/*       Date      : 08/22/2002                                        */
/*                                                                     */
/*       All rights reserved.                                          */
/* ------------------------------------------------------------------- */


/* ---------------- */
/*       TAGS       */
/* ---------------- */
body {background-color: white}
h1 {font-size:11.0pt;font-family:Arial; font-weight: bold; color: #000080;}
h2 {font-size:10.0pt;font-family:Arial; font-weight: bold; color: #000080;}
h3 {font-size:10.0pt;font-family:Arial; color: #000080;}
hr {color: #000080;}
p {font-size: 10pt;font-family: Tahoma;color: #000000;}
ul {font-size: 10pt;font-family: Tahoma;}

/* ---------------- */
/*     CLASSES      */
/* ---------------- */

.flt_rt {float:right;}
.flt_lt {float:left;}
.align_rt{text-align:right;}
.align_lt {text-align:left;}
.align_ctr {text-align:center;margin-left: auto;margin-right: auto;}
.div-clear {clear: both;}
.div1 {position: relative; margin: 10px 10px 10px 10px; font-size: 10pt;font-family: Tahoma;}
.spcr {position: relative; margin-top:10px;}
.tblbrdr, .tblbrdr tr th, .tblbrdr tr td {border: 1px solid #000000; border-collapse: collapse; font-size: 10pt;font-family: Tahoma;}

/* keep the same order for the following "a" attributes. ordering is important */
a.std:link    {color: #000000; text-decoration:none;}
a.std:visited {color: #000000; text-decoration:none;}
a.std:hover   {color: #000000; text-decoration:underline;}
/*a.std:hover   {color: #ffffff; font-size:10pt; font-weight:bold; background: #000080}*/
/*a.std:active  {color:#000000}*/


a.conf:link    {color: #ffffff; text-decoration:underline; }
a.conf:visited {color: #ffffff; text-decoration:underline; }
a.conf:hover   {color: #ffffff; text-decoration:underline; }
/*a.may:hover   {color: #ffffff; font-size:10pt; font-weight:bold; background: #000080}*/
/*a.may:active  {color:#000000}*/

a.tabs:link		{color: white; background-color: #000080; text-decoration:none; cursor:hand; font-size:8pt; font-family:Tahoma;}
a.tabs:visited 	{color: white; background-color: #000080; text-decoration:none; font-size:8pt; font-family:Tahoma;}
a.tabs:hover   	{color: #000080; background-color: white; text-decoration:underline; font-size:8pt; font-family:Tahoma;}
a.tabs:active  	{color: gray; background-color: white; font-size:8pt; font-family:Tahoma;}
	 
/*
// -------------------------------------------------------------------------------------------
// below css used to control look of church info, home, feedback pages 
// -------------------------------------------------------------------------------------------
*/
.container
{
	position: relative; 
	margin: 0px 2px 20px 5px;
	border: 1px solid #cccccc; 
	background-color: white;
}

.div-th
{
	position: relative; 
	width:125px;
	margin-left: 10px; 
	font-weight: bold;
	float: left;
}

.div-td
{
	position: relative; 
	margin-left: 10px; 
	margin-right: 10px;
	float: left;
}


/* ---------------- */
/*    UNIQUE IDS    */
/* ---------------- */

.bgcolor {background-color: transparent}
.navbgcolor {background-color: #000080}


.txt
{
	font-size: 10pt;
	font-family: Tahoma;
	color: #000000;
	text-align: left;
}

.p_std
{
	font-size: 10pt;
	font-family: Tahoma;
	color: #000000;
	margin:10px 20px 0px 20px;
	text-align:left;
}

.p1
{
	font-size: 10pt;
	font-family: Tahoma;
	color: #000000;
	margin:10px 10px 0px 30px;
	text-align:left;
}

.p1:first-letter 
{
	color: #AA0000;
	font-size:24pt;
	font-family: vivaldi;
	font-style: italic;
	font-weight: bold;
	text-align:left;
}

.p1Block
{
	font-size: 10pt;
	font-family: Tahoma;
	color: #000000;
	margin:15px 10px 0px 15px;
	text-align:left;
}

.p1Block:first-letter 
{
	color: #AA0000;
	font-size:24pt;
	font-family: vivaldi;
	font-style: italic;
	font-weight: bold;
	text-align:left;
}

.time
{
	width: 170px;
	height: 30px;
    background-color: #000080;
	color: white;
	font-size: 8pt;
	font-family: Tahoma;
	font-weight: bold;
	text-align: center;
	vertical-align: middle
}

.navBar
{
	height:20px; 
	text-align: center; 
	vertical-align: middle; 
	font-size: 8pt; 
	font-family: arial; 
	background-color: white; 
	background-image: url('../img/nav/nav_bg.jpg'); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: center center;
	border: 0px solid #cccccc; 
	margin: 0px; 
	padding: 0px; 
}

.imgbtn 
{	
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	vertical-align: middle;
	height: 23px;
	width: 170px 
}

.bigPic 
{	
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	vertical-align: middle;
	width: 500px 
}

.youthLinkBtn 
{	
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	vertical-align: middle;
}

.fineprint 
{ 
	font-size: 8pt; 
	font-family: arial;
}


/* overall page attrib */
.def
{
    border-right: #000000 0px solid;
    border-top: #000000 0px solid;
    border-left: #000000 0px solid;
    border-bottom: #000000 0px solid;
    background-color: transparent;

	width: 780px;
}

.infoTable
{
	float: right; 
	width: 180px;
	margin: 0px 0px 10px 0px;
	padding: 2px 5px 2px 5px;
	background-color: #eeeeee;
	border: 1px solid #ffffff;
}

.infoTable_th
{
	text-align: center;
	vertical-align: middle;
    background-color: #000080;
	color: #EEEE44;
	font-size: 10pt;
	font-family: Tahoma;
	font-weight: bold;
}

.infoTable_td
{
	vertical-align: middle;
	color: #000000;
	font-size: 8pt;
	font-family: Tahoma;
	padding-left:15px;
}


table.qry
{
	width: 330px;
	position: relative;
	padding: 2px 2px 2px 2px;
	background-color: #eeeeee;
	border: 1px solid #000000;
}

.qry_th
{
	text-align: center;
	vertical-align: middle;
    background-color: #000080;
	color: #EEEE44;
	font-size: 10pt;
	font-family: Tahoma;
	font-weight: bold;
}

.qry_tdL
{
	width:170px;
	text-align: right;
	vertical-align: middle;
	color: #000000;
	font-size: 10pt;
	font-family: Tahoma;
}

.qry_tdR
{
	width:170px;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	font-size: 10pt;
	font-family: Tahoma;
}

.hiddenAlert
{
	visibility:hidden; 
	color:red;
	font-size: 8pt;
	font-family: Tahoma;
}


table.std
{
	width: 100%;
	border: 0px solid #000000;
}

table.links
{
	width: 100%;
	border: 0px solid #000000;
	width: 450px;
}

/*
----------------------------------------------------------------------------------------------------
//TODO: 
	ch_info_shd, ch_info, and td.fdbk is very similar. see if you can change
----------------------------------------------------------------------------------------------------
*/
/* used on ChurchInfo and TV & Radio pages */
/*header data*/
td.ch_info_h
{
	padding-left:30px;
	font-size: 12pt;
	font-family: Tahoma;
	font-weight: bold;
	color: #800000;
	vertical-align: top;
	text-align: left;
}

/*header data*/
td.ch_info_hd
{
	padding-left:50px;
	font-size: 10pt;
	font-family: Tahoma;
	font-weight: bold;
	color: #000000;
	vertical-align: top;
	text-align: left;
	width: 125px;
}

/*sub header data*/
td.ch_info_shd
{
	padding-left:5px;
	font-size: 10pt;
	font-family: Tahoma;
	color: #000000;
	vertical-align: top;
	text-align: left;
}

/*data*/
td.ch_info
{
	padding-left: 5px;
	font-size: 10pt;
	font-family: Tahoma;
	color: #000000;
	vertical-align: top;
	text-align: left;
}

td.fdbk-l
{
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 10pt;
	font-family: Tahoma;
	font-weight: bold;
	color: #000000;
	vertical-align: top;
	text-align: right;
}

td.fdbk-r
{
	padding-top: 10px;
	font-size: 10pt;
	font-family: Tahoma;
	vertical-align: top;
}



/* TV & Radio page */
/*header data*/
td.tv_h1
{
	padding-left:25px;
	font-size: 12pt;
	font-family: Tahoma;
	font-weight: bold;
	color: #800000;
	vertical-align: top;
	text-align: left;
}

/*header data*/
td.tv_h2
{
	padding-left:50px;
	font-size: 10pt;
	font-family: Tahoma;
	font-weight: bold;
	color: #000000;
	vertical-align: top;
	text-align: left;
}

/*data*/
td.tv_p
{
	padding-left: 50px;
	font-size: 10pt;
	font-family: Tahoma;
	color: #000000;
	vertical-align: top;
	text-align: left;
}

td.tv_dataL
{
	padding-left: 100px;
	font-size: 10pt;
	font-family: Tahoma;
	color: #000000;
	vertical-align: top;
	text-align: left;
	width: 140px;
}

td.tv_dataR
{
	padding-left: 5px;
	font-size: 10pt;
	font-family: Tahoma;
	color: #000000;
	vertical-align: top;
	text-align: left;
}

ul {list-style: square outside none;}

ul.mini 
{ 
	list-style: disc outside none;
	margin-left: 5px;
	margin-top: 5px;
}

ul.links
{
	list-style-image: url("../links/img/point.gif");
	vertical-align: middle;
}

li.links_h
{
	font-size: 12pt;
	font-family: Tahoma;
	font-weight: bold;
	color: #800000;
	vertical-align: middle;
	text-align: left;
}

li.links
{
	font-size: 10pt;
	font-family: Tahoma;
	color: #000000;
	vertical-align: middle;
	text-align: left;
}


.frmH 
{
	color: #000080; 
	font-size:12pt; 
	font-family: arial;
	font-weight: bold;
	margin:5px 5px 0px 5px;
}


.frmH2
{
	color: #000080; 
	font-size:10pt; 
	font-family: arial;
	font-weight: bold;
	margin:5px 5px 0px 5px;
}

.frmDesc
{
	text-align: left; 
	vertical-align: bottom; 
	font-family: arial; 
	font-size: 8pt;
	padding-top: 10px;
	padding-left: 5px;
}

.frmData
{
	text-align: left; 
	vertical-align: middle; 
	font-family: tahoma; 
	font-size: 10pt;
	padding-left: 20px;
}

.frmData2
{
	text-align: left; 
	vertical-align: middle; 
	font-family: tahoma; 
	font-size: 10pt;
}


.login
{
	width: 500px;
	margin-left: auto; 
	margin-right: auto; 
}

.login_bg_dark
{
	text-align: left; 
	vertical-align:middle; 
	border:1px solid #2f4f88; 
	padding-top:5px;
	padding-bottom:5px;
	background-color:#2f4f88; 
	color:white; 
	font-family:tahoma;
	font-size:11pt;
	font-weight:bold;
}

.login_bg_med
{
	text-align:center; 
	vertical-align:middle; 
	border-top:0px solid #2f4f88; 
	border-right:1px solid #2f4f88; 
	border-left:1px solid #2f4f88; 
	border-bottom:1px solid #2f4f88; 
	padding-top:3px;
	padding-bottom:3px;
	background-color:#97a7c3; 
	color:black; 
	font-family:tahoma;
	font-size:11pt;
	font-weight:normal;
}

.login_bg_light
{
	text-align:center; 
	vertical-align:middle; 
	border-top:0px solid #2f4f88; 
	border-right:1px solid #2f4f88; 
	border-left:1px solid #2f4f88; 
	border-bottom:1px solid #2f4f88; 
	padding-top:5px;
	padding-bottom:0px;
	background-color:#cbd3e1; 
	font-family:tahoma;
	font-size:11pt;
	font-weight:normal;
}

.login_bg_none
{
	text-align:center; 
	vertical-align:middle; 
	border-top:0px solid #2f4f88; 
	border-right:1px solid #2f4f88; 
	border-left:1px solid #2f4f88; 
	border-bottom:1px solid #2f4f88; 
	padding-top:8px;
	padding-bottom:5px;
	background-color:white; 
	color:teal; 
	font-family:tahoma;
	font-size:10pt;
	font-weight:bold;
}


.cnfAdTxt
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px; 
	color: #ffffff;
	font-family:arial;
	font-weight:bold;
	font-size:10pt;
}

#adhdr
{
	margin: 0px 0px 0px 0px;
	width: 50%;
	float:left;
	text-align: center;
}