/************************************************************************************************/
/************************************************************************************************/
/*****  CSS Page Setup Definition for medium layout *********** 
***************************************************************/
/*********  CSS Page Setup Definition for CG System  ********** 
*************************************************************
***********  Main Body Setup Definition   ********************/ 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color:#FEE7B3;
	background-repeat: repeat-y;
   	background-image: url(../images/png/main/site_bg_body_1680_945.jpg);
	margin: 0px;
	padding: 0px;
	position: relative;
    z-index: -1; /* Put the site background behind all other elements */
}



/**(1)****************  background-image: url(../images/png/main/site_bg_body.png); for 800 **************/
.container { width: 1040px; }


/**(2)************************  Header Setup Definition 800  *******************/
header { 
	height: 75px;
	background: url(../images/png/headingbuttons/respheads/cg_1220_75_hd_plain.png) no-repeat left 0px;
}
header a.logout {
	width: 80px;
	height: 24px;
	top: 6px;
	left: 400px;
	background-image: url(../images/png/headingbuttons/respheads/logout_btn_large80.png);
}

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: 496px; }
header .myPic9090 img { width: auto; height: 100%; object-fit: contain; }

header .myPic100100 { width: 73px; height: 73px;
					background-size: cover; margin-right: auto; margin-left: auto; position: relative; float:left; z-index: 10;	
					top: 0px; left: 496px; }
header .myPic100100 img { width: auto; height: 100%; object-fit: contain; }

header a.search {
	width:  80px;
	height: 28px;
	top:    36px;
	left:  550px;
	z-index:  24;
	background-image: url(../images/png/headingbuttons/respheads/search_btn_large80.png);
}
header .Search_textfield {  border: 0;
							width:  340px;
						 	height:  24px;
						 	top:      7px;
						 	left:   330px;
						 	font-size: 16px;
						  	text-align:center;
						  	z-index: 24; }
header .Search_selectList {  border: 0;
							width:  500px;
						 	height: 180px;
						 	top: 6px;
						 	left: 450px;
						 	font-size: 14px;
						  	text-align:left; 
						  	z-index:30;
}



/**(3)***************** Navigational Menu Definition medium sites top 40******************/
             /*** Nav menu Definition for items on the header board itself ***/
ul#navmenuhd 				{ width:1040px; }
ul#navmenuhd, ul.sub1, ul.sub2 { list-style-type:none; line-height:20px; z-index:10; }
#topnavhd ul li a    		{ float:left; padding:0px 20px; color: #ffff00; font-size:16px; font-weight: normal; }
#topnavhd ul ul     		{ display:none; position:absolute; background-color:#95bf39; left:-1px; top:20px; width:262px; }
#topnavhd ul ul li   		{ display:block; text-align:left; width:262px; }
#topnavhd ul ul li a 		{ width:220px; }
.darrowhd            		{ font-size:11pt; position:absolute; top:2px; color:#FFF; }

             /*** Nav menu Definition that are not designed for inside the header board ***/
nav ul#navmenu         { width:1040px; }
nav ul#navmenu, ul.sub1, ul.sub2 { list-style-type:none; line-height:20px; z-index:10; }
nav #topnav ul li a    { float:left; padding:0px 20px; color:#ffff00; font-size:14px; font-weight:normal; }
nav #topnav ul ul      { display:none; position:absolute; background-color:#95bf39; left:-1px; top:20px; width:262px; }
nav #topnav ul ul li   { display:block; text-align:left; width:262px; }
nav #topnav ul ul li a { width:220px; }
nav .darrow            { font-size:11pt; position:absolute; top:2px; color:#FFF; }



/**(4)******************  Background decoration Definition for 800 Front Page Only  **********************/
.bg_main 				{ width: 1040px; }
.fg_main 				{ width: 1040px; }
.bg_container_main 		{ width: 700px; height: 216px; }

.s2 { margin-right: 302px; }
.outerimgbackground  { height: 12840px; }
.outermusicbackground  { height: 6420px; }
.outervideobackground  		 { height: 2900px; }
.outernavbackground_halfApage  { height: 560px; }
.outernavbackground_1page .p2	{ font-size: 24pt; }
.outernavbackground_1page .p2d	{ font-size: 24pt; }

.pagecontentframebcolor960  { width:680px; }

.bg_container 			{ width: 680px; }
.bg_container960		{ width: 680px; }
.bg_container_sm 		{ width: 640px; margin-left: 50px; }
.content_framesGroup  	{ width:580px; height: 216px; }
.content_ijebu  		{ width:580px; margin-left: 0px; }

.crawlerMarq1Ads  { width: 710px; top: 302px; }
.crawlerMarq2Ads  { width: 710px; top: 367px; }
/* .crawlerMarq3Ads  { width: 710px; top: 432px; } */
.crawlerMarq3Ads  { width: 710px; top: 623px; }
.crawlerMarqTxt   { top: 547px; }
.advGeneratorTxt  { top: 630px; left: 730px; }
.crawlerMarq1 	  { width: 710px; }
.crawlerMarq1 img { width: 12.8%; }


/*************************  Two columns display div  *************************************************/
.wrapperTwoC { margin-left: 200px; }
.sidebarTwoC { width: 200px; margin-left: -200px; }



/**(5)************************  Slider Two Definition  ************************/
#slider2_wrapper { height:216px; width:700px; }
#prev_slider2 {
	height:216px;
	width:60px;
}
#next_slider2 {
	height:216px;
	width:60px;
}
#slider2 { height:216px; width:700px; }
#slider2 img { min-height:216px; }



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


/*(6A)*************************  Top Pages Information Definition   **********************/
  /* The width below was set to 1370px for the white background coverage on this size page. */	
.belowHeadingpages_whitebar 	  { width:  1370px; }
.belowHomeHeadingpage_Txt   	  { width:  1040px; }
.belowBranchGroupHeadingpage_Txt { width:  1040px; font-size: 28px; }
.belowBranchHeadingpage_Txt      { width:  1040px; }

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

                    /*1****  go to Organization Selection Page Fields  ******/
.mainPage_GoTo_bgbar 	 			  { left: 220px; }
#mainPage_PartOrg_Label     			  { left: 240px; }
.mainPage_PartOrg_Selection 			  { left: 240px; }
#mainPage_PartOrg_Submit    			  { left: 360px; }
                    /*2****  Request to Add Selection Page Fields  ******/
.mainPage_RequestToAdd_bgbar 		  { left: 220px; }
.mainPage_RequestToAdd_Txt 			  { left: 230px; }
.mainPage_RequestToAdd_TxtBar 		  { left: 260px; }
                    /*3****  DLM Contribution Selection Page Fields  ******/
.mainPage_DLMContribution_bgbar       { left: 220px; }
.mainPage_DLMContribution_TxtBar      { left: 275px; }
                    /*4****  DonateAndSupport Selection Page Fields  ******/
.mainPage_DonateSupport_bgbar 		  { left: 220px; }
.mainPage_DonateSupport_TxtBar 		  { left: 290px; }
                    /*5****  Advertisement Selection Page Fields  ******/
.mainPage_RequestAdvertise_bgbar 	  { left: 220px; }
.mainPage_RequestAdvertise_Txt 		  { left: 270px; }
.mainPage_RequestAdvertise_TxtBar 	  { left: 320px; }
.mainPage_RequestAdvertise_WelcomeBar { left: 370px; }
 

                    /*****  Login Page Fields  ******/
.loginPage_bgbar 				{ top: 400px; left: 40px; }
.loginPageTxt 					{ top: 405px; left: 60px; }
#loginPageBranchNameLabel     	{ top: 425px; left: 60px; }
.loginPageBranchNameSelection 	{ top: 445px; left: 60px; }
#loginPageTxtLabel     			{ top: 430px; left: 60px; }
#loginPageUserLabel     		{ top: 470px; left: 60px; }
.loginPageUserSelection 		{ top: 490px; left: 60px; }
#loginPagePassLabel     		{ top: 515px; left: 60px; }
.loginPagePassSelection 		{ top: 535px; left: 60px; }
#loginPageSubmit        		{ top: 565px; left: 185px; }
.loginPageForgotPw 				{ top: 608px; left: 175px; }
.error_login_msg_box 			{ top: 414px; left: 180px; }

.loginPageCustomerAccount_bgbar { top: 658px;  left: 40px; height: 42px; }
.loginPageCustomerAccountTxt 	{ top: 667px;  left: 60px; }




/**(6B)************************  Decoration Definition **********************/
.lower_bar_10       { width: 1040px; }
.lower_bar_viewcode { width:  1040px; height: 30px; }

.lower_bar          { height: 30px; }
.viewCodeClass      {  border: 0;
							width:  400px;
						 	height: 31px;
						 	top: 524px;
						 	left: 200px;
						 	font-size: 20px;
						  	color: #C00; 
						  	text-align:center;
						  	border-bottom:1px #C00 solid; }



/*(8)************************  Text Decoration Over Images all sites  *******************************/
.site_types_s {	width: 1024px; }
.left_pic     { margin-left: 30px; }
.middle_pic   { margin-left: 15px; }
.right_pic    { margin-left: 15px; }
.outer_middle { margin-left: 346px; }
.outer_right  { margin-left: 650px; }




/*(9)****************  Products/Types Headings Text Code Definition  *********************/ 
/** NOTE: The width used here is set for almost the whole width of the Xmedium size width of 1024px  **/
.productTypes h1 { width:800px; }



/*(10)**************  Frames Headings Text Code Definition  *************/ 
/** NOTE: The width used here is set for almost the whole width of the Xmedium size width of 1024px  **/
.framesTypes h1 { width:600px; }




/*(11)*********************  Background Page Video Media Setup Definition  **********************/
.videoClass {
  width: 640px; height: 425px;
}



/************************** This is the AdBox Definitions ********************************/
 .adbox_main { top: 675px; }



/**(Last)************************  Slogan Definition  **************/
.cgSloganMain { top: 700px; }
	



/**(Last)************************  Footers Setup Definition Medium  **************/
.footerMain	{ top: 720px; }



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