HTML {
    height: auto;
}

BODY {
      background-color : #00BFFF;
      font-family : sans-serif;
      color : #696969;
      margin: 0px; 
      padding: 0px;
      border: 0px;
      height:auto;
      }
      
     .content  {
           width:  800px; /*Specify Width*/   
           height:auto;  
           overflow:hidden;
           margin-left: auto;
           margin-right: auto;
           border: 0px; 
           background-color: #FFFFFF; /*Add a background color to the box*/
           text-align:center; /*Align the text to the center*/
           position: relative;
            }
            
            /* Footer styles */

				#buffer {
					clear:both;
					width:100%;
					height:30px;
					background-color: #FFFFFF;
					}            
            
				#footer {
					clear:both;
					width:100%;
					background-color: #F4F4F4;
   						}
            
/******* HOME PAGE LAYOUT *******/            
            
     .home {
     	     clear:both;
     		  width:800px;
     		  height:500px;
     		  float: left;
     		  position:relative;
     		  overflow:hidden;
     		  } 
     		         #home_pic {
     		  				width:800px;
     		  				height:500px;
     								  }   
     		  
     		         #icons {
       					width:200px;
       					height:100px;
       					position:absolute;
       					top:25px;
       					left:50px;
       					background-color: rgba(255,255,255,0.5);
       							}  
       							       	#icon1 {
									       		width:40px;
 									      		height:40px;
 									      		position:absolute;
    									   		top:10px;
       											left:20px;
       													}
       		   
       										#icon2 {
       											width:40px;
       											height:40px;
       											position:absolute;
       											top:10px;
       											left:80px;
       													}   
       		
       										#icon3 {
       											width:40px;
       											height:40px;
       											position:absolute;
       											top:10px;
       											left:140px;
       													} 
       	
       										#icon4 {
       											width:100px;
       											height:40px;
       											position:absolute;
       											top:55px;
       											left:50px;
       													}  		
       										
       #home_logo {
     		  width:200px;
     		  height:100px;
     		  position:absolute;
     		  top:25px;
     		  right:50px;
     		  z-index:1;
     		  background-color: rgba(255,255,255,1);
     		  }  
     		  
     		  #logo {
     		  	width:200px;
     		  	height:auto;
     		  	position:absolute;
     		  	left:0;
     		  	bottom:0;
     		  	padding:0;
     		  	} 
     		  	
     		  #jem {
     		  	position:absolute;
     		  	top:0;
     		  	right:2px;
     		  	padding:5px 0 0 0;
     		  	margin:0;
     		  	}
     		  
     		  #ministries {
     		  	position:absolute;
     		  	top:50px;
     		  	right:2px;
     		  	padding:5px 0 5px 0;
     		  	margin:0;
     		  	}
     		  	
     		   
     	 #home_logo1 {
     		   	width:200px;
     		   	height:100px;
     		   	position:absolute;
     		  		top:25px;
     		  		right:50px;
     		   	float:left;
     		   	z-index:2;
     		   	margin:0;
     		      padding:0;
     		      background-color: #FFFFFF;
     		   	} 
     		   	      		
     #home_logo2 {
     		   	width:180px;
     		   	height:170px;
     		   	position:absolute;
     		   	top:135px;
     		      right:50px;
     		   	z-index:2;
     		   	margin:0;
     		      padding:10px;
     		      background-color: rgba(139,0,139,0.5);
     		      line-height:20px;
     		   	}  
     		   	
      #home_logo3 {
     		   	width:180px;
     		   	height:40px;
     		   	position:absolute;
     		   	top:335px;
     		      right:50px;
     		   	z-index:2;
     		   	margin:0;
     		      padding:10px;
     		      background-color: rgba(154,205,50,0.5);
     		      line-height:20px;
     		   	}  		   				 
     		  
           .intro_box {
           	   position:relative;
           	   clear:both;
           	   float:left;
           	   width:100%;
           	   height:auto;
           	   overflow:hidden;
           	   background-color:#F4F4F4; 
           	   }     		  
           	   	
           	   	#intro {
           	   		margin:auto;
           	   		width:69%;
           	   		background-color:#FFFFFF;
           	   		padding:5px;
           	   		}
 						
     /* video container */
           .videomask {
	           	position:relative;	/* This fixes the IE7 overflow hidden bug */
				  	clear:both;
					float:left;
					width:100%;			/* width of whole page */
					height:auto;
					overflow:hidden;		/* This chops off any overhanging divs */
							}
		/* common column settings */
				.videoright,
				.videomid,
				.videoleft {
					float:left;
					width:100%;			/* width of page */
					position:relative;
							}
				.video1,
				.video2,
				.video3 {
					float:left;
					position:relative;
					padding:0 0 0 0 ;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
					overflow:hidden;
						}
		/* 3 Column settings */
				.videobox {
					background:#9ACD32;		/* right column background colour */
						}
				.videobox .videomid {
					right:15%;			/* width of the right column */
					background:#FFFFFF;		/* center column background colour */
						}
				.videobox .videoleft {
					right:70%;			/* width of the middle column */
					background:#9ACD32;	/* left column background colour */
						}
				.videobox .video1 {
					width:70%;			/* width of center column content (column width minus padding on either side) */
					left:100%;			/* 100% plus left padding of center column */
						}
				.videobox .video2 {
					width:15%;			/* Width of left column content (column width minus padding on either side) */
					left:15%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
						}
				.videobox .video3 {
					width:15%;			/* Width of right column content (column width minus padding on either side) */
					left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
						}	
						
						#video_text1 {
							background-color: rgba(255,255,255,0.5);
						   padding:5px;
						   margin-top:28px;
							}	
						#video_text2 {
							background-color: rgba(255,255,255,0.5);
						   padding:5px;
						   margin-top:255px;
							}			  
    
     /* Home Box Container */
           .homemask {
	           	position:relative;	/* This fixes the IE7 overflow hidden bug */
				  	clear:both;
					float:left;
					width:100%;			/* width of whole page */
					height:auto;
					overflow:hidden;		/* This chops off any overhanging divs */
							}
		/* common column settings */
				.homemid,
				.homeleft1,
				.homeleft2 {
					float:left;
					width:100%;			/* width of page */
					position:relative;
							}
				.home11,
				.home12,
				.home21,
				.home22 {
					float:left;
					position:relative;
					padding:10px 2px 2px 2px ;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
					overflow:hidden;
						}
						
			/* Top 2 Columns */
				.homebox1 {
					background:#F4F4F4;		/* right column background colour */
						}
				.homebox1 .homeleft1 {
					right:75%;			/* right column width */
					background:#FFFFFF;		/* left column background colour */
						}
				.homebox1 .home11 {
					width:21%;			/* left column content width (left column width minus left and right padding) */
					left:77%;			/* (right column width) plus (left column left padding) */
						}
				.homebox1 .home12 {
					width:71%;			/* right column content width (right column width minus left and right padding) */
					left:81%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
						}

			/* Bottom 2 Columns */
				.homebox2 {
					background:#FFFFFF;		/* right column background colour */
						}
				.homebox2 .homeleft2 {
					right:30%;			/* right column width */
					background:#F4F4F4;		/* left column background colour */
						}
				.homebox2 .home21 {
					width:66%;			/* left column content width (left column width minus left and right padding) */
					left:32%;			/* (right column width) plus (left column left padding) */
						}
				.homebox2 .home22 {
					width:26%;			/* right column content width (right column width minus left and right padding) */
					left:36%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
						}						



/******** ALL PAGES HEADER LAYOUT **********/
     .header {
     	     clear:both;
     		  width:100%;
     		  height:500px;
     		  float: left;
     		  position:relative;
     		  overflow:hidden;
     		  padding:0 0 0 0;
     		  margin:0;
     		  border:0;
     	}

     		#header1 {
     			height:auto;
     			float:left;
     			width:12.5%
     			}  
     			
     		 #header2 {
     			height:auto;
     			float:left;
     			width:75%;
     			}  
     			
     		#header3 {
     			height:100px;
     			width:100px;
     			float:left;
     			}		

     		  
     		  #header_pic1, #header_pic2, #header_pic3, #header_pic4 {
     		  	  padding:2px;
     		  	  margin:0;
     		  	  float:left;
     		  	  }
     		  
     		  #header_pic1 {
     		  	  height:96px;
     		  	  width:96px;
     		  	  }	
     		  #header_pic2 {
     		  	  height:96px;
     		  	  width:196px;
     		  	  }
     		  #header_pic3 {
     		  	  height:96px;
     		  	  width:296px;
     		  	  }
     		  #header_pic4 {
     		  	  height:196px;
     		  	  width:96px;
     		  	  }	  
     		  	    
            #ministerios {
            	width:596px;
            	height:296px;
            	padding:2px;
            	margin:0;
            	border:0;
            	float:left;
            	}
            	
            #header_icons {
       					width:200px;
       					height:100px;
       					position:absolute;
       					bottom:110px;
       					left:110px;
       					background-color: rgba(255,255,255,0.5);
       							}  	

/********* SUB-PAGE LAYOUT (3 Columns) **********/

     /* Content Container */
           .colmask {
	           	position:relative;	/* This fixes the IE7 overflow hidden bug */
				  	clear:both;
					float:left;
					width:100%;			/* width of whole page */
					height:auto;
					overflow:hidden;		/* This chops off any overhanging divs */
							}
		/* common column settings */
				.colmid, .coltwo_mid,
				.colleft, .coltwo_left {
					float:left;
					width:100%;			/* width of page */
					position:relative;
							}
				.col1, .coltwo1,
				.col2, .coltwo2,
				.col3 {
					float:left;
					position:relative;
					padding:0 0 0 0 ;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
					overflow:hidden;
						}
		/* 3 Column settings */
				.colbox {
					background:#FFFFFF;		/* right column background colour */
						}
				.colbox .colmid {
					right:30%;			/* width of the right column */
					background:#FFFFFF;		/* center column background colour */
						}
				.colbox .colleft {
					right:50%;			/* width of the middle column */
					background:#F4F4F4;	/* left column background colour */
						}
				.colbox .col1 {
					width:46%;			/* width of center column content (column width minus padding on either side) */
					left:102%;			/* 100% plus left padding of center column */
						}
				.colbox .col2 {
					width:16%;			/* Width of left column content (column width minus padding on either side) */
					left:36%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
						}
				.colbox .col3 {
					width:26%;			/* Width of right column content (column width minus padding on either side) */
					left:90%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
						}	

/********* SUB-PAGE LAYOUT (2 Columns) **********/

				.colbox {
					background:#FFFFFF;		/* right column background colour */
						}
				.colbox .coltwo_left {
					right:80%;			/* right column width */
					background:#F4F4F4;		/* left column background colour */
						}
				.colbox .coltwo1 {
					width:16%;			/* left column content width (left column width minus left and right padding) */
					left:82%;			/* (right column width) plus (left column left padding) */
						}
				.colbox .coltwo2 {
					width:76%;			/* right column content width (right column width minus left and right padding) */
					left:86%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
						}						
						
/*********** ALL PAGES SIDEBAR NAVIGATION ***********/

              ul.sidebar {
           	     margin:0;
           	     padding:0;
           	       }                  
              li.sidebar {
           	      list-style: none;
           	       }         
              a.sidebar:link, a.sidebar:visited {
                  display:block;	
                  color:#696969;
						text-align: left;
						font-family: "Calibri";
						font-size: 15px;
                  text-decoration:none;
                  padding:10px 0 10px 0; 
                  margin:0; 
                  }
              a.sidebar:hover,a.sidebar:active {
                  color:#FFD700;
                   }     
       	
/************* ALL PAGES PICTURES ******************/

		#pic {
			width:200px;
			height:auto;
			border:0;
			margin:0;
			padding:70px 0 0 0;
			}