/*
 Blessed Life Church 
 Author : Kenny Chan
 Date: 7/20/2010

*/
/* body with background graph */
body                   { background-image:url('supportfiles/background.jpg'); font-size: 16px; 
                        font-family: Arial, Helvetica, sans-serif}




/* Top heading section */
#head                  {
	position: absolute; position : absolute; z-index:10;
	top: 0px;
	left: 0px;
	width: 1080px;
}
#head h1     {font-weight: bold; font-size: 12px; letter-spacing: 6px;
                      margin-top: 0px; margin-left: 40px; padding: 0px; font-family: Ariel; }
#head h2       {float:left; font-weight: bold; font-size: 12px; letter-spacing: 6px;
                      margin-top: 0px; margin-left: 40px; padding: 0px; font-family: DFKai-SB;}
#logo		{float:left; margin: 0px, 0px} 
#map		{margin: 0px; padding: 0 px}
#welcome	{float:center; margin-left: 10px; margin-top: 10px; padding:3px}

#links                 {	position: absolute; z-index: 9;
	top: 80px;
	left: 10px;
	width: 1000px
}
#sepline                 {	position: absolute; z-index: 9;
	top: 80px;
	left: 0px;
	width: 1000px
}
#singlecol         {
	position: absolute;
	top: 120px;
	left: 160px;
	width: 1080 px;
}

#lowersection {
	position: absolute;
	top: 648px;
	left: 20px;
	width: 700px;
	height: 80px;
	font-size: 14px;font-family: DFKai-SB;
	border-style: solid;
					border-width: 3px;
					border-left-width: 3px;
					border-right-width:3px;
					border-color: rgb(85,107,47);
					padding: 20px;
}


/*  Old Navigation menu  
#links ul              {list-style-type: none; padding: 0px; margin: 0px}
#links li              {display: block; float: left; font-size: 14px;
                        background: url(supportFiles/button.jpg) no-repeat center;
                        width: 100px; height: 33px; text-align: center; margin-right: 2px}
#links a               {display: block; color: #FFF; text-decoration: none; margin-top: 5px; font-family: DFKai-SB;font-size:16px;}
#links a:hover         {color: red}
#links a:active 	{color: #60d5ac;}

*/

#pagecontent          {
	position: absolute;
	top: 130px;
	left: 4px;
	width: 1080 px;
}

#pagecontent h1       {font-weight: bold; font-size: 28px; letter-spacing: 6px;
                       margin: 20px; text-align: center; padding: 0px 0px 5px 10px}
#pagecontent  h2	{font-family: DFKai-SB, PMingLiU;font-size: 18px; text-align: center; margin: 0px 0px 0px 0px;
                       color: white; background-color: rgb(85,107,47); letter-spacing: 5px, padding: 0px;}
#pagecontent  h3	{font-family: DFKai-SB, PMingLiU;font-size: 18px; text-align: center; margin: 0px 0px 0px 0px;
                       letter-spacing: 10px, padding: 0px;}

#left            {float: left; width: 100px; margin-left: 3px; 
					
					}
					
#left  h1	{font-family: DFKai-SB, PMingLiU;font-size: 24px; text-align: center; margin: 0px 0px 0px 0px;
                       color: rgb(255,255,255); background-color: rgb(85,107,47); letter-spacing: 5px;
					   }

#middle         {
	position: absolute;
	top: 0px;
	left: 110px;
	width: 600px;
	padding:3px;
}
#middle h1	{font-size: 24px; text-align: center; margin: 0px;
                       color: #00685a; letter-spacing: 6px}
#middle h2	{font-size: 18px; text-align: center; margin: 0px;
                       color:  white; letter-spacing: 6px}
#middle h3	{font-size: 36px; text-align: center; margin: 0px;
                       color:  #00685a; letter-spacing: 6px}
#middle h4	{font-size: 16px; text-align: center; margin: 0px;
                       color:  #00685a; letter-spacing: 6px}
#middle ol {font-size: 14px; text-align: left; margin: 0px 0px 0px 0px;
                       color:  #000; letter-spacing: 0px}
#middle li,p {font-size: 16px; text-align: left; margin-left: 10px; margin-right: 10px;
                  color:  #000; letter-spacing: 0px}			   
#middle table {margin-left: 130px;  taxt-align: center; padding: 2px;}
#middle.img {float:center; padding: 3px;}

#right         {background: transparent;position: absolute; top: 0px; left: 740px; width: 300px; margin:0;
					border-style: solid;
					border-width: 3px;
					border-left-width: 3px;
					border-right-width:3px;
					border-color: rgb(85,107,47);overflow:auto;}	
#right  h1	{font-family: DFKai-SB, PMingLiU;font-size: 24px; text-align: center; margin: 0px 0px 0px 0px;
                       color: rgb(255,255,255); background-color: rgb(85,107,47); letter-spacing: 5px}
#right  h2	{font-family: DFKai-SB, PMingLiU;font-size: 18px; text-align: center; margin: 0px 0px 0px 0px;
                       color: rgb(255,255,255); background-color: rgb(85,107,47); letter-spacing: 5px}
#right  h3	{font-family: DFKai-SB; font-size: 16px; text-align: left; margin: 0px 0px 0px 0px;
                       color: #1d7373; padding:2px; font-weight:normal; letter-spacing:3px}
#right  h4	{font-family: DFKai-SB, PMingLiU;font-size: 18px; text-align: center; margin: 0px 0px 0px 0px; color: rgb(255,255,255); background-color: rgb(85,107,47); letter-spacing: 5px; padding: 5px;}
#right  h5	{font-family: DFKai-SB; font-size: 14px; text-align: left; margin: 0px 0px 0px 0px;
                       color: #006363; padding:2px; font-weight:normal; letter-spacing:0px}
#right ul         {font-family: DFKai-SB,PMingLiU; font-weight:normal; list-style-type: none; padding: 0px; margin: 0px; margin-right: 10px}
#right ul li      {font-size: 20px; color: #006363; margin-top: 10px; font-weight:normal;}
#right p      {font-size: 14px; color: #006363; margin: 0px; font-weight: normal;padding:0px;}
#right a      {font-size: 16px; color: #006363; margin: 10px; font-weight: normal; padding:5px; text-decoration:none; }
#right a:hover  {font-size: 16px; color: #006363; text: none; color: red; text-decoration: underline}
#right a:active {background-color: #60d5ac; text-decoration:none;}
/*Middle section end */	
#tablelist			{
	border-style: none;
	width: 900px;
	height: 630px;
	left: 0px;
	top: 0px;
	font-family: DFKai-SB, PMingLiU;Arial, sans-serif, Arial Unicode MS;
	overflow:auto;
}
#tablelist a               {display: block; color: #000; text-decoration: none; font-family: DFKai-SB;}
#tablelist a:hover         {color: red}
#tablelist a:active 	{color: #60d5ac;}
		   			   
/* Right column */					   
#rightColumn          {position: absolute; top: 10px; left: 800px; }
/* Bottom Links */
#bottomlinks          {position: absolute;
					top: 780px;
					left:0px;
					clear:both;
					width: 1080px;}
#bottomlinks ul       {list-style-type: none; padding: 0px; margin: 0px 0px 0px 0px;
                        border-top: 1px solid black}
#bottomlinks li       {display: block; float: left; font-size: 10px;
                       width: 100px; height: 33px; text-align: center; margin-right: 2px}
#bottomlinks a        {display: block; color: rgb(1,100,1); text-decoration: none; margin-top: 5px}
#bottomlinks a:hover  {color: red; text-decoration: underline}
#bottomlinks a:active {background-color: #60d5ac;}

/* Form setting */
fieldset	{margin-bottom:10px; padding: 5px; background-color: rgb(237,233,223)}
#BLCContactform   legend		{font-size: 16px;font-weight: bold}
#BLCContactform span {color: red}
#BLCContactform {width:560px}
#gender {width:100px; margin-left:70px}

#footer            {position: absolute; top: 820px; left: 0px; width: 870px; font-size: 10px; } 
#footer p {letter-spacing: 6px;text-align: center; font-size:.7em;}

/*  Table */
#pagecontent table tr td {
	font-family: DFKai-SB, Arial, sans-serif, Arial Unicode MS;
}
#pagecontent table tr td {
	font-family: DFKai-SB, Arial, sans-serif, Arial Unicode MS;
}
#pagecontent table tr td {
	font-family: DFKai-SB, Arial, sans-serif, Arial Unicode MS;
}
#pagecontent table tr td div {
	color: #00F;
}
.tab {line-height: 1.3; 
	font-weight: bold; 
	height: 25px;
	position: absolute; 
	text-align: center; 
	border: 2px outset #eee;
	border-bottom: none;
	width: 100px;
	color: white; cursor:pointer;cursor:hand;}

.panel {

position: absolute; 
border: 2px outset #eee;
width: 1060px;
height: 150px;
left: 0px; 
top: 24px; 
margin: 0px; 
padding: 12px;
padding-bottom: 6px; 
color:white;
overflow:auto;}
.panel p  {color:white;}

#bottompanel 		{position: absolute; 
					width: 1080px;
					height: 420px;
					left: 0px; 
					top: 200px; 
					font-family: Arial, sans-serif, Arial Unicode MS; text-align : center;}

/*   Menu section ****************************/
#can {height:7em; position:relative; width:880px; margin: 50px 5px; }

#menu {text-align:center; position:relative; top:30px; height:20px;}
.box {position:relative; float:left; top:0; height:20px; overflow:hidden;}

#menu a:visited {text-decoration:none; background-color:#007439; color:#fff; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}

#menu a {position:relative; text-decoration:none; background-color:#007439; color:#fff; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}

#menu a:hover {text-decoration:none; color:#000; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}

#menu a:active {text-decoration:none; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}

.mleft {position:relative; float:left; top:0; width:0; height:0; border-bottom:20px solid #007439; border-left:20px solid #fff; overflow:hidden;}

.mright {position:relative; float:left; top:0; width:0; height:0; border-left:20px solid #007439; border-bottom:20px solid #fff; overflow:hidden;}

.mmid {position:relative; float:left; top:0; width:25px; height:20px; background:#007439; overflow:hidden;}

.mid1, .mid2, .mid3, .mid4 {width:0; height:0; position:absolute; border-left:5px solid #007439; border-bottom:5px solid #fff; overflow:hidden;}

.mid5, .mid6, .mid7, .mid8 {width:0; height:0; position:absolute; border-bottom:5px solid #007439; border-left:5px solid #fff; overflow:hidden;}

.mid1 {left:15px; top:0;}

.mid2 {left:10px; top:5px;}

.mid3 {left:5px; top:10px;}

.mid4 {left:0px; top:15px;}
.mid5 {left:20px; top:0;}
.mid6 {left:15px; top:5px;}
.mid7 {left:10px; top:10px;}
.mid8 {left:5px; top:15px;}

.boxx {position:relative; float:left; top:0; width:25px; height:20px; background:#fff; overflow:hidden;}
.boxx1, .boxx3, .boxx5, .boxx7 {float:left; height:0; border-right:5px solid #fff; border-top:5px solid #007439;overflow:hidden;}
.boxx2, .boxx4, .boxx6, .boxx8 {float:left; height:0; border-bottom:5px solid #007439; border-left:5px solid #fff; overflow:hidden;}
.boxx1 {width:15px;}
.boxx2 {width:0;}
.boxx3 {width:10px;}
.boxx4 {width:5px;}
.boxx5 {width:5px;}
.boxx6 {width:10px;}
.boxx7 {width:0;}
.boxx8 {width:15px;}
#sermonheader   {
	position: absolute;
	top: 90px;
	left: 6px;
	width: 1080px;
	height: 100px;
	font-family: DFKai-SB, Arial, sans-serif, Arial Unicode MS; font-size: 12;
	text-align: center;
	}
#sermonheader  h1       {font-weight: bold; font-size: 26px; letter-spacing: 6px;text-align: center;}
#sermonheader   h2	{font-family: DFKai-SB, PMingLiU;font-size: 22px; text-align: center; margin: 0px 0px 0px 0px;
                       color: white; background-color: rgb(85,107,47); letter-spacing: 5px, padding: 0px;}
#sermonheader   h3	{font-family: DFKai-SB, PMingLiU;font-size: 18px; text-align: center; margin: 0px 0px 0px 0px;
                       letter-spacing: 10px, padding: 0px;}
#sermonpage   {
	position: absolute;
	top: 230px;
	left: 4px;
	width: 1080px;
	height: 480px;
	font-family: DFKai-SB, Arial, sans-serif, Arial Unicode MS;
	overflow:auto;
}

#Rplayer	{position: absolute;
					top: 730px;
					left:200px;
					right: 10px;
					clear:both;
					width: 680px;
					padding: 3px;
					border-style: groove;
					border-width:4px;
					border-color:green;
					text-align: center;}