/* # -> id="...." */
/* . -> class=".... " */ 


/*apply to the BODY tags */
#churchbody{margin-top: 0px; margin-left: 10px; margin-right: 0px; margin-height: 0px; margin-width: 0px; background-color: #ffffcc; 
            scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffcc; scrollbar-shadow-color:#ffcc99;  
            scrollbar-face-color:#ffffcc; scrollbar-highlight-color:#ffcc99; scrollbar-darkshadow-color:#ffcc99;  
            scrollbar-3dlight-color:#ffcc99;}

#saintsbody{margin-top: 15px; margin-left: 15px; margin-right: 15px; margin-height: 15px; margin-width: 15px; background-color: #ffffcc; 
            scrollbar-arrow-color:#000000; scrollbar-track-color:#ffffcc; scrollbar-shadow-color:#ffcc99;  
            scrollbar-face-color:#ffffcc; scrollbar-highlight-color:#ffcc99; scrollbar-darkshadow-color:#ffcc99;  
            scrollbar-3dlight-color:#ffcc99;color: #000000;font: 12px geneva, verdana, arial, sans-serif; font-weight: normal}
#saintbox{border : 1px solid Black; padding: 5px; width: 400px; border-color : #990000;}
#redsaintbox{border : 1px solid Black; padding: 5px; width: 400px; border-color : red; text-align: left;}

.line150{border-left: 0; border-top: 0; border-right: 0; border-bottom: 1px solid Black; padding: 0px; width: 150px;}

/*apply to some tables*/
#bodytable{height: 100%; width: 100%; vertical-align: top; border: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; 
          margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; background-color: #ffffcc;}

    /*apply to the HEADER (c=stands for common) */
#hdr1c{position: absolute; top: 0; text-align: left; height: 35px; width: 100%; background-color: #ffffcc;
       border-style: solid; border-left: 0; border-right: 0; border-bottom: 1px; border-top: 0; border-color: #ffffff;}

#hdr2c{position: absolute; top: 35px; height: 20px; width: 100%; background-color: #ffffcc; vertical-align: middle;
       border-left: 0; border-right: 0; border-bottom: 1px; border-top: 1px; 
       border-style: solid; border-color: #999999;}
         /*bread crumbs */
   /*background-image: url(/gabrield/images/g_bottom.gif);*/
#hdr3c{ position: absolute;
 top: 54px;
 height: 28px;
 width: 100%;
 color : #990000;
 display : block;
 border : 1px solid;
 border-bottom : none;
 border-left : none;
 border-right : none;}
 
 /*copyright information*/
#copyright0c{position: relative; bottom: 0; height: 15px; text-align: center;
             border: 1px solid; border-color: #ffcf63; background-color: #ffffcc}
    
#eng_ro{position: absolute; top: 0px; left: 355px; margin-top; 0px;}
    
.lightboxcopyright{color: #9d9d9d; font-size: 11px; font-family: geneva, verdana, arial, sans-serif; font-weight: normal;}             
/*written text*/
      /*black*/
.title{color: #3333cc;font: 15px verdana, arial, sans-serif; font-weight: bold}
.blacktitle{color: #000000;font: 13px geneva, verdana, arial, sans-serif; font-weight: bold} 
.subtitle{color: #000000;font: 12px geneva, verdana, arial, sans-serif; font-weight: bold}   
.content{color: #000000;font: 11px geneva, verdana, arial, sans-serif; font-weight: normal}
.disclaimer{color: #000000;font: 10px geneva, verdana, arial, sans-serif; font-weight: normal}
.calendar{color: #000000;font: 10px geneva, verdana, arial, sans-serif; font-weight: normal}
.month{color: #CC0000;font: 14px geneva, verdana, arial, sans-serif; font-weight: bold}
.italiccontent{color: #000000;font: 11px geneva, verdana, arial, sans-serif; font-style: italic}
.boldcontent{color: #000000;font: 11px geneva, verdana, arial, sans-serif; font-weight: bold}
.limargin{margin-top : 7px;}
.bigblacktitle{color: #000000;font: 17px geneva, verdana, arial, sans-serif; font-weight: bold}
.bigredtitle{color: red;font: 17px geneva, verdana, arial, sans-serif; font-weight: bold}
.catolicfest{color: #d2691e;font: 11px geneva, verdana, arial, sans-serif; font-weight: normal}

     /*shades of gray*/
.crumbscontent{color: #9d9d9d;font: 11px geneva, verdana, arial, sans-serif; font-weight: normal}
.graycontent{color: #999999;font: 11px geneva, verdana, arial, sans-serif; font-weight: normal}

   
      /*other colors*/
.orangetitle{color: #ffcf63;font: 15px verdana, arial, sans-serif; font-weight: bold}
.yellowtitle{color: #ffff33;font: 15px verdana, arial, sans-serif; font-weight: bold}
.redcontent{color: #ff0033;font: 12px geneva, verdana, arial, sans-serif; font-weight: normal}
.redtitle{color: #ff0033;font: 13px geneva, verdana, arial, sans-serif; font-weight: bold}
.redbigtitle{color: #ff0033;font: 15px geneva, verdana, arial, sans-serif; font-weight: bold}
.saintname1{color: #990000;font: 28px geneva, verdana, arial, sans-serif; font-weight: bold}
.saintname2{color: #990000;font: 15px geneva, verdana, arial, sans-serif; font-weight: bold}
.redsaintname1{color: red;font: 28px geneva, verdana, arial, sans-serif; font-weight: bold}
.redsaintname2{color: red;font: 15px geneva, verdana, arial, sans-serif; font-weight: bold}
.greencontent{color: #00cc00;font: 11px geneva, verdana, arial, sans-serif; font-weight: normal}
.orangecontent{color: #ffcf63;font: 11px geneva, verdana, arial, sans-serif; font-weight: normal}
.yellowcontent{color: #ffcc33;font: 11px geneva, verdana, arial, sans-serif; font-weight: normal}
.italicyellowcontent{color: #ffcc33;font: 11px geneva, verdana, arial, sans-serif; font-style: italic}
.yellowtitle2{color: #ffcc33;font: 13px geneva, verdana, arial, sans-serif; font-weight: bold} 
.yellowtitle{color: #ffcc33;font: 15px verdana, arial, sans-serif; font-weight: bold}


/*links*/
.link{color: #000099;font: 11px geneva, verdana, arial, sans-serif;text-decoration: none;font-weight: bold}
.link:hover{color: #ff6600;font: 11px geneva, verdana, arial, sans-serif;text-decoration: underline;font-weight: bold}
.whitelink{color: #ffffff;font: 11px geneva, verdana, arial, sans-serif;text-decoration: none;font-weight: bold}
.whitelink:hover{color: #ff6600; font: 11px geneva, verdana, arial, sans-serif; text-decoration: underline; font-weight: bold}
.lightboxlink{color: #9d9d9d; font-size: 11px; font-family: geneva, verdana, arial, sans-serif; font-weight: bold; text-decoration: none;}
.lightboxlink:hover{color: #ff6600; font-size: 11px; font-family: geneva, verdana, arial, sans-serif; font-weight: bold; text-decoration: underline;}
.piclink{border: #000000 1px solid;}
.piclink:hover{border: #ffff33 1px solid;}
.smallwhitelink{color: #ffffff;font: 10px geneva, verdana, arial, sans-serif;text-decoration: none;font-weight: bold}
.smallwhitelink:hover{color: #ff6600;font: 10px geneva, verdana, arial, sans-serif;text-decoration: underline;font-weight: bold}
.crumbslink{color: #9d9d9d; font-size: 11px; font-family: geneva, verdana, arial, sans-serif; font-weight: bold; text-decoration: none;}
.crumbslink:hover{color: #ff6600; font-size: 11px; font-family: geneva, verdana, arial, sans-serif; font-weight: bold; text-decoration: underline;}
.bluelink{color: #0033ff;font: 11px geneva, verdana, arial, sans-serif;text-decoration: none;font-weight: bold}
.bluelink:hover{color: #ff6600; font: 11px geneva, verdana, arial, sans-serif; text-decoration: underline; font-weight: bold}
.bluelink2{color: #0033ff;font: 11px geneva, verdana, arial, sans-serif;text-decoration: none;font-weight: normal}
.bluelink2:hover{color: #ff6600; font: 11px geneva, verdana, arial, sans-serif; text-decoration: underline; font-weight: normal}
.bluelink3{color: #0033ff;font: 10px geneva, verdana, arial, sans-serif;text-decoration: none;font-weight: normal}
.bluelink3:hover{color: #ff6600; font: 10px geneva, verdana, arial, sans-serif; text-decoration: underline; font-weight: normal}
.bluelink14{color: #0033ff;font: 14px geneva, verdana, arial, sans-serif;text-decoration: none;font-weight: normal}
.bluelink14:hover{color: #ff6600; font: 14px geneva, verdana, arial, sans-serif; text-decoration: underline; font-weight: normal}

.graylink{color: #99ccff;font: 11px geneva, verdana, arial, sans-serif;text-decoration: none;font-weight: bold}
.graylink:hover{color: #ff6600; font: 11px geneva, verdana, arial, sans-serif; text-decoration: underline; font-weight: bold}
.bluecallink{color: #0033ff;font: 10px geneva, verdana, arial, sans-serif;text-decoration: none;font-weight: bold}
.bluecallink:hover{color: #ff6600; font: 10px geneva, verdana, arial, sans-serif; text-decoration: underline; font-weight: bold}

.rnlnk{color: #0033ff;font: 10px geneva, verdana, arial, sans-serif;text-decoration: none;}
.rnlnk:hover{color: #ff6600; font: 10px geneva, verdana, arial, sans-serif; text-decoration: underline;}

/*biblia*/

.refnum{color: blue;font: 11px geneva, verdana, arial, sans-serif; font-weight: normal; text-align: left;}
.verse{color: #000000;font: 14px geneva, verdana, arial, sans-serif; font-weight: normal; background-color: #ffffcc; text-align: left;}
.versno{color: #000000; background-color: #ffdab9; font: 14px geneva, verdana, arial, sans-serif; font-weight: bold; text-align: left;}
.capno{color: #000000; background-color: #ffdab9; width: 100%; padding: 2px; hight: 10px; 
       font: 14px geneva, verdana, arial, sans-serif;  font-weight: bold; font-style: normal; text-align: left;}
/*       left : 40px; position : relative; padding : 2px;
       border-top : 1px; border-top-style : solid;  border-top-width : 1px;
       border-bottom : 1px; border-bottom-style : solid;  border-bottom-width : 1px;
       border-left : 1px; border-left-style : solid;  border-left-width : 1px;
       border-right : 1px; border-right-style : solid;  border-right-width : 1px; } */
.chapter_name{color: #990000;font: 16px geneva, verdana, arial, sans-serif; font-weight: bold; text-align: left;}
.iisus{color: red;font: 14px geneva, verdana, arial, sans-serif; font-weight: normal; font-style: italic; text-align: left;}
.bullet{list-style : url(/biblia/images/bullet.jpg); text-align: top;}
.crossbullet{list-style : url(/images/bullet_cross.gif); text-align: middle;}
#biblepage{border : 1px solid Black; padding: 10px; width: 570px; border-color : #990000; text-align: left;}
#map_page{border : 1px solid Black; padding-left: 100px; width: 570px; border-color : #990000; text-align: left;}
#measurepage{border : 1px solid Black; padding: 10px; width: 400px; border-color : #990000; text-align: left;}
#indexpage{border : 1px solid Black; padding: 10px; width: 300px; border-color : #990000; text-align: left;}
#biblebody{color: #000000;font: 14px geneva, verdana, arial, sans-serif; font-weight: normal; background-color: #ffffcc;margin-bottom: 30px;}
#container{text-align: center; top: 15px; position:relative;}
#containerleft{text-align: left; top: 0px; position:relative;}
#copyright{text-align: center;}
#copyright2{text-align: center; padding: 10px; width: 570px;}

#recipepage{background-image: url(/images/corner.jpg); background-repeat : no-repeat; border : 1px solid Black; padding: 10px; width: 570px; border-color : #990000; text-align: left;}

.typeddlb{font-family:Arial,serif; color:black; background-color:#ffffcc;  width: 380px; height: 20px;}
.unitddlb{font-family:Arial,serif; color:black; background-color:#ffffcc; border-color:rgb(153,153,153); width: 140px; height: 20px;}
.inputvalue{font-family:Arial,serif; color:black; background-color:#ffffcc; border-color:rgb(153,153,153); height: 20px; width:100px; text-align:right;}
.outputvalue{text-align:right;font-family:Arial,serif; color:black; background-color:#b0c4de; border-color:#b0c4de;width: 110px; height: 20px;}
.equalsign{color:black; background-color:#ff7f50;width: 20px; text-align: center; height: 20px;}
.indentmap{text-indent : 20px;}
.city{color: #990000;font: 14px geneva, verdana, arial, sans-serif; font-weight: bold;}
.categ{margin-top : 15px; margin-right : 0px; margin-left : 0px; margin-bottom : 0px;
       color: #ff0033;font: 12px geneva, verdana, arial, sans-serif; font-weight: normal}

all.small {font-size: 8px; color: #FF0000; font-family: Arial;}
.small {font-size: 10px; color: #000000; font-family: Arial;}
.limap {color : #990000; list-style-type : square;}
.whatnewcell{font-size : 14px geneva, verdana, arial, sans-serif; font-style : normal;}



#centeringdiv {
 position:absolute;
 top: 50%;
 left: 50%;
 width:840px;
 height:550px;
 margin-top: -225px; /*set to a negative number 1/2 of your height*/
 margin-left: -420px; /*set to a negative number 1/2 of your width (#centerdiv width)*/
 border: 0px solid;
 overflow: auto;
}