/* INDEX CSS PAGE */

/* Main page content Div   background-image: url('../background/background.jpg');         height: 560px;         */
#middle_section{position: relative; top: 110px; width: 100%; height: 518px; left: 12.5%; z-index: 11; border-bottom: 2px outset; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background-color: #F4F6EA; clear: both;}	/* #d3e0ce */
	
	/* Div layout for all pages but home         margin-left: 45px;         */
	#layer_content{position: relative; top: 0px; width: 100%; height: 100%; min-height: 350px; z-index: 20; line-height: 1; margin-bottom: 45px;}/* ######### */
	
	/* Main Div layouts */
	/* Div layouts for home page position: relative; position: relative;  width: 470px;     width: 420px; 20.5em  left: 560px; top: -145px; top: 206px;     width: 380px; left: -176px;  left: 186px; */
	#layer3{float: left; width: 43%; height: 248px; z-index: 20; line-height: 1.5; font-variant: normal; margin-left: 2em;}
	#layer4{float: right; width: 43%; height: 248px; z-index: 20; line-height: 1.5; font-variant: normal; margin-top: 1.50em; margin-right: 2em;}
	
		/* Main Div text variations */
		.gray_text {font-size: 16px; font-family: Times New Roman, Verdana, Helvetica, Arial; font-weight: bold; color: #d3d5d2; font-smooth: always; text-shadow: 4px 4px 5px #000;}
		.gray_text_small {font-size: 10px; font-family: Verdana, Helvetica, Arial; font-weight: bold; color: #d3d5d2; font-smooth: always; text-shadow: 4px 4px 5px #000;}
		.dark_text_small {font-size: 9px; font-family: Verdana, Helvetica, Arial; font-weight: bold; color: #000005; font-smooth: always; text-shadow: 2px 2px 5px #8a8a8a;}
		.small_text{font-size: 10px; font-family: Verdana, Helvetica, Arial; font-smooth: always; text-shadow: 2px 2px 5px #8a8a8a;}
		.main_page_text span{font-size: 16px; font-family: Georgia, Helvetica, Arial, Verdana; font-weight: bolder; font-variant: normal; color: #34282c; font-smooth: always; text-shadow: 1px 1px 4px #8a8a8a;}
		
		.main_large{font-size: 24px; font-family: Georgia, Verdana, Arial, Helvetica; font-weight: bolder; letter-spacing: 1.25px; color: #800000; font-variant: small-caps; font-smooth: always; text-shadow: 2px 2px 5px #8a8a8a;}
		/* #main_large{font-size: 24px; font-family: sylfaen, Verdana, Helvetica, Arial; font-weight: normal; color: #800000;} */
		
		/* Main page Image div    295px   left: 30px; width: 100%;   */
		#main_image{position: relative; top: 5em; left: 10%; width: 24.5em; height: 9em; z-index: 22;}
		
			 #image_style{border: 1px groove #fffff5;}
			 
		#rcnz_logo{position: relative; top: 0.75em; left: -10px; z-index: 22;}
		
		/* Text Link rollovers d3d5d2*/
		#layer3 a{color: #000005; font-family: Sylfaen, Verdana, Helvetica, Arial; font-weight: bold; text-decoration: underline;}
		#layer3 a:hover{color: #0066ff; font-weight: bold;}
		/* For extra text on the main page
		.extra_text{font-weight: bold; font-variant: small-caps; font-size: 18px;} */
	
	/* Style for info box which appears when rollover the relevant link. Use for Summer School Page or Wanga's Page Links */
	/* div#layer3 a span {display: none;}
	div#layer3 a:hover span {display: block;
	   position: absolute; top: 224px; left: 40px; width: 350px;
	   padding: 5px; margin-left: 87px; z-index: 100;
	   color: #000; background: #fff; border: 2px solid gray;
	   font: 16px Verdana, sans-serif; font-weight: bold; text-align: left;} */
	   
	/* Style for info box which appears when rollover the Bible Verse link to BibleGateway.com. */
	div#layer3 a span {display: none;}
	div#layer3 a:hover span {display: block;
	   position: absolute; top: 212px; left: -100px; width: 350px;
	   padding: 5px; margin-left: 217px; z-index: 100;
	   color: #0066ff; background: #d4ffaa; border: 3px solid gray; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; font: 16px Verdana, sans-serif; font-weight: bold; text-align: center; text-decoration: none; text-shadow: 1px 1px 4px #8a8a8a;}
	
/* Main page Footer Div */
#Lower_index{position: relative; width: 100%; top: 0px; height: 38px; left: 12.5%; z-index: 1; clear: both;}
	
	/* Background Layer Div for footer        width: 1028px;       */
	#layer2{position: relative; width: 100%; height: 38px; z-index: 20; left: 0px; top: 104px; text-align: center; text-shadow: 2px 2px 7px #000;}
		/* Footer font tag text variations */
		#layer2  span{font-size: 16px; font-family: Times New Roman, Verdana, Helvetica, Arial; font-weight: bold; color: #d3d5d2; text-align: center; text-shadow: 2px 2px 7px #000;}
		
		/* Footer Text Link rolloversn   */
		#layer2 a{color: #d3d5d2; font-family: Times New Roman, Verdana, Helvetica, Arial; font-weight: bold; font-variant: small-caps; text-decoration: underline;}
		#layer2 a:hover span{color: #0066ff; font-weight: bold; text-decoration: underline;}
		#layer2 input{color: #d3d5d2; font-weight:bold; font-family: Times New Roman, Verdana, Helvetica, Arial; font-size: 14px; width: 100%; background: #867970; border: none; text-align: center; text-shadow: 2px 2px 7px #000;}
/* border: 1px solid #005552 width: 200px */