/* Style Sheet for Tilehouse Street Baptist Church Web Site */

P, H2, H3, H4, H5, H6, LI, TD, BLOCKQUOTE {
        font-family:  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, "MS sans serif"
        }
H1     {
        font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, "MS sans serif";
		font-size: 200%;
		color: blue
        }
H2     {
		font-size: 110%
        }
H3     {
		font-size: 105%
        }
H4     {
		font-size: 100%
        }
OL     {
	    font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, "MS sans serif"
        }

UL     {list-style: none; 
        font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, "MS sans serif"
        }


A      {     
  	    font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, "MS sans serif";
        font-weight: bold;
        text-decoration: none
        }

A:link  {
         color: #003399; /* was  #3366ff*/
        text-decoration: none
        }
A.menu:link  {
        color: white;
        text-decoration: none;
	font-size: 14px
        }
A:active {
         color: #CC3300;
        text-decoration: none
	    }	
A:visited { color:  #6699CC; /* was  #00ccff*/
        text-decoration: none
     	}
A.menu:visited { color:  white;
        text-decoration: none;
	font-size: 14px
     	}

/* these next two only work in Internet Explorer, Netscape 4.x just ignores them */
A:hover {
	     font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, "MS sans serif";
	     color: #CC3300;
	}	

A.menu:hover {
	     font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, "MS sans serif";
	     color: Yellow;
       text-decoration: none;
			 font-size: 14px
	}	

/* Allows images & videos to scale to screen width for mobile devices */
video {
    max-width: 100%; height: auto;
    }
img {
    max-width: 100%; height: auto;
    }

iframe {
    max-width: 100%; height: auto;
    }


.firstwords {
        font-variant: small-caps 
        }


/* Used where I want a seriffed face */
.serif  {
	     font-family: Times, "Times New Roman", serif, "MS serif"
        }

.quote  {
         font-family: Times, "Times New Roman", serif, "MS serif";
         color: black; font-size: 120%
        }
/* and for reversed text */
.inverse {color: white;
	  background-color: black ;
	 }


/* Medium large text for notices */
.medtext {font-family:  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, "MS sans serif";
          font-size: 150%
         }

/* Large text for special emphasis */
	.bigtext {font-family:  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, "MS sans serif";
		  font-size: 200%
         }

/* Very large text for special emphasis */
.vbigtext {font-family:  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, "MS sans serif";
           font-size: 300%
         }


/* Indented styles */
.indent 
         {margin-left: 10%
         }
				 

.indent_5
         {margin-left: 5%
         }

				 
/* An indented italic style */
.indent-italic 
         {margin-left: 15%;
         font-style: italic;
         }


/*Tiny style for footnotes */
.footer  {font-size: 10px;
         }
				 
/*Top line for Navbar*/
TD.contents {color: white;
         font-size: 20px
				 }	
/* This is for the Diary page, but I don't seem to have used it!! */
.Sunday   {text-decoration: underscore}


/* This is for Aristarchus Page */
H2.Comic  {font-family: "Comic Sans MS"}			 

/* Since align right and left are now deprecated by the W3C  */
/* here are two styles for pictures */

.picRight {
           float: right; padding-left: 10px;
          }
          
.picLeft {
           float: left; padding-right: 10px;
          }