/* DO NOT USE PIXELS FOR WIDTH BECAUSE ROUNDED CORNERS WON'T WORK IN I.E. */


/* NOTE: DO NOT USE // TO COMMENT OUT STUFF; I.E. DOES NOT RECOGNIZE THIS */

/* COLORS - USE COLOR CHART FROM http://web.njit.edu/~kevin/rgb.txt.html */


/**** GRADIENT (FADED) BACKGROUND FOR ENTIRE PAGE ****/
body {
background-color:green;
font-family:Trebuchet, Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
}

/**** THE LAYOUT ****/
#container 
{
    position:absolute;
    left:2%;
    width:96%;
/*    border: thin solid yellow;       */
    text-align:left;
    z-index: 1;
    height:850px;  /* this value determines the total height of the website */
    margin:0 auto;
}

#header {
	position:absolute;
	top:0px;
	height:10%;
	width:100%; 
	background-image:url('../images/table%20parament.jpg');
	background-position:center; 	
	z-index:1;
    border:1px solid black;
		
 /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius:5px;
    -moz-border-radius:5px; 
}
		.LeftHeaderLogo {
			position: absolute;  
			float:left;	
			left: 6%;
			width:4%;
			height:50px;		
			top: 25px; 
			z-index: 2;			
		}
			
		.banner {
			text-align:center;
		}

		.RightHeaderLogo {
			position: absolute;  
			float:right;	
			right: 8%;
			width:4%;
			height:50px;		
			top: 25px; 
			z-index: 2;			
		}

#menu {
	position:absolute;
	top:10.7%;
	height:3.3%;
	width:100%; /* AS WIDE AS THE CONTAINER */
	background-color: #DDDCEE; /* LightSteelBlue from the table parament */
	color: black;
	z-index: 1;
    border:1px solid black;
	
 /* Do rounding (native in Firefox and Safari) */	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;	
}
			/* MENU FEATURES USED IN DROPDOWN JAVASCRIPT CODE */
			/* DO NOT REMOVE THIS OR ELSE THE DROPDOWN WILL STOP WORKING */

			#dropmenudiv{
				position:absolute;
				border:1px solid black;
				border-bottom-width: 0;
				z-index:300; 
			}
			
			#dropmenudiv a{
				width: 100%;
				display: block;
				text-indent: 3px;
				border-bottom: 1px solid black;
				padding: 1px 0;
			}
			
			#dropmenudiv a:hover{
				background-color: NavajoWhite;
				color: black;
			}
			
			
#MainLayoutPane { 
	position:absolute;
	top:14.7%;
	width:100%;
/*	background-color:#00FFFF; */
	height:82%;
	z-index:1;
 }

/*** USED FOR DISPLAY THE LEFT NAVIGATION PANE ***/
#LeftSideBar {
    left:0px;
	position: absolute;
	width:16%;	
	height: 90%;
	background-color: #DDDCEE;
	padding-left: 5px; 
	overflow:hidden;
    border:1px solid black;
	
 /* Do rounding (native in Firefox and Safari) */	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


#ContentPane {
/* background-color will inherit the above container's background-color */
	left:17.2%;
	position: relative;  
	background-color: #F6F7E9; 
	border-color:Black;
	width:66%;
	height: 90%;    
	margin:0;
    border:1px solid black;
	
 /* Do rounding (native in Firefox and Safari) */	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	
}

/********  CONTENTPANE'S INFORMATION PANELS ********/

			.InfoPaneTopLeft {
				position: absolute;
				width:100%;
				height:100%;	
				background-color: #F6F7E9;
				overflow: hidden;
/*				margin:0;  */
			}
			
					.wrapIPTL { 
						background: transparent;
						position:  absolute;
						left:5px;
						top:4px;
						width:40%;  
						height:35%;	
						border: 1px solid Black;	
						margin:0;
					}
			
					.wrapIPTL:hover .InfoPaneTopLeft{ background: NavajoWhite}
					
					.Continued {
						position: absolute; 
						font-family: Trebuchet MS, Arial, Verdana,  Helvetica, sans-serif;
						font-size: 14px;
						bottom: 2px;
						right: 5px;
					}
			
			.InfoPaneTopCenter {
				background-p: center;  
				position: absolute;  
				background-color: Black;
				left:41.9%;
				top:5px;
				width:16.2%;
				height:35%;	
				overflow: hidden;
				margin:0;
			}
			
					.IFTCimg {
						position: relative;
						padding: 0px 4px 0px 3px;
						width: 100%;
/*						background-image: url('images/peace pole.gif');
						background-position: center;
*/						
					}


			.InfoPaneTopCenterNoPicture {
				position: absolute;  
				background-color: Black;
				left:41.9%;
				top:5px;
				width:16.2%;
				height:35%;	
			}
			
			
			.InfoPaneTopRight {
				position: absolute;
				width:100%;
				height:100%;	
				background-color: #F6F7E9;
				overflow: hidden;
				margin:0;
			}
			
					.wrapIPTR { 
						background: transparent;
						position:  absolute;
						left:59%;
						top:4px;
						width:40%;
						height:35%;	
						border: 1px solid Black;	
						margin:0;
					}
					
					.wrapIPTR:hover .InfoPaneTopRight{  background: NavajoWhite}

			.InfoPaneBreak { 
				background-color:#DDDCEE;
				position:  absolute;
				top: 37.1%;
				left: 5px; 
				width:98.2%;
				height:15.8%;
				border: 1px solid Black;	 
				overflow: hidden;
			}
			
					.PicHolder1 {
						background-color: #DDDCEE;
						position:  absolute;
						width:15%;  /* 18% */
						height:100%;
						overflow: hidden;						
					}
					.IMGposition1 {
						height: 100%;
					}

					.PicHolder2 {
						background-color: #DDDCEE;						
						position: absolute;						
						left: 14%;  /* 22% */
						width:18%;  /* 14% */
						height:100%;  
						overflow: hidden;  
					}
					.IMGposition2 {
						height: 100%
					}
					
				
					.PicHolder3 {
						background-color: #DDDCEE;						
						position: absolute;						
						left: 30%;
						width:40%;
						height:100%;
						overflow: hidden;
					}
					.IMGposition3 {
						height: 100%
					}
					
					.PicHolder4 {
						background-color: #DDDCEE;
						position: absolute;						
						left: 70%;
						width:18%;
						height:100%;
						overflow: hidden;
					}
					.IMGposition4 {
						height: 100%
					}
										
					.PicHolder5 {
						background-color: #DDDCEE;
						position: absolute;						
						left: 85%;
						width:18%;
						height:100%;
						overflow: hidden;
					}
					.IMGposition5 {
						height: 100%
					}
					
			.InfoPaneBreakNoPictures { 
				background: Black;
				position:  absolute;
				top: 37.1%;
				left: 5px; 
				width:98.2%;
				height:15.8%;
				border: 1px solid Black;	 
				overflow: hidden;
			}
					
			.InfoPaneWeatherClosing { 
				background: #F6F7E9;
				position:  absolute;
				top: 37.1%;
				left: 5px; 
				width:98.2%;
				height:15.8%;
				border: 1px solid Black;	 
				overflow: hidden;
			}
					
			.InfoPaneBottomLeft {
				position: absolute;
				width:100%;
				height:100%;	
				background-color: #F6F7E9;
				overflow: hidden;
				margin:0;
			}
					.wrapIPBL { 
						background: transparent;
						position:  absolute;
						left:5px;
						top:54.4%;
						width:40%;
						height:44.3%;	
						border: 1px solid Black;	
						margin:0;
					}
			
					.wrapIPBL:hover .InfoPaneBottomLeft{ background: NavajoWhite}
					
		
			.InfoPaneBottomCenter {
						position: relative;
						left:41.9%;
						top:54.4%;
						width:16.2%;						
						height:44.3%;	
					}
			
					.IPBCimg {
						position: relative;
						height:100%;
					}

			.InfoPaneBottomCenterNoPicture {
						position: relative;
						left:41.9%;
						top:54.4%;
						width:16.2%;						
						height:44.8%;	
						background-color:Black;
					}

			
			.InfoPaneBottomRight {
				position: absolute;
				width:100%;
				height:100%;	
				background-color: #F6F7E9;
				overflow: hidden;
				margin:0;
			}
					.wrapIPBR { 
						background: transparent;
						position:  absolute;
						left:59%;
						top:54.4%;
						width:40%;
						height:44.3%;	
						margin:0;
						border: 1px solid Black;	
					}
			
					.wrapIPBR:hover .InfoPaneBottomRight{ background: NavajoWhite} 


/******** END CONTENTPANE'S INFORMATION PANELS ********/

#RightSideBar {
	position:absolute; 
	top:0px;
	left:83.9%; 	
	width:16%;
	background-color: #DDDCEE;
	height: 90%;	
	overflow:hidden;
    border:1px solid black;
	
 /* Do rounding (native in Firefox and Safari) */	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

		.RightSideBarContent
        {
            position: absolute;
            text-align: center;
            height:100%;
            padding-top: 6px;
            overflow: visible;
        }

		.VADOC_logo {
			background-position:center;
		}
		.Cokesbury_logo {
			background-position:center;		
		}
		.ChristMount_logo {
			background-position:center;		
		}
		.Pastoral_Counseling_logo {
			position: absolute;
            top:80%;
			float:left;		
		}
        .ACME_Logo {
            position:absolute;
            top:90%;
            background-position:center;
        }
				
		hr {
	      border: 0;
	      width: 80%;
	    }
	    hr.hr1 {
	      color: black;
	      background-color: black;
	      height: 1px;
	    }

/**** PAGE FOOTER ****/
#footer {
	position:absolute;
	top:91.2%;
	background-color: #DDDCEE; /* LightSteelBlue from the table parament */
	left:0%;
	width: 100%;
	color: black;
	height:9%;
    border:1px solid black;
	/*min-height:5em;*/

	font-family: Trebuchet MS, Arial, Verdana,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height:14pt;
	
/* Do rounding (native in Safari, Firefox and Chrome) */	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

	.Twitter_logo {
		position:absolute;
		background-color: #DDDCEE; /* LightSteelBlue from the table parament */
		padding-left: 20px;
		padding-top: 16px;
		left:0%;
		width: 5%;
		color: black;
	}

	.Twitter_Comment {
		position:absolute;
		background-color: #DDDCEE; /* LightSteelBlue from the table parament */
		
		font-family: Trebuchet, Arial, Verdana,  Helvetica, sans-serif;
		font-size: 1em;
		margin-top: .7em;
		line-height: 1.2em;
		text-align: justify;
		color:red;

		left: 7.5%;
		width:10%;
/*		height:90%; */
		overflow: hidden;	
		}

#LayoutPane {
	float: left; 
	position: relative; 
	background-color: #F6F7E9;
	width: 100%;
	margin:0;
	height: 620px; 
}

	.LayoutPaneContent {
		padding: 1% 5% 1% 5%;
		height: 620px;  
		margin:0;
		max-height: 606px;   
		overflow: scroll;	
		overflow-x:hidden;	/* prevent bottom scroll bar from showing */
	}
	
	


#TableGrid {
	width: 98%;
	min-height: 43em;
	position:relative;
	border-width: 0px; 
	border-style: solid; 
	border-color: black;
}

	.column1 {
		position:absolute;
		width:49%;
		border:1px solid black;
		text-align:left;
		padding-left: 1%;
		height: 100%;
	}
	
	.column2 {
		position:absolute;
		left:50%;
		width:50%;
		border-top:1px solid black;	
		border-right:1px solid black;	
		border-bottom:1px solid black;	
		
		text-align:left;
		padding-left: 1%;		 
		height: 100%;
	}
	
#IndentBox1 {
	position:relative;	
	width: 93%;
	min-height: 16em;
	float:right;

/*
	text-align:right;
	border-width: 0px; 
	border-style: solid; 
	border-color: black;
*/	
}

#IndentBox2 {
	position:relative;	
	width: 10%;
	min-height: 5em;
	float:left;
}