/* Main CSS for IHA 2007 */

/* Colors Used 

*/

body {
	font-family		  : "Bookman Old Style", "Century Schoolbook", "Palatino Linotype", "Times New Roman", Times, serif;
	font-size	      : 14px;
    background		  : #5094A0;
    }

h1, h2, h3, h4 {
	font-family	      :	"Trebuchet MS", Univers, "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
	text-align		  : center;
	}

h1 	{
	font-style	      : normal;
	font-weight	      :	bold;
	font-size	      :	22pt;
	}

h2 	{
/*	font-style	      :	italic; */
	font-weight	      :	bold;
	font-size	      :	18pt;
	}

h3 	{
	font-style	      : normal;
	font-weight	      :	bold;
	font-size	      :	15pt;
	}
    
#wrapper {
    width			  : 780px;
	margin			  : 0px auto;
	border		      : 1px solid #bbb;
	padding			  : 1px;
    background-color  : #0088A0;
    }

#header {
/*	border			  : 1px solid #bbb;
	height			  : 70px;  */
/*	padding-bottom	  : 10px;  */
    padding-top       : 3px;
    background-color  : #0088A0;
    }

#content {
/*  border-top	      : 1px solid #bbb;
	margin-top	      : 10px;  
	padding-bottom    : 10px;  */
    clear             : both;
    position          : relative;
    background        : url(../images/peachfff07f_bg.gif) repeat-y left top;
    width             : 100%
    }

#content div {
/*	padding		      : 0px;
	border		      : 1px solid #bbb; */
    }

#content-left {
/*	float		      : left; */
    position          : absolute;
    top               : 0;
    left              : 0;  
	width		      : 165px;
    border-top        : 1px solid #bbb; 
    }
    
#content-right {
    border-top        : 1px solid #bbb;
/*	float		      : right;  */
    position          : absolute;
    right             : 0;
    top               : 0;
	width		      : 165px; 
	top			      : 0;
    background        : url(../images/darkbrown_bg.gif) repeat-y left top;
    }

#content-main {
    border            : 1px solid #bbb;
    padding-left      : 10px;
    padding-right     : 10px;
    margin-left	      : 170px;
	margin-right      : 170px;
    background        : #fff7bf;
    }
    
#content-main h2 {
	font-style	      :	italic;
    }

#footer {
	clear             : both;
	margin-top	      : 10px;
	margin-bottom     : 10px;
	padding		      : 10px;
	border		      : 1px solid #bbb;
    }

#copyright {
	clear		      : both;
	text-align	      : center;
	margin-top	      : 10px;
	color			  : #fff7bf;
    }
    
#copyright a {
	color			  : #fff07f;
	font-weight		  : bold;
	}

#copyright a:visited  {
	color			  : #fff07f;
	font-weight		  : normal;
	}

#copyright a:hover {
	color			  : #FFE100;
	font-weight		  : bold;
	}

br.clear {clear		  : both;}

.clear	 {clear		  : both;}

#content-main.li {
	padding-right	  : 15pt;
	margin-bottom	  : 10px;
    }

.smallcaps {
	font-variant      : small-caps;
	}

h1, h2, h3 {
	text-align		  : center;
    }

#content-main a.definition:link {
	position		  : relative;
/*	background-color  : #EFE7AD;  */
	text-decoration	  : none;
	color			  : #000;
	border			  : dashed 1px;
	cursor			  : help;	
    }

.reveal {
    display           : none;
    cursor			  : help;
    }

#content-main a.definition:hover .reveal {
	display			  : block;
	position		  : absolute;
	width			  : 12em;
	font-weight		  : lighter;
	background-color  : black;
	padding			  : 2px 3px 2px 3px;
	border			  : 1px #000 solid;
	font-size		  : 0.9em;
	color			  : yellow;
	left			  : 2em;
	top				  : 0.8em;
    }

#content-main a.definition:visited {
	position		  : relative;
	text-decoration	  : none;
	color			  : #000;
	border			  : dashed 1px;
    }
   
    
/* Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
   Note: a:active MUST come after a:hover in the CSS definition in order to be effective!! */

#content-main a:link {
	font-weight		  : bold;
	color 			  : #0088A0;
	text-decoration   : underline;
	} 

#content-main a:visited {
	color 			  : #5094A0;
	font-weight		  : normal;
	text-decoration   : underline;
	} 

#content-main a:hover {
	font-weight 	  : bold;
	color       	  : #fff07f;
	text-decoration   : underline;
	background  	  : #0088a0;
	cursor      	  : pointer;
    }

#content-main a:active {
	font-weight 	  : bold;
	color       	  : #FFE100;
	text-decoration   : underline;
	background  	  : #0088a0;
	cursor      	  : pointer;
    }

#content-main a.versepop:link {
	text-decoration	  : none;
	font-variant	  : small-caps;
	border-bottom	  : 1px dashed; 
    }

#content-main a.fncall:link {
	text-decoration	  : none;
    vertical-align    : super;
    font-size         : 70%;
    }	
    
#content-main li {
    padding-right     : 25px;
    padding-bottom    : 10px;
    }

.poetry {
	text-align		  : center;
	}
	
h1 .author {
    font-size		  : 20px;
	font-style		  : italic;
	}
	
h1 .lifespan {
    font-size 		  : 16px;
	}
	
.floatright170 {
    float			: right;
	width			: 170px;
	margin-left		: 10px;
	margin-bottom	: 5px;
    }
    
.picturecaption {
 	font-size		: 11px;
 	text-align		: center;
 	}

.biblequote {
	font-family		: "Eras Light ITC", "Coronet", Helvetica, Arial sans-serif;
	font-size		: 15px;
    margin-left		: 35px;
    margin-right	: 35px;
    }
    
.bibleqref {
    text-align		: right;
    }
    
.bibleqref p {
    margin-top		: -10px;
    }

.indentquote {
    margin-left		: 35px;
    margin-right	: 35px;
    }
    
#endnotesection {
	font-size		: 12px;
/*	font-family		: Arial, Helvetica, sans-serif; */
	}
	
#biblio {
	text-indent	:	-35pt;
	margin-left	:	35pt;
	}
	
.upsize125 {
	font-size				: 125%;
	}
	
.downsize80 {
	font-size				: 80%;
	}
	
.downsize90 {
	font-size				: 90%;
	}

	
.chkbul {
    list-style-image		: url(../images/converted2.png);
    }

.pictureright {
	float				: right;
/*	width				: *;  */
	margin-left			: 10px;
	margin-bottom		: 5px;
	border-style		: none;
	border-width		: 0px;	
	}
	
.pictureleft {
	float				: left;
/*	width				: *;  */
	margin-right		: 10px;
	margin-bottom		: 5px;
	border-style		: none;
	border-width		: 0px;	
	}
	
.picturecenter{
	margin-right		: auto;
	margin-left			: auto;
	border-style		: none;
	border-width		: 0px;
	text-align		  	: center;
	}
	
.RightSideBar150 {
	float			: right; 
	background-color: white;
	color			: black;
	font-size		: 13px; 
	font-weight		: bold; 
	width			: 150px; 
	padding			: 5px;
	margin-left		: 10px;
	margin-bottom	: 5px;
	border-style	: solid;
	border-width	: thin; 
	}

.LeftSideBar150 {
	float			: left; 
	background-color: white;
	color			: black;
	font-family		: tahoma, arial, sans-serif;
	font-size		: 13px; 
	font-weight		: bold; 
	width			: 150px; 
	padding			: 5px;
	margin-right	: 10px;
	margin-bottom	: 5px;
	border-style	: solid;
	border-width	: thin; 
	}