/* Words of Jesus CSS file */
/* #BDBEC6; match grey in header image text */
/* #D6C7AD; match tan color in header YOU text */
/* #CCFFFF; light/pale blue for background websafe*/
/* #006699; medium blue websafe*/

		body {
			font: .9em arial, helvetica, sans-serif;
			background-color: #CCFFFF;
			margin: 0;
            color: black;
	        padding: 0;
		}
        
        #header {
			background: #000 url(../images/cog7testlogo.gif);
			height: 100px;
			width: 100%;
            background-repeat: no-repeat;
            padding: 0;
		}
       
        #rightmenu {
                  position:absolute;
	              width:130px;
                  top: 0px;
                  right: 0px;
	              color: White;
         }
         
         #rightmenu ul {
	                margin: 3px 5px 3px 3px;
	                /* padding: 1px 5px 1px; */
         }
         
         #rightmenu li {
	                /*height: 20px;
	                 width: 130px; */
	                 list-style-type: none;
	                 margin:3px 5px 3px 3px;
         }
         
         #rightmenu a {
	                height:20px;
	                line-height:20px;
                    /*margin-right: 15px;*/
	                display:block;
	                text-align:right;
	                text-decoration:none;
	     /*border-right:1px solid #666;
	     border-bottom:1px solid #666;
	     border-top:1px solid #fff;
	     border-left:1px solid #fff; */
                   padding: 0px 3px 0px;
                   background: black; 
                   color: white;
         }
    
         #rightmenu a:hover {
	               color: Red;
                   background: #D6C7AD; /*same tan color in header YOU text */
                   /*margin-right: 5px;*/
	               /* border-top:1px solid #333;
	               border-right:1px solid #333;
                   border-left:1px  solid #fff;
                   border-bottom:1px solid #fff; */
         }  
    
    
         #leftmenu {
                   position: absolute;
                   width: 163px; /*had to go to 163 for firefox in kids studies */
                   top: 170px;
                   left: 3px;
                   color: Black;
         }
         
         #leftmenu ul {
                   margin: 0 0 1em 0;
                   padding: 0;
                   list-style: none;
         }
         
         #leftmenu a {
	                height: 20px;
	                line-height: 22px;
	                display: block;
                    font-weight: bold;
                    border-style: solid;
                    border-width: 1px 4px 4px 1px; 
                    border-color: black;
	                text-align: left;
	                text-decoration: none;
                    padding: 0 .5em;
                    margin: 2px 1px 2px 0;
	                background: White; 
	                color: #006699;
         }
         
         .leftmenuS {
                   font-size: 0.8em;
        }
        
         #leftmenu a:hover {
	               color: Red;
                   background: #D6C7AD; /*same tan color in header YOU text */
         }
         
         #centertext {
                   position: absolute;
                   top: 175px;
                   left: 170px;
                   right: 50px;
                   color: Black;
			       border-width: 0;
                   font-size: 1.1em;
			       /*margin: 2.0em 0;*/
                   padding: 0;
                   clear: both;
         }
         
         #centerlist ul {
                   margin: 0 0 1em 0;
                   padding: 0;
         }
         
         #centerlist li {
                   list-style-type: square;
                   font-size: 1.25em;
                   font-weight: bold;
                   color: #006699;
         }
         
         #centerkids {
                   position: absolute;
                   top: 175px;
                   left: 170px;
                   right: 15px;
                   color: Black;
			       border-width: 0;
                   font-size: 1.5em;
			       /*margin: 2.0em 0;*/
                   padding: 0;
                   clear: both;
         }
         
         #righttext {
                   color: Black;
			       text-align:right;
                   border-width: 0;
                   font-size: 1.0em;
                   padding: .5em .5em .5em; 
                   margin:3px 5px 3px 3px;
         }
         
         .signature {
                   font-style: italic;
                   font-size: 1.1em;
                   }
              
         .italics {
                  font-style: italic;
         }
         
         .bold { font-weight: bold; 
         }
         
         .paragraph-spacer {
                   margin: 2.0em 0;
         }
         
		h1 {
           position: absolute;
           left: 5px;
           top: 102px;
           margin: 0;
           padding: 0;
           color: #006699;
           height: 18px;
		   font-size: 16px;
		}
        
        .h2pre {
        /*establish full width background for h2 header */
		   position: absolute;
           top: 125px;
           width: 100%;
           height: 40px;
           margin: 0;
           border-style: solid;
           border-width: 1px 0 4px 0; 
           border-color: black;
           background: #006699;  
		}
        
		h2 {
		   position: absolute;
           top: 125px;
		   left: 0px;
		   font-size: 24px;
           color: #D6C7AD;
           width: 200px;
           height: 40px;
           margin: 0;
           padding: 2px 2px 0 5px;
		}
		
		.h2right {
		   position: absolute;
           top: 125px;
           left: 200px;
           right: 20px;
		   font-size: 12px;
           color: white;
           height: 40px;
           margin: 2px 2px 2px 5px;
           padding: 4px 0px 0px 5px;
		}
        
        .h2full {
		   position: absolute;
           top: 125px;
		   left: 0px;
           right: 20px;
		   font-size: 24px;
           color: #D6C7AD;
           height: 40px;
           margin: 0;
           padding: 2px 2px 0 5px;
		}
		
        h3 {
           margin: 0;
           padding: 0;
           color: Black;
           font-weight: bold;
        }
        
        tr {
        color: black;
        font-size: 1.1em; 
        vertical-align: top;
        border-width: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        }
        
        .tabref {
        font-size: 0.8em;
        width: 15%;
        vertical-align: top;
        }
        
        .explainS {
        /* commentary- small font */
        color: #006699;
        font-size: 0.8em;
        vertical-align: top; 
        }
        
        .explainL {
        /* commentary- normal font */
        color: #006699;
        font-size: 1.1em;
        vertical-align: top;
        }
        
        .verseL {
        /* Used in popup reference verses- large font */
        color: Black;
        font-size: 1.5em;
        }
        
		#maintext {
			position: absolute;
            top: 168px;
			border-width: 0;
			margin: 0;
            clear: both;
		}
        
        #mainflashverse {
            position: absolute;
            top: 180px;
            left: 200px;
            width: 100%;
			border-width: 0;
			margin: 0 0 150px 0;
            clear: both;
        }
        
        p {
	      line-height: 1.1em;
          margin: 2px 1em .5em 0;
        }

        img {
	      border-style: solid;
	      border-width: 0px;
          padding-left: 3px;
          padding-right: 5px;
	      border-color: black;
        }

        .align-right { float:right; margin: 0 0 10px 10px; }
        .align-left { float:left; margin: 0 10px 10px 0; }
        
        a {
	      text-decoration: none;
        }
         
       .footerleft {
          height: 16px;
          width: 170px;
          font-size: 10px;
          text-align: center;
          background-color:#006699;
          border-style: solid;
          border-width: 1px 0 5px 0; 
          border-color: black;
          color: #ddd;
        }
        
        .footercent {
          height: 16px;
          font-size: 10px;
          text-align: center;
          width: 80%;
          background-color:#006699;
          border-style: solid;
          border-width: 1px 0 5px 0; 
          border-color: black;
          color: #ddd;
        }
        
        #footer { /* used only on main pages without studies */
          position: absolute;
          bottom: 2px;
          width: 100%;
          height: 16px;
          font-size: 10px;
          text-align: center;
          background-color:#006699;
          border-style: solid;
          border-width: 1px 0 5px 0; 
          border-color: black;
          color: #ddd;
          clear: both;
        }