/* This is the stylesheet for the "History and Literature of the Bible site  */

/* Styles for HTML elements */

a {text-decoration:none;}

p {font-family:Arial,Helvetica,sans-serif;font-size:1em;}

h3 {font-family:Arial,Helvetica,sans-serif;font-size:14pt;color: #336699;}

hr { margin-left: auto; margin-right: auto; color: #336699; background-color: #336699; height: 5px;
 }

ul {font-family: helvetica, arial, sans-serif}

td.yellow {background-color: rgb(255, 255, 0)}

h2 {font-family:Arial,Helvetica,sans-serif;font-size:18pt;}

/* BUTTONS: This section contains the definitions for menu buttons. */

	/* The following code sets the default width of menu buttons. */

.buttonscontainer {width: 200px;}

	/* RED BUTTONS when not under cursor */

.buttons a {color: #FFFFFF;
border: 2px solid;
background-color: #CC0000;
padding: 2px;
padding-left: 3px;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #FF0000 #990000 #990000 #FF0000;
display: block;
margin: 0px;
width: 100%;
text-align: left;}

	/* Red buttons on rollover */

.buttons a:hover {border: 2px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #FFFFFF;
border-color: #990000 #FF0000 #FF0000 #990000;
color: #445588;
text-decoration: none;}

	/* Width of YELLOW BUTTONS */

.yellowbuttonscontainer {width: 200px;}

	/* Definition of Yellow Buttons not under cursor */

.yellowbuttons a {color: #CC0000;
border: 2px solid;
background-color: #FFFF00;
padding: 2px;
padding-left: 3px;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #FFFF99 #999900 #999900 #FFFF99;
display: block;
margin: 0px;
width: 100%;
text-align: left;}

	/* Yellow buttons on rollover */

.yellowbuttons a:hover {border: 2px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #FFFFFF;
border-color: #999900 #FFFF99 #FFFF99 #999900;
color: #333366;
text-decoration: none;}

	/* SMALL Button Width: Reference this to reduce the size of any button. */

.smallbuttonscontainer {width: 75px;}

	/* MEDIUM BUTTON WIDTH: Reference this to set the button width to 300px, 
	that is, slightly larger than the default value of 200px. */
	
.mediumbuttonscontainer {width: 300px}

	/* WIDE BUTTON WIDTH: Reference this for very wide buttons. */
	
.widebuttonscontainer {width: 400px;}

	/* Horizontal Button Width: Reference this for buttons aligned horizontally in  a row of table cells. */

.horizontalbuttonscontainer {width: 100%;}



/* HEADERS: This section contains definitions for headers. */

	/* WIDTH of main page header */

.headercontainer {width: 640px;}
	
	/* WIDTH of 3/4 header */
	
.85%headercontainer {width: 544px}
	
	/* Definition for Light Blue Header */

.header {color: #FFFFFF;
border: 2px solid;
background-color: rgb(51, 102, 255);
padding: 2px;
padding-left: 3px;
font: 20px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
vertical-align: 25%;
border-color: #9999FF #0000CC #0000CC #9999FF;
display: block;
margin: 0px;
width: 100%;
text-align: center;}

	/* Definition of YELLOW header */

.yellowheader {color: #CC0000;
border: 4px solid;
background-color: #FFFF00;
padding: 2px;
padding-left: 3px;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
vertical-align: 25%;
border-color: #FFFF99 #999900 #999900 #FFFF99;
display: block;
margin: 0px;
width: 100%;
text-align: center;}