﻿#container 
{
    width:900px;
    
    
    }

#header 
{
    width:720px;
    height:175px;
    background-image: url(images/Header.gif);
    background-repeat:no-repeat;
    background-position:center;
    margin:0px;
    float:right;
    }
    
#Photo1

{
    width:150px;
    height:165px;
    background-image: url(images/Bruce14.jpg);
    background-repeat:no-repeat;
    background-position:center;
    margin:0px 0px 0px 20px;
    float:left;
    
    }    

    
#Photo2 
{
    width:150px;
    height:165px;
    background-image: url(images/Bruce02a.jpg);
    background-repeat:no-repeat;
    background-position:center;
    margin:0px 0px 0px 20px;
    float:left;
    
    }    
    
#Photo3

{
    width:150px;
    height:165px;
    background-image: url(images/Bruce11a.jpg);
    background-repeat:no-repeat;
    background-position:center;
    margin:0px 0px 0px 20px;
    float:left;
    
    }    

#Photo4

{
    width:150px;
    height:165px;
    background-image: url(images/Bruce04a.jpg);
    background-repeat:no-repeat;
    background-position:center;
    margin:0px 0px 0px 20px;
    float:left;
    
    }    
#Photo5

{
    width:150px;
    height:165px;
    background-image: url(images/Bruce05a.jpg);
    background-repeat:no-repeat;
    background-position:center;
    margin:0px 0px 0px 20px;
    float:left;
    
    }    
#Photo6

{
    width:150px;
    height:165px;
    background-image: url(images/Bruce06a.jpg);
    background-repeat:no-repeat;
    background-position:center;
    margin:0px 0px 0px 20px;
    float:left;
    
    }    

#Photo7

{
    width:150px;
    height:165px;
    background-image: url(images/Bruce07a.jpg);
    background-repeat:no-repeat;
    background-position:center;
    margin:0px 0px 0px 20px;
    float:left;
    
    }    
#Photo8

{
    width:150px;
    height:165px;
    background-image: url(images/Bruce12.jpg);
    background-repeat:no-repeat;
    background-position:center;
    margin:0px 0px 0px 20px;
    float:left;
    
    }    
#Photo9

{
    width:150px;
    height:165px;
    background-image: url(images/Bruce09a.jpg);
    background-repeat:no-repeat;
    background-position:center;
    margin:0px 0px 0px 20px;
    float:left;
    
    }

#Photo10 {
    width: 150px;
    height: 165px;
    background-image: url(images/Bruce13.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px 0px 0px 20px;
    float: left;
}

#Photo11 {
    width: 150px;
    height: 165px;
    background-image: url(images/BruceKandy6.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px 0px 0px 20px;
    float: left;
}

#MenuNav 
{
    width:900px;
    height:25px;
    background-color:#AA7722;
    border-style:hidden;
    margin-top:175px;
    position:absolute;
        
    }
    
#DropDown 
{
    width:900px;
    height:400px;
    margin-top:250px;
    position:absolute;
    }
    
#Video
{
    width:700px;
    height:400px;
    margin-top:300px;
    position:absolute;    
    }
    
    
.menu 
{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;  
    font-size:14px;
    font-weight:bold;  
    }
    
.menu ul 
{
    height:35px;
    list-style:none;
    margin:0px;
    padding:0px;    
    }
    
    
.menu li 
{
    float:left;
    padding:0px;    
    }
    
.menu li a 
{
   color:#FFFF00;
   display:block;
   font-weight:normal;
   margin:0px;
   padding:3px 25px;
   text-align:center;
   text-decoration:none;   
   }
   
.menu li a:hover 
{
    background:#FFFF00;
    color:#000000;
    text-decoration:none;   
    }
    
.menu ul li:hover a 
{
    background:#FFFF00;
    color:#000000;
    text-decoration:none;    
    }
    
.menu li ul 
{
    background:#AA7722;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:150px;
    z-index:200;
    }
    
.menu li:hover ul 
{
    display:block;
    }
    
.menu li li 
{
    display:block;
    float:left;
    margin:0px;
    padding:0px;
    width:150px;    
    }
    
.menu li:hover li a 
{
    background:none;
    color:#FFFF00;    
    }
    
.menu li ul a 
{
    display:block;
    height:25px;
    margin:10px 0px 0px 10px;
    padding:0px 10px 0px 15px;
    text-align:left;    
    }
    
.menu li ul a:hover 
{
    border:0px;
    background:#FFFF00;
    color:#000000;
    text-decoration:none; 
    }
    

    
    
    
#body 
{
    width: 300px;
    height:500px;
    border-style:solid;
    background-image: url(images/Bible.jpg); 
    } 
    
#gridview
{
    width:1500px;
    height:500px;
    border-style:hidden;
    margin-top:220px;
    position:absolute;   
    }
    
.Level_A 
{
    margin-left:190px;
    margin-top:100px;
    position:absolute;
    }    
    
.Level_B
{
    margin-left:380px;
    margin-top:120px;
    position:absolute;
    }    
    
.Level_C
{
    margin-left:570px;
    margin-top:140px;
    position:absolute;
    }    

.Level_D
{
    margin-left:760px;
    margin-top:160px;
    position:absolute;
    }    

.Level_E
{
    margin-left:760px;
    margin-top:180px;
    position:absolute;
    }    



.LevelZero
{
    width:200px;
    height:auto;
    font-size:larger;
    margin-left:50px;
    margin-top:-10px;
    position:absolute;

    
    
    }
    
    
.LevelOne
{
    width:200px;
    height:auto;
    font-size:larger;
    margin-left:250px;
    margin-top:-50px;
    position:absolute;
    
    
    }
    
    
.LevelTwo 
{
    width:auto;
    height:auto;
    font-size:large;
    margin-left:235px;
    margin-top:60px;
    position:absolute;
    top: 0px;
    left: 0px;
}    
   
.LevelThree
{
    width:auto;
    height:auto;
    font-size:large;
    margin-left:135px;
    margin-top:80px;
    position:absolute;
    top: 0px;
    left: 0px;
}    
    
.LevelFour
{
    width:auto;
    height:auto;
    font-size:large;
    margin-left:120px;
    margin-top:-240px;
    position:absolute;
    top: 0px;
    left: 0px;
}    
    
    
.LevelFive
{
    width:850px;
    height:auto;
    font-size:larger;
    margin-left:50px;
    margin-top:-40px;
    position:absolute;
    
    
    }
    
    
    
    
    
    
    
        
    
    
#header a 
{
    color:Red;
    text-decoration: underline;
    font-weight: bold;
    font-family: Verdana;
    font-size: 14px;    
    }


#header a:visited 
{
    color:Blue;
    text-decoration: none;   
    }
    
    
#header a:hover 
{
    color:red;
    text-decoration:none;
    font-weight:bold;   
    }
    
.horizlinks 
{
    position:absolute;
    top: 190px;
    left: 180px;    
    }
    
.horizlinks ul 
{
    margin:0px;
    }
    
.horizlinks li 
{
    margin: 0px 8px 0px 0px;
    list-style-type:none;
    display:inline;
       
    }                


#leftnav 
{
    float:left;
    width: 140px;
    height: 400px;
    background-color: #F8AA3C;
    border-right: 1px dashed #694717;  
    
    }

#rightnav 
{
    float:right;
    width: 140px;
    height: 400px;
    background-color: #F8AA3C;
    border-left: 1px dashed #694717;   
    
    }



#footer 
{
    clear:both;
    background-color: #D1C0A7;   
    
    }
    
    
#horizontalnav 
{
    width:900px;
    height:30px;
    position:relative;
    background-color: #F2D6AF;
    border-bottom: #000000 2px solid;
    
    }
    
.navlinks 
{
    position:absolute;
    top: 4px;
    left: 140px;    
    }
    
.navlinks ul 
{
    margin:auto;   
    }
    
    
.navlinks li 
{
    margin: 0px 18px 0px 0px;
    list-style-type: none;
    display: inline;    
    }
    
    
.navlinks li a 
{
    color: #000000;
    padding: 5px 12px 7px;
    text-decoration: none;
    font-size: 16px;
    font-family: Verdana;    
    }
    
.navlinks li a:hover 
{
    color: #ffffff;
    background-color: #FF0000;    
    text-decoration: underline;    
    }   
    
    
#BibleImage 
{
    width:900px;
    height:400px;
    background-position: left bottom;
    background-image: url('images/BibleBook.gif');
    background-repeat: no-repeat;
   
    
    }

#CoverImage 
{
    width:350px;
    height:400px;
    margin-top:-300px;
    margin-left:600px; 
    background-image: url('images/Cover.jpg');
    background-repeat: no-repeat;
    position:absolute;  
   
    
    }

#CoverImage2 
{
    width:350px;
    height:400px;
    margin-top:-1600px;
    margin-left:600px; 
    background-image: url('images/Cover.jpg');
    background-repeat: no-repeat;
    position:absolute;  
   
    
    }

#BruceKandy 
{
    position:absolute;
    width:350px;
    height:400px;
    margin-top:220px;
    margin-left:550px; 
    background-image: url('images/BruceKandy5.jpg');
    background-repeat: no-repeat;  
   
    
    }
    
    
#BibleRefFrame
{
    position:absolute;
    width:450px;
    height:300px;
    margin-top:220px;
    margin-left:450px;  
    
    }

#BibleRefFrame2
{
    position:absolute;
    width:600px;
    height:300px;
    margin-top:230px;
    margin-left:450px;


    }
    
    
#Grid1
{
    position:absolute;
    width:450px;
    height:300px;
    margin-top:350px;
    margin-left:0px;
       
    }



#Grid2
{
    position:absolute;
    width:450px;
    height:300px;
    margin-top:490px;
    margin-left:190px;    
    }

#Grid3
{
    position:absolute;
    width:450px;
    height:300px;
    margin-top:490px;
    margin-left:380px;
    
    }

#Grid4
{
    position:absolute;
    width:450px;
    height:300px;
    margin-top:490px;
    margin-left:570px;  
      
    }

#Grid5
{
    position:absolute;
    width:450px;
    height:300px;
    margin-top:490px;
    margin-left:760px;
    
    }
    
    
#Grid6
{
    position:absolute;
    width:450px;
    height:300px;
    margin-top:350px;
    margin-left:280px;
       
    }

#Grid7
{
    position:absolute;
    width:450px;
    height:300px;
    margin-top:350px;
    margin-left:620px;
       
    }
    
#Grid8
{
    position:absolute;
    width:450px;
    height:300px;
    margin-top:490px;
    margin-left:0px;    
    }
    


#Button
{
    position:absolute;
    width:100px;
    height:50px;
    margin-top:230px;
    margin-left:720px;  

      
    }
     
#CommandmentBox
{
    position:absolute;
    width:600px;
    height:300px;
    margin-top:50px;
    margin-left:100px;
    border-style:solid;
    

    }
    
.Box1
{
    
    position:absolute;
    width:50px;
    height:20px;
    margin-top:0px;
    margin-left:50px;
    top: 0px;
    left: 34px;
}    

.Box2
{
    
    position:absolute;
    width:150px;
    height:20px;
    margin-top:100px;
    margin-left:50px;
    
    
    
    }
    
#ButtonBox
{
    position:absolute;
    width:75px;
    height:200px;
    margin-top:50px;
    margin-left:0px;
    
    }
    

     