/* fortworthprayer.css */

    

        body {
	background-color: black;
	}

        h1 {
	text-align: left;
	color: white;
	}

       /* this is my main menu list (i could not get the menu to behave the same in IE and firefox? So I just played around until I got 
	it to do what I wanted it to do */

        ul {
	position: absolute;
	left: -25px;
	top: 90px;
	margin: 0px;
	
        }

        li {
        text-decoration: none;
        color: orange;
        list-style-type: none;
        border: none;
        float: left;
        width: 7.5em;
        text-align: center;
        }

        a {
 
	  color: orange;
	    text-decoration: none;
	    
        }

        a:visited {       
	    color: orange;
        }

    
        a:hover {
        color: white;
        }

	/* this is my container for the sub menu list to the left. I had to let the maintext containers overlap it so it would work in all browsers. 
	 * looks good but I am sure there is a better way to cause these containers to be fixed and not move when viewed on different computers.  */

	#submenu {
            position:absolute;
	    width: 20em;
	    min-height: 80em;
	    background-color: #D2CA97;
	    margin-top: 3em;
	    border: gray 3px solid;
	    
	}

	/* this is the section and container for the 24hr history icon */

	#history {
		position: absolute;
		width: 10.25em;
		min-height: 7em;
		background-color: none;
		margin-top: 21em;
		margin-left: 12px;
         }


		#history img {
			border: 0;
		}


       /* this is the section and container for the pastors center icon */

	#pastors {
		position: absolute;
		width: 10.25;
		min-height: 7em;
		background-color: none;
		margin-top: 29.50em;
		margin-left: 12px;
	}

	#pastors img {
		border: 0;
	}

	#davidstabernacle {
		position: absolute;
		width: 10.25;
		min-height: 7em;
		background-color: none;
		margin-top: 38em;
		margin-left: 12px;
	}

	#davidstabernacle img {
		border: 0;
	}

	/* this is the container within the above container so that my submenu list would work in both IE and firefox (i see you laughing but it worked)*/

	#container1 {
		border: none;
		margin: 7px;
		padding: 7px;
		margin-top: 15px;
		width: 220px;
		position: absolute;
		min-height:2em;
	}
	#container1 a {
		font-size: medium;
		font-weight:bold;
		text-align: center;
		text-decoration: none;
		color: black;
		margin: 7px;
	
	}	
	
	#container1 a:visited {
		color: black;
	}

	#container1 a:hover {
		color: orange;
	}


        /* this is the header img above my main section */

	#maintext {
            position: absolute;
	    width: 52.3em;
	    min-height: 5em;
	    margin-top: 3em;
	    margin-left: 11.55em;
    }

    

        /* this is my main text section */

    #maintext2 {
	    position: absolute;
	    width: 52.3em;
	    min-height: 75em;
	    background-color: white;
	    margin-top: 12em;
	    margin-left: 11.55em;
    }


    #maintext2 a {
            color: blue;
	    text-decoration: none;
	    
        }

        #maintext2 a:visited {       
	    color: blue;
        }

    
         #maintext2 a:hover {
        color: orange;
        }

    #maintext2 h2 {
		   margin-left: 15px;
	   }
	   #maintext2 h3 {
		   margin-left: 15px;
	   }

	   #maintext2 p {
		   margin-left: 15px;
		   margin-right: 40px;
		   font-size: medium;
	  } 


          /* this is the gray footer container and the icons within */	  

   #footer {
	  position: absolute;
	  width: 63.65em;
	  min-height: 16em;
	  background-color: #949396;
	  margin-top: 83em;
	  border: black 3px solid;
	  margin-left: -1px;
	  

	  }

	   /* this is the icon links within the gray area */	  


	 #footerjpg {
		position: absolute;
	        width: 204px;
                height: 204px;
                background-color: none;
		margin-top: 85em;
		margin-left: 2em;

          }

	  #footerjpg img {
		  border: 0;
	  }

           #footer2jpg {
		   position: absolute;
		   width: 204px;
		   height: 204px;
		   background-color: none;
		   margin-top: 85em;
		   margin-left: 17.50em;
	   }

	   #footer2jpg img {
		   border: 0;
	   }

	   

	   #Israel {
		   position: absolute;
		   width: 204px;
		   height: 204px;
		   background-color: none;
		   margin-top: 85em;
		   margin-left: 33em;
	   }

	   #Israel img {
		   border: 0;
	   }

	   #revelation {
		   position: absolute;
		   width:204px;
		   height:204px;
		   background-color: none;
		   margin-top: 85em;
		   margin-left: 49em;
	   }