@charset "utf-8";
/************************************************************************************************/
/*(0)************ Layout (global rules for all sizes ***********************************/
body { margin: 0px; padding: 0px }


/*********  CSS Page Setup Definition for CG System  ********** 
*************************************************************
***********  Main Body Setup Definition   **** #FEE7B3 ****************/ 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #BEBFB8;
	background-repeat: no-repeat;
   	background-image: url(../images/png/main/site_bg_body_1920_1080.jpg);
	margin: 0px;
	padding: 0px;
	position: relative;
    z-index: -1; /* Put the site background behind all other elements */
}
.home { }
#home { }
/* Sample code for links color *** Click <a href="http://www.yahoo.com" style="color: rgb(0,255,0)"><font color="FF00CC">here</font></a> to go to yahoo. */
/*(1)*****************   **************/
.container { width: 1920px; margin: 0px auto 0px auto; position:relative; }
.containerNav { width: 960px; margin: 0px auto 0px auto; position:relative; z-index:100; }

/********* This css is for formating the more help popUp window display on pages   ************/
.corn	{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: blue; width: 68px; align: right; }


/*(1b)****************  Background Page Video Media Setup Definition  **********************/
video {
  	background-color: black;
  	background-image: url(../images/videos/background/MP4/nature1_with_sound_.mp4);
  	background-position: center center;
  	background-size: contain;
	}
#myvid { position: fixed; top: 0; right: 0; width: 100%; height: 100%; }
@media (min-aspect-ratio: 16/9) {
  #myvid {
    width: 100%;
    height: 300%; top: -100%;
  	}
}
@media (max-aspect-ratio: 16/9) {
  #myvid {
    width: 300%; left: -100%;
    height: 100%;
  	}
}
#video-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;
  z-index: -1; /* Put the video behind all other elements except the body background element. */
}
#video-bg > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) { #video-bg > video { height: 300%; top: -100%; } }
@media (max-aspect-ratio: 16/9) { #video-bg > video { width: 300%; left: -100%; } }
/* 2. If supporting object-fit, overriding (1): */
@supports (object-fit: cover) {
  #video-bg > video {
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
  }
}

/* CSS for image background setup for all sites. This is to display picture for background instead of video */
#image-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;
	z-index: -1; /* Put the video behind all other elements except the body background element. */
	width: 100%; height: 100%;
	background-color: black;
	background-image: url(../images/videos/background/PIC/nature1_bg_img.jpg);
	background-position: center center;
	background-size: cover;
	}

.object-fit_cover { object-fit: cover 
	width: 140%; height: 140%;
	}



/*(2)***************** Header Menu Definition for all sites ******************/
header { 
	height: 75px;
	background: url(../images/png/headingbuttons/respheads/cg_1920_75_hd_plain.png) no-repeat left 0px;
	width:100%;
	position:fixed;
	top:0px;
	z-index:22;
	}
	
header .navcheckbox { position: absolute; background-position: 0px 0px; top: 2px; left: 2px; }

header .hdlogo {
	display: block;
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

header a.logout {
	display: block;
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

header .myPic9090 {
	display: block;
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

header a.search {
	display: block;
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}
	
header .Search_textfield {
	position: absolute;
	background-position: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
							border: 0;
							width:  400px;
						 	height: 24px;
						 	top: 12px;
						 	right: 542px;
						 	font-size: 18px;
						  	background-color:#DDFFDD; 
						  	color: #664C00; 
						  	text-align:center;
						  	}
						  	
header .Search_selectList {
	position: absolute;
	background-position: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
							border: 0;
							width:  400px;
						 	height: 250px;
						 	top: 10px;
						 	right: 542px;
						 	font-size: 18px;
						  	background-color:black; 
						  	color: white; 
						  	text-align:left; 
						  	z-index:30;
						  	}

.content h1 { font-family:Arial, Helvetica, sans-serif; font-size: 46px;font-weight: bold; margin: 0 0 .5em 0; text-align:center; }
.content h2 { font-family:Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; margin: 0 0 .5em 0; }




/*(3)***************** Navigational Menu Definition for all sites ******************/
nav { width: 100%; display: block; position: absolute; }

             /*** Nav menu Definition for items on the header board itself ***/
#topnavhd_wrapper    		{ clear: both; position: fixed; top: 35px; left: 110px; z-index: 23; }
#topnavhd_wrapper_cnter		{ clear: both; position: fixed; top: 35px; width: 1920px; padding: 0 0 0 40px; z-index: 22; }
#topnavhd_wrapper_layer     { clear: both; position: fixed; top: 54px; left: 110px; z-index: 22; }

#navmenuhd           		{ float: left; width: 1920px; }
#navmenuhd, .sub1, .sub2 	{ list-style-type: none; line-height: 20px; z-index: 22; }
#navmenuhd li      			{ text-align: center; position: relative; float: left; border-width: 0px; padding: 0px; margin: 0px; z-index: 22; }

#topnavhd ul li:hover a:hover { z-index: 22; }
#topnavhd li ul 	   { display: none; height: auto; margin: 0; padding: 0;	}				
#topnavhd ul li a    { float: left; padding: 0px 25px; color: #ffff00; font-size: 16px; font-weight: normal; }
#topnavhd a:link     { color: #ffff00; text-decoration: none;  }
#topnavhd a:hover    { color: #FFFFFF; text-decoration: none; }
#topnavhd a:active   { color: #0000FF; text-decoration: none; }
#topnavhd ul li:hover ul  { display: block; }
#topnavhd ul ul      { display: none; position: absolute; background-color: #95bf39; left: -1px; top: 20px; width: 352px; }
#topnavhd ul ul li   { display: block; text-align: left; width: 352px; }
#topnavhd ul ul li a { width: 300px; }
#topnavhd li ul li   { background-color: #54879d;}
#topnavhd li ul li a { border-left: 1px solid #1f5065; border-right: 1px solid #1f5065; border-top: 1px solid #74a3b7; border-bottom: 1px solid #1f5065; }
#topnavhd li ul li a:hover {background-color: #366b82;}
.darrowhd            { font-size: 11pt; position: absolute; top: 4px; color: #FFF; }



/*(4)*******************  Background decoration Definition all sites  **********************/
/*This is for page result display for Service Request data */
.displSRcontents 	 { padding-left:50px;}
.spacingSRtd 		 { padding-left:300px;}
.displDateBycontents { padding-left:100px;}
.displStaffcontents  { padding-left:20px; padding-right:20px;}

/*************** Inside the div/table ************************/
.bg_main_HOLD { clear:both; width: 1920px; margin-right: auto; margin-left: auto; z-index: 10; }
.bg_main { clear:both; max-width: 900px; margin: auto; z-index: 10; }
.fg_main { clear:both; width: 1920px; margin-right: auto; margin-left: auto; z-index: 10; }

/* Item for Billboard Banner */
.bg_container_main { background-image: url(../images/png/main/bg_container.png); width: 900px; height: 370px; 
					 background-size: cover; margin-right: auto; margin-left: auto; position: relative; float:left; z-index: 10; }
.content2 { width: 100%; height: auto; background-size: contain; margin-right:auto; margin-left:auto; }

/* resize images */
.content2 img { width: 100%; height: auto; object-fit: contain; }

/* Item for pages contents */
.bg_container 	 { clear:both; background-image: url(../images/png/main/bg_container.png); width: 1180px;  height: auto; margin-right: auto; margin-left: 20px; position: relative; z-index: 10; }
.bg_container960Nav { clear:both; width: 960px;  height: auto; margin-right: auto; margin-left: 0px; position: relative; z-index: 10; }
.bg_container960 { clear:both; background-image: url(../images/png/main/bg_container.png); width: 940px;  height: auto; margin-right: auto; margin-left: 20px; position: relative; z-index: 10; }
.black_back		 { clear:both; background-color: black; width: 1180px;  height: auto; margin-right: auto; margin-left: auto; position: relative; z-index: 10; }
.bg_container_sm { clear:both; background-image: url(../images/png/main/bg_container_small.png); width: 1140px; margin-right: auto; margin-left: auto; position: relative; z-index: 10; }
.content  		 { width:100%; margin-right:auto; margin-left: 0px; }
.content_HOLD  	 { max-width:500px; margin: auto; }


/*************** Marquee Definitions ************************/
.crawlerMarq1Ads { 
		position: absolute;
		background-position: 0px 0px;
	 	width:  1200px;
	 	top: 465px;
	 	left: 0px;
  	}
  	
.crawlerMarqTxt { 
		position: absolute;
		background-position: 0px 0px;
	 	top: 557px;
	 	left: 0px;
  	}
  	
.advGeneratorTxt { 
		position: absolute;
		background-position: 0px 0px;
	 	top: 675px;
 		left: 1240px;
 		color: white;
 		font-family:Castellar, serif;
 		font-style: normal;
 		font-weight: normal;
 		text-decoration: none;
 		font-size: 24pt;
 		z-index:10;
  	}
  	
.crawlerMarq1 	  { width: 1220px; font-family: "Minion Pro"; font-size: 10pt; }
.crawlerMarq1 img { width: 7.5%; height: auto; object-fit: contain; }


/* This is for portrays display (Description) ************************ */
.overlay { position:absolute; top:0; left:0; z-index:1; }

        /****************************************************************************************************************/
        /********** This section is for all menus option selection css.  For pages or columns display pages    **********/ 
.s1 		{ color: #5F638F; font-family:Castellar, serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 36pt; }
.s1_PlTy	{ color: #5F638F; font-family:serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 36pt; }
.s1_2pgs	{ color: #5F638F; font-family:Castellar, serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 36pt; padding-left: 250pt; }
.s2 		{ color: #F00; font-family:"Arial Rounded MT Bold", sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin-right: 105px; }
.seeRed 		{ color: red }		
.seeColor 		{ color: #AA0000 }
.seeColorRed 	{ color: #AA0000 }
.seeColorBlue 	{ color: #003366 }
.seeColorBlack 	{ color: #000000 }
.seeColorWhite	{ color: #FFFFFF }
.seeColorGreen 	{ color: green }
.seeColorYellow	{ color: yellow }
.seeColorOrange	{ color: orange }
.seeColorBrown	{ color: brown }
.no_p 		{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin:0pt; }
.no_h2		{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 16pt; }
ol.n		{ list-style-type: lower-alpha; }

/****image background*/
.imgbackground_topBottomBAR		{ width:100%; height: 3px; background-color: black; }
.imgbackground_insideBAR		{ width:99%; height: 3px; background-color: black; margin-left: 22px; }
.outerimgbackground    			{ width:100%; height: 4480px; margin-right:auto; margin-left: 0px; background-color: white; }
.outermusicbackground    		{ width:100%; height: 2300px; margin-right:auto; margin-left: 0px; background-color: white; }
.outervideobackground    		{ width:100%; height: 1100px; margin-right:auto; margin-left: 0px; background-color: white; }
.outerimgbackground h2 			{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outermusicbackground h2 		{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outervideobackground h2 		{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outerimgbackground .p, p 		{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin:0pt; }
.gotoTop	 		 			{ width:96%; height: 20px; margin: -40px 0px 20px 20px; }
.innerimgbackground  			{ width:96%; height: 100%; background-color: white; }
.imgbackgroundframe3columns 	{ width:100%; height: 800px; }
.imgbackgroundframe  			{ float:left; width:313px; height: 800px; margin:30px 0px 0px 30px; }

/**** additional music background*/
.musicbackgroundframe3columns 	{ width:100%; height: 350px; }
.musicbackgroundframe  			{ float:left; width:313px; height: 350px; margin:30px 0px 0px 30px; }

/**** additional video background*/
.videobackgroundframe3columns 	{ width:100%; height: 350px; }
.videobackgroundframe  			{ float:left; width:313px; height: 350px; margin:30px 0px 0px 30px; }



.adboxHOLD		 				{ width: 120px; height: auto; background-size: cover; position: relative; top: 750px; left: 20px; }
/************************** This is the AdBox Definitions ********************************/
/************************* The .adbox and .adbox_main are used in conjuction with the footer and footer_main on main page and the rest sub-pages. ****************************/
.adbox		 					{position: relative; top: -15px; margin-left: 20px }
.adbox_main	 					{position: relative; top: 745px; margin-left: 20px }
.adboximage10columnsframe	 	{ width: 1350px; height: auto; }

.adboximagecolumn	  			{ float:left; width: 120px; height: auto;  margin: 0px 15px 0px 0px; }
.adboxvideoClassPlanType 		{ width: 120px; height: auto; }
.adbox_s1_PlTy					{ color: #5F638F; font-family:serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 12pt; }

.ad_pagecontentframecolor		{ width:1140px; background-color:white; }
.ad_container 					{ clear:both; background-image: url(../images/png/main/bg_container.png); width: 1140px;  height: auto; margin-right: auto; position: relative; z-index: 10; }
.advideoClass 					{ top: 150px; left: 0px; width: 1140px; height: auto; }


/***** This below NOT used ***** It is to show bigger pic frames for ads. ****************************************/
.adboxvideo4columnsframe	 	{ width: 1350px; height: auto; }
.adboxvideo4column	  			{ float:left; width: 300px; height: auto;  margin: 0px 36px 0px 0px; }
.adboxvideoClassPlanType2 		{ width: 300px; height: auto; }



/*******common to all navigational menus ********   This is for display of text information on some of the menu buttons   *****/
/************************************************   like Services, About Us, Support , etc ...   ******************************/
.navbackground_topBottomBAR		{ width:100%; height: 3px; background-color: black; }

.cgSloganMain  	 	{ width:90%; height: 12px; top: 770px; left: 0px; position: absolute; background-position: 0px 0px; text-align:left; }
.cgSloganMain p     { color: green; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-align:left; text-decoration: none; font-size: 12pt; margin:0pt; padding-left: 3px; }

.cgSloganPages	    { width:90%; height: 12px; }
.cgSloganPages p    { color: green; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-align:left; text-decoration: none; font-size: 12pt; margin:0pt; padding-left: 20px; }


/**** navigational menu items for 1/2 a page display. This is about 15 lines text ***************/
.outernavbackground_halfApage   	{ width:100%; height: 425px; margin-right:auto; margin-left: 0px; background-color: white; }
.outernavbackground_halfApage h2    { color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outernavbackground_halfApage .p, p	{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin:0pt; }
.outernavbackground_halfApage li 	{display: block; }


/**** navigational menu items for a little more than 1/2 a page display. This is about 20 lines text ***************/
.outernavbackground_halfApageNav   		{ width:100%; height: 480px; margin-right:auto; margin-left: 0px; background-color: white; }
.outernavbackground_halfApageNav h2     { color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outernavbackground_halfApageNav .p, p	{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin:0pt; }
.outernavbackground_halfApageNav li 	{display: block; }


/**** navigational menu items for one page display. This is about 25 lines text ***************/
.outernavbackground_1page   	{ width:100%; height: auto; margin-right:auto; margin-left: 0px; background-color: white; }
.outernavbackground_1page h2    { color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outernavbackground_1page .p, p	{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin:0pt; }
.outernavbackground_1page .p2	{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 32pt; margin:0pt; padding-left: 50pt; }
.outernavbackground_1page .p2d	{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 32pt; margin:0pt; padding-left: 0pt; }
.outernavbackground_1page li 	{display: block; }


/*** These items below will be used for  T E R M S   A N D   C O N D I T I O N S. This is about 80 lines of text. It is also used for something less than a half page ***/
.outernavbackground_TAC   	 	{ width:100%; height: 1940px; margin-right:auto; margin-left: 0px; background-color: white; }
.outernavbackground_TAC h2   	{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outernavbackground_TAC .p, p	{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin:0pt; }
.outernavbackground_TAC li 		{display: block; }

/*****/
        /******   All formats use this one line in their form code  Except 640px, 500px*********/
.innernavbackground   	{ width:94%; height: 98%; background-color: white; margin: 0px 0px 0px 20px; }

#l1 			{padding-left: 0pt;counter-reset: c1 0; }
#l1> li:before  {counter-increment: c1; content: counter(c1, decimal)". "; color: black; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }
#l2 			{padding-left: 0pt; }
#l2> li:before  {content: "��� "; color: black; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }
#l3 			{padding-left: 0pt; }
#l3> li 		{content: "��� "; color: black; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }

        /********** This is the end section for all menus option css display for all pages **********/ 
        /********************************************************************************************/


.content_framesGroup { width:1000px; height: 370px; margin-right:auto; margin-left:10px; }
.content_ijebu 		 { width:1024px; height: auto; margin-right: auto; margin-left: auto; }
.content_ijebuHOLD	 { width:1024px; height: auto; margin-right: auto; margin-left: 0px; }
.content_ijebu img	 { width: 100%; height: auto; object-fit: contain; }

fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 20px;
    padding: 0.35em 0.75em 0.625em 0.75em;
    border: 2px groove (internal value);
	}

/*************************  Two columns display div  *************************************************/
      /* This is for Contact Us menu item */
.wrapperTwoC { margin-left: 240px; }
.sidebarTwoC { float: left; width: 240px; margin-left: -240px; }
.contentTwoC { float: right; width: 100%; }
.clearedTwoC { clear: both; }


      /* This is for order request form */
      /* This is also for portfolio creation Cancel/Upload buttons */
.wrapperOReqTwoC { margin-left: 560px; }
.sidebarOReqTwoC { float: left; width: 560px; margin-left: -560px; }
.contentOReqTwoC { float: right; width: 100%; }


      /* This is for credit card confirmation form */
.wrapperCCATwoC { margin-left: 60px; }
.sidebarCCATwoC { float: left; width: 150px; margin-right: -90px; }
.contentCCATwoC { float: left; width: 90%; }


      /* This is for registration page request form */
.wrapperRegTwoC { margin-left: 600px; }
.sidebarRegTwoC { float: left; width: 600px; margin-left: -600px; }
.contentRegTwoC { float: right; width: 100%; }


		/* Branches form */
.wrapperRegBranchTwoC { margin-left: 400px; }
.sidebarRegBranchTwoC { float: left; width: 400px; margin-left: -400px; }
.contentRegBranchTwoC { float: right; width: 100%; }

      /* This is for payment request forms */
.wrapperPAYTwoC { margin-left: 560px; }
.sidebarPAYTwoC { float: left; width: 560px; margin-left: -560px; }
.contentPAYTwoC { float: left; width: 100%;  margin-left: -80px; }

      /* This is for Create Portfolio request forms */
.wrapperPortTwoC { margin-left: 450px; }
.sidebarPortTwoC { float: left; width: 450px; margin-left: -450px; }
.contentPortTwoC { float: left; width: 100%; margin-left: -165px; }

      /* This is for Donation menu item */
.wrapperDoTwoC { margin-left: 260px; }
.sidebarDoTwoC { float: left; width: 260px; margin-left: -260px; }
.contentDoTwoC { float: right; width: 100%; }
.clearedDoTwoC { clear: both; }


      /* This is for SSB panel */
.wrapperTwoC_SSB { margin-left:425px; overflow:hidden; }
.sidebarTwoC_SSB { float:left; width:425px; margin-left:-425px; background: #e8fef6; }
.contentTwoC_SSB { float: right; width: 1015; background: #e8f6fe; }

.wrapperSSBTwoC { margin-left: 425px; }
.sidebarSSBTwoC { float: left; width: 425px; margin-left: -425px; }
.contentSSBTwoC { float: right; width: 100%; margin-right: -25px; background: #e8f6fe; }




/*(5)*************************  Slider Two Definition all sites  ************************/
#slider2_wrapper { display:block; margin:auto; height:auto; width:100%; }
#container 		 { overflow:auto; }
#prev_slider2 {
	background-image:url(images/arrows/left_Arrow.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	float:left;
	height:370px;
	width:80px;
	position:relative;
	z-index:10;
    opacity:.3;
	}
	
#next_slider2 {
	background-image:url(images/arrows/right_Arrow.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	float:right;
	height:370px;
	width:80px;
	position:relative;
	z-index:10;
    opacity:.3;
	}
	
#slider2 { display:block; margin:auto; float:left; height:370px; width:1200px; overflow:hidden; position:absolute; }
#slider2 img { width: 100%; height: auto; min-height:370px; object-fit: contain; }




/**(5B)***************************  Spinner  Definition  **************************/
.spinner {
    position:     fixed;
    top:          147px;
    left:         570px;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top:  -50px; /* half height of the spinner gif */
    text-align:   center;
    z-index:      1234;
    overflow:     auto;
    width:        100px; /* width of the spinner gif */
    height:       102px; /*hight of the spinner gif +2px to fix IE8 issue */
	}




/*(6A)*************************  Top Pages Information Definition all sites  #FCBE14 #202340 **********************/

a:link 	 { text-decoration: none; }
.submit_1H  { width: 8em;  height: 1.5em; text-align:center; font-size: 18px; color: #003366; } 
.submit  { width: 8em;  height: 1.5em; text-align:center; font-size: 18px; color: #003366; 
			  box-sizing: border-box;
			  border-left: 1px solid white;
			  border-top: 1px solid white;
			  border-right: 2px solid grey;
			  border-bottom: 2px solid grey;
  			  border-radius: 2px;
		  }
	
.cgHeading_Cir01 { background-image: url(../images/png/headingbuttons/churchlogos/cg_Logo_Cir01.png); position: fixed; background-position: 0px 0px;
	top: 0px; left: 20px; width: 100px; height: 100px; z-index: 22; }
.cgHeading_Cir02 { background-image: url(../images/png/headingbuttons/churchlogos/cg_Logo_Cir02.png); position: fixed; background-position: 0px 0px;
	top: 0px; left: 20px; width: 100px; height: 100px; z-index: 22; }
.cgHeading_Cir03 { background-image: url(../images/png/headingbuttons/churchlogos/cg_Logo_Plain_Cir03.png); position: fixed; background-position: 0px 0px;
	top: 0px; left: 20px; width: 100px; height: 100px; z-index: 22; }
.cgHeading_ChurchBranch { background-image: url(../images/png/headingbuttons/churchlogos/CS_MOVT_USA_TX_1002.png); position: fixed; background-position: 0px 0px;
	top: 0px; left: 20px; width: 100px; height: 100px; z-index: 22; }
.belowHeadingpages_whitebar { background-image: url(../images/png/main/cg_hdwhitebar.jpg); position: absolute; background-position: 0px 0px;
	width:  1920px; height: 55px; background-repeat: repeat-x; z-index: -1; }
  	
  	
.aboveHeadingsAllPages_Txt { position: fixed; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; width: 200px;
	top: 7px; left: 120px; font-weight: bold; font-size: 16px; color: #ffffff; text-align:left; z-index: 22; }
.belowHomeHeadingpage_Txt { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; width: 1920px;
	top: 77px; left: 0px; font-weight: bold; font-size: 30px; color: #202340; text-align:center; z-index: 1; }
.belowBranchGroupHeadingpage_Txt { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; width: 1920px;
	top: 77px; left: 0px; font-weight: bold; font-size: 30px; color: #202340; text-align:center; z-index: 1; }
.belowBranchHeadingpage_Txt { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; width: 1920px;
	top: 77px; left: 0px; font-weight: bold; font-size: 30px; color: #202340; text-align:center; z-index: 1; }



                    /*****  Main Web Site Selection Page CG Fields  ******/

                    /*1****  go to Organization Selection Page Fields  ******/
.mainPage_GoTo_bgbar { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); position: absolute; background-position: 0px 0px;
	width:  400px; height: 100px; background-repeat: repeat-x; top: 130px; left: 1200px; z-index: 3; opacity:.5; }
#mainPage_PartOrg_Label     { position: absolute; background-position: 0px 0px; top: 140px; left: 1220px; font-size: 18px; z-index: 4; }
.mainPage_PartOrg_Selection { position: absolute; background-position: 0px 0px; top: 162px; left: 1220px; width: 360px; color: #000000; z-index: 4; }
#mainPage_PartOrg_Submit_1H { position: absolute; background-position: 0px 0px; top: 194px; left: 1340px; z-index: 5; }
#mainPage_PartOrg_Submit    { position: absolute; background-position: 0px 0px; top: 194px; left: 1340px; z-index: 5;
							  box-sizing: border-box;
							  border-left: 1px solid white;
							  border-top: 1px solid white;
							  border-right: 2px solid grey;
							  border-bottom: 2px solid grey;
  							  border-radius: 2px;
							}

                    /*2****  Request to Add Selection Page Fields  ******/
.mainPage_RequestToAdd_bgbar { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); position: absolute; background-position: 0px 0px;
	width:  400px; height: 180px; background-repeat: repeat-x; top: 240px; left: 1200px; z-index: 3; opacity:.5; }
.mainPage_RequestToAdd_Txt { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif;
	 width:  390px; height: 160px; top: 250px; left: 1210px; font-weight: normal; font-size: 14px; color: brown; text-align: left; z-index: 4; }
.mainPage_RequestToAdd_TxtBar { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #1f5065;
	width:  320px; height: 20px; top: 388px; left: 1240px; font-weight: Bold; font-size: 14px; background-color:lightyellow; color: #1f5065; text-align:center; z-index: 4; }
	
                    /*3****  DLM Contribution Selection Page Fields  ******/
.mainPage_DLMContribution_bgbar { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); position: absolute; background-position: 0px 0px;
	width:  400px; height: 40px; background-repeat: repeat-x; top: 430px; left: 1200px; z-index: 3; opacity:.5; }
.mainPage_DLMContribution_TxtBar { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #1f5065;
	width:  290px; height: 20px; top: 440px; left: 1255px; font-weight: Bold; font-size: 14px; background-color:lightyellow; color: #1f5065; text-align:center; z-index: 4; }
	
                    /*4****  DonateAndSupport Selection Page Fields  ******/
.mainPage_DonateSupport_bgbar { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); position: absolute; background-position: 0px 0px;
	width:  400px; height: 60px; background-repeat: repeat-x; top: 480px; left: 1200px; z-index: 3; opacity:.5; }
.mainPage_DonateSupport_TxtBar { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #1f5065; width:  260px; height: 38px;
	top: 490px; left: 1270px; font-weight: Bold; font-size: 14px; background-color:lightyellow; color: #1f5065; text-align:center; z-index: 4; }

                    /*5****  Advertisement Selection Page Fields  ******/
.mainPage_RequestAdvertise_bgbar { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); position: absolute; background-position: 0px 0px;
	width:  400px; height: 150px; background-repeat: repeat-x; top: 550px; left: 1200px; z-index: 3; opacity:.5; }
.mainPage_RequestAdvertise_Txt { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; width:  300px; height: 60px;
	top: 576px; left: 1250px; font-weight: normal; font-size: 14px; color: #003366; text-align:center; z-index: 4; }
.mainPage_RequestAdvertise_TxtBar { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #1f5065; width:  200px; height: 20px;
	top: 630px; left: 1300px; font-weight: Bold; font-size: 14px; background-color:lightyellow; color: #1f5065; text-align:center; z-index: 4; }
.mainPage_RequestAdvertise_WelcomeBar { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #1f5065; width:  100px; height: 18px;
	top: 671px; left: 1350px; font-weight: Bold; font-size: 14px; background-color:lightcyan; color: #1f5065; text-align:center; z-index: 4; }
 

/************  N O T   U S E D  **************  Menus Donation Design Information Definition all sites  **********************/
                    /*4a****  Credit/Debit option Donation Page Fields  ******/
.creditDebit_bgbar { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); position: absolute; background-position: 0px 0px;
	width:  400px; height: 60px; background-repeat: repeat-x; top: 480px; left: 1200px; z-index: 3; opacity:.5; }
.creditDebit_TxtBar { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #1f5065; width:  260px; height: 38px;
	top: 490px; left: 1270px; font-weight: Bold; font-size: 30px; background-color:lightyellow; color: #1f5065; text-align:center; z-index: 4; }
 
                    /*4b****  Mail option Donation Page Fields  ******/
.mail_bgbar { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); position: absolute; background-position: 0px 0px;
	width:  400px; height: 60px; background-repeat: repeat-x; top: 480px; left: 1200px; z-index: 3; opacity:.5; }
.mail_TxtBar { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #1f5065; width:  260px; height: 38px;
	top: 490px; left: 1270px; font-weight: Bold; font-size: 30px; background-color:lightyellow; color: #1f5065; text-align:center; z-index: 4; }
 
                    /*4c****  Direct Deposit option Donation Page Fields  ******/
.directDeposit_bgbar { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); position: absolute; background-position: 0px 0px;
	width:  400px; height: 60px; background-repeat: repeat-x; top: 480px; left: 1200px; z-index: 3; opacity:.5; }
.directDeposit_TxtBar { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #1f5065; width:  260px; height: 38px;
	top: 490px; left: 1270px; font-weight: Bold; font-size: 30px; background-color:lightyellow; color: #1f5065; text-align:center; z-index: 4; }
 
                    /*4d****  Zelle option Donation Page Fields  ******/
.zelle_bgbar { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); position: absolute; background-position: 0px 0px;
	width:  400px; height: 60px; background-repeat: repeat-x; top: 480px; left: 1200px; z-index: 3; opacity:.5; }
.zelle_TxtBar { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #1f5065; width:  260px; height: 38px;
	top: 490px; left: 1270px; font-weight: Bold; font-size: 30px; background-color:lightyellow; color: #1f5065; text-align:center; z-index: 4; }

 
 
/* ***************************************************************************************************************************************************** */
                    /*5****  StaffReg Selection Page Fields  ******/
.mainPage_StaffReg_bgbar { background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); position: absolute; background-position: 0px 0px;
	width:  400px; height: 60px; background-repeat: repeat-x; top: 680px; left: 1200px; z-index: 3; opacity:.5; }
.mainPage_StaffReg_TxtBar { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; width:  300px; height: 24px;
	top: 690px; left: 1250px; font-weight: normal; font-size: 14px; background-color:lightyellow; color: #1f5065; text-align:center; z-index: 4; }
/* ***************************************************************************************************************************************************** */



                    /*****  Login Page Fields  ******/
.loginPage_bgbar {
	background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); position: absolute; background-position: 0px 0px;
	width:  430px; height: 250px; background-repeat: repeat-x; top: 460px; left: 1200px; z-index: 3; opacity:.5;
  	}
.loginPageTxt { 
	position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;
	width: 200px; height: 30px; top: 465px; left: 1220px; z-index: 4; font-size: 28px; color: brown; text-align:left;
	}
#loginPageBranchNameLabel       { position: absolute; background-position: 0px 0px; top:485px; left: 1220px; font-size: 18px; z-index: 4; }
.loginPageBranchNameSelection   { position: absolute; background-position: 0px 0px; top: 505px; left: 1220px; width: 360px; color: #000000; z-index: 4; }

#loginPageTxtLabel     		    { position: absolute; background-position: 0px 0px; top: 490px; left: 1220px; font-size: 14px; z-index: 4; }
#loginPageUserLabel     		{ position: absolute; background-position: 0px 0px; top: 530px; left: 1220px; font-size: 18px; z-index: 4; }
.loginPageUserSelection 		{ position: absolute; background-position: 0px 0px; top: 550px; left: 1220px; width: 360px; color: #000000; z-index: 4; }
#loginPagePassLabel     		{ position: absolute; background-position: 0px 0px; top: 575px; left: 1220px; font-size: 18px; z-index: 4; }
.loginPagePassSelection 		{ position: absolute; background-position: 0px 0px; top: 595px; left: 1220px; width: 360px; color: #000000; z-index: 4; }
#loginPageSubmit_1H      		{ position: absolute; background-position: 0px 0px; border: 0px solid #1f5065; top: 625px; left: 1345px; z-index: 5; }
#loginPageSubmit        		{ position: absolute; background-position: 0px 0px; border: 0px solid #1f5065; top: 625px; left: 1345px; z-index: 5;
									  box-sizing: border-box;
									  border-left: 1px solid white;
									  border-top: 1px solid white;
									  border-right: 2px solid grey;
									  border-bottom: 2px solid grey;
						  			  border-radius: 2px;
								 }

.loginPageForgotPw { 
	position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif;
	width: 160px; height: 30px; top: 668px; left: 1335px; font-size: 16px; color: #1f5065; text-align:center;  z-index: 4;
	}
					/***  Login  error  ***/ 
.error_login_msg_box 	{ cursor: none; position: absolute; background-position: 0px 0px; top: 470px; left: 1340px; z-index: 4; }
.error_login_msg_box li { list-style: none; background-color: #d1d1d1; border: 0; width: 280px;
							height:24px; color: red; text-align:center; font-weight: bold; }

					/***  Add Customer creation Btn to Login page  ***/ 
.loginPageCustomerAccount_bgbar {
	background-image: url(../images/png/main/cg_pageFields_bgbar360_sl.png); position: absolute; background-position: 0px 0px;
	width:  430px; height: 48px; background-repeat: repeat-x; top: 718px; left: 1200px; z-index: 3; opacity:.5;
  	}
.loginPageCustomerAccountTxt {
	position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #1f5065; width: 388px; height: 24px;
	top: 730px; left: 1220px; font-weight: normal; font-size: 20px; background-color:lightyellow; color: #1f5065; text-align:center; z-index: 4;
	}




/*(6B)*************************  View Codes Plus Decoration Definition all sites   **********************/

.spacerhTen  	 {  clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 10px; position: relative; }
.spacerhTwelve   {  clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 12px; position: relative; }
.spacerhFifteen  {  clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 15px; position: relative; }
.spacerhTwenty   {  clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 20px; position: relative; }
.spacerhThirty   {  clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 30px; position: relative; }
.spacerhFifty    {  clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 50px; position: relative; }
.spacerhSixty    {  clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 60px; position: relative; }
	
.spacerh10  { heigh: 10px; }
.spacerh15  { height: 15px; }
.spacerh20  { clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 20px; position: relative; }
.spacerh25  { height: 25px; }
.spacerh50  { height: 50px; }
.spacerh80  { height: 80px; }

/* ************************ Marquee Plugin ************************************************************/
.marq {
    background: linear-gradient(to bottom, #FFD65E 0%, #FEBF04 100%) repeat scroll 0 0 transparent;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    font-family: open Sans,Arial;
    font-size: 18px;
    font-weight: bold;
    height: 41px;
    padding-left: 10px;
}	
	
/*(7)**********************  Page Content Frame Head Setup Definition all sites  **********************/
.pagecontentframeAcolor { width:100%; background-color:#DDFFDD; border:1px solid #009900; }
#pagecontentframeAtop 	{ width:100%; height: 60px; background-color:#718d2c; border:1px solid #718d2c; text-align: center; padding:5px 0px 0px 0px; }

 /* This is for Organizations List. */
.pagecontentframebcolor1200  { width:1200px; background-color:lightgrey; }

 /* This is for navCheckBox detached child window. */
.pagecontentframebcolor960    { width:960px; background-color:white; }
.pagecontentframebcolor960lg  { width:960px; background-color:lightgrey; }
   
.pagecontentframebcolor900   { width:900px; background-color:lightgrey; margin-left: 20px; }
#pagecontentframetop900 	 { width:870px; height: 30px; background-color:lightyellow; text-align: center; padding:5px 0px 0px 30px; color:#003366; }

.pagecontentframebcolorOrig900  { width:900px; background-color:#DDFFDD; border:1px solid #009900; }
#pagecontentframetopG900 	 { width:870px; height: 30px; background-color:#718d2c; text-align: center; padding:5px 0px 0px 30px; }
#pagecontentframetopR900 	 { width:870px; height: 30px; background-color:red; text-align: center; padding:5px 0px 0px 30px; }
#pagecontentframetopO900 	 { width:870px; height: 30px; background-color:orange; text-align: center; padding:5px 0px 0px 30px; }
#pagecontentframetopY900 	 { width:870px; height: 30px; background-color:yellow; text-align: center; padding:5px 0px 0px 30px; }
#pagecontentframetopGold900  { width:870px; height: 30px; background-color: #664C00; color: #fff; text-align: center; padding:5px 0px 0px 30px; }
#pagecontentframetopB900 	 { width:870px; height: 30px; background-color:blue; text-align: center; padding:5px 0px 0px 30px; }


.pagecontentframebcolor  { width:1200px; background-color:#DDFFDD; border:1px solid #009900; }
#pagecontentframetop 	 { width:1170px; height: 30px; background-color:#718d2c; border:1px solid #718d2c; text-align: left; padding:5px 0px 0px 30px; }
#pagecontentframetopR 	 { width:1170px; height: 30px; background-color:red; border:1px solid red; text-align: left; padding:5px 0px 0px 30px; }
#pagecontentframetopO 	 { width:1170px; height: 30px; background-color:orange; border:1px solid orange; text-align: left; padding:5px 0px 0px 30px; }
#pagecontentframetopY 	 { width:1170px; height: 30px; background-color:yellow; border:1px solid yellow; text-align: left; padding:5px 0px 0px 30px; }
#pagecontentframetopGold { width:1170px; height: 30px; background-color:#664C00; border:1px solid #664C00; text-align: left; padding:5px 0px 0px 30px; }
#pagecontentframetopB 	 { width:1170px; height: 30px; background-color:blue; border:1px solid #664C00; text-align: left; padding:5px 0px 0px 30px; }

/* Add left and right margin of 20px into page ********************************/
.pageDivMovLeft_20 { margin-left: 20px; margin-right: 20px; }
.pageDivMovLeftOnly_20 { margin-left: 20px; }

/* Add Horizontal Line(s) into page ********************************/
hr { display: block; height: 5px; border: 0; border-top: 2px solid #003366; margin: 1em 0; padding: 0; }
/*************/



/*(8)************************  Text Decoration Over Images all sites  *******************************/
.site_types_s {	clear:both; width: 1560px; margin-left: 0px; position: relative; }

.left_pic     { position: relative; width: 300px; height: 199px; margin-left: 75px; float:left; }
.middle_pic   { position: relative; width: 300px; height: 199px; margin-left: 75px; float:left; }
.right_pic    { position: relative; width: 300px; height: 199px; margin-left: 75px; float:left; }

.outer_middle { position: relative; width: 300px; height: 199px; margin-left: 450px; float:left; }
.outer_right  { position: relative; width: 300px; height: 199px; margin-left: 825px; float:left; }

.bottomleft   { position: relative; bottom: 0; left: 0.5em; width: 0px; font-weight: bold; color: #C00; }
.topright     { position: absolute; top: 0.05em; right: 0.05em; width: 120px; color: #fff; font-weight: bold; font-size: 16px; }

a.hovertext   { position: absolute; width: 300px; text-align: center; text-decoration: none !important; }
a.hovertext:after { content: attr(title); position: absolute; left: 0; bottom: 0; padding: 0.5em 20px;
    width: 260px; background: rgba(0,0,0,0.8);
    text-decoration: none;  /* !important; */
    color: #FFFF00; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }
a.hovertext:hover:after, a.hovertext:focus:after { opacity: 1.0; }



/*(9)****************  Products/Types Headings Text Code Definition all sites  *********************/ 
.productTypes h1  { clear:both; font-family:Arial, Helvetica, sans-serif; font-size:46px; font-weight:bold;
					width:1200px; margin-left: 0px; position: relative; z-index: 10; }

.productTypes p	  { color: #664C00; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; 
				    width:1200px; text-align:center; text-decoration: none; font-size: 32pt; margin:0pt; }




/*(10)**************  Frames Headings Text Code Definition all sites  ************************/ 
.framesTypes h1   { clear:both; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold;
					width:1000px; margin-left: 0px; position: relative; text-align:center; font-weight: bold;
    				color: #664C00; z-index: 10; }




/*(11)*********************  Background Page Video Media Setup Definition all sites  **********************/
.videoClass {
  width: 1140px; height: 757px;
}

.videoClassPlanType2 {
  width: 340px; height: 226px;
}

.videoClassPlanType {
  width: 313px; height: 207px;
}



/*(Last)**********************  Footers Setup Definition all sites  (Old - width:1180px;)******************************/
footer 	  { 
    		display: block;
    		clear:both; width:100%; height:0px; background-image:url(../images/png/main/bg_footer.png);
			border-top:1px #C00 solid; margin-left: 0px; position: relative; }

.footer p { color: #1f5065; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; 
		    text-align:center; text-decoration: none; font-size: 10pt; margin:0pt; }


/*******************************  Main Footer Definition all site's front page  (#1f5065 - #003366;)**************************/
.footerMain     { clear:both; width:100%; height:0px; top: 790px; left: 0px; background-image:url(../images/png/main/bg_footer.png);
				  border-top:1px #C00 solid; margin-left: 0px;  position: absolute; background-position: 0px 0px; }

.footerMain p	{ color: #1f5065; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; 
				  text-align:center; text-decoration: none; font-size: 10pt; margin:0pt; }

/************************** Decor **************************************/
#decor    { width:100%; background-color:#D96D00; }




/************************************************************************************************/
/************************************************************************************************/
/*****  CSS Page Setup Definition for XXlarge layout *********** 
**(2)*************************************************************/
header { 
	height: 75px;
	background: url(../images/png/headingbuttons/respheads/cg_1920_75_hd_plain.png) no-repeat left 0px;
	}
		
header a.logout {
	width: 	80px;
	height: 24px;
	top: 	6px;
	left: 1518px;
	background-image: url(../images/png/headingbuttons/respheads/logout_btn_large80.png);
	}


 .bg_container_main { background-image: url(../images/png/main/bg_container.png); width: 1200px; height: 370px;
	background-size: cover; margin-right: auto; margin-left: auto; position: relative; float:left; z-index: 10; }
.content2 { width: 100%; height: auto; background-size: contain; margin-right:auto; margin-left:auto; }
/* resize images */
.content2 img { width: 100%; height: auto; object-fit: contain; }

header .myPic9090 { width: 65px; height: 65px;
					background-size: cover; margin-right: auto; margin-left: auto; position: relative; float:left; z-index: 10;	
					top: 4px; left: 1610px; }
header .myPic9090 img { width: auto; height: 100%; object-fit: contain; }

header .myPic100100 { width: 100px; height: 100px;
					background-size: cover; margin-right: auto; margin-left: auto; position: relative; float:left; z-index: 10;	
					top: 0px; left: 1610px; }
header .myPic100100 img { width: auto; height: 100%; object-fit: contain; }
	
header a.search {
	width: 80px;
	height: 28px;
	top: 6px;
	left: 1518px;
	background-image: url(../images/png/headingbuttons/respheads/search_btn_large80.png);
	}
	
header .Search_textfield {  border: 0;
							width:  400px;
						 	height: 24px;
						 	top: 7px;
						 	left: 1100px;
						 	font-size: 18px;
						  	text-align:center; 
							}
	
header .Search_selectList { border: 0;
							width:  600px;
						 	height: 240px;
						 	top: 10px;
						 	left: 800px;
						 	font-size: 18px;
						  	text-align:left; 
						  	z-index:30;
							}


/**(5)************************  Slider Two Definition  ************************/
#slider2_wrapper { height:370px; width:1200px; }
#prev_slider2 {
	height:370px;
	width:80px;
	}
	
#next_slider2 {
	height:370px;
	width:80px;
	}
	
#slider2 { height:370px; width:1200px; }



/**(5B)***************************  Spinner  Definition  **************************/
.spinner {
    top:          174px;
    left:         570px;
	}



/**(6)************************  Decoration Definition **********************/
.lower_bar_10       { width: 100%; }
.lower_bar_viewcode { width:  100%; height: 30px; }
.lower_bar          { height: 30px; }
.viewCodeClass      {
						border: 0;
						width:  400px;
						height: 31px;
						top: 531px;
						left: 400px;
						font-size: 20px;
						color: #C00; 
						text-align:center;
						border-bottom:1px #C00 solid;
						}

/*
 **********  END of Definitions  ********** 
 ******************************************
*/