/* Main CSS for IHA 2007 */

/* Colors Used 
	Blue in banner = 				#0000B6
	Powder blue of wrapper = 		#C1E6FF
	Blue-gray of screen background =	#859FAF
	Content-main backbround =		#FFF7BF 
*/

body {
	font-family		  : "Bookman Old Style", "Century Schoolbook", "Palatino Linotype", "Times New Roman", Times, serif;
	font-size	      : 11pt;
    background		  : #859FAF; /*#5094A0;  */
    }

h1, h2, h3, h4 {
	font-family	      :	'Bodoni MT Light Extra-Condensed', 'Arial Narrow', Arial, sans-serif; /*"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 {
	position			: relative;
    width			  : 1000px;
	margin			  : 0px auto;
/*	border		      : 1px solid #bbb; 
	padding			  : 1px; */
    background-color  : #C1E6FF; /*#C1D2FF; //#059BFF; //#0088A0; */
    }

#header {
	position			: absolute;
	top					: 0;
	left				: 0;
	height			  : 150px;  
	margin			  : 0;
/*	padding-bottom	  : 10px;  */
/*    padding-top       : 3px;  */
	background-color  : #0000B6;
    }

#content {
/*	margin-top	      : 30px;   */
    clear             : both;
    position          : relative;
	top					: 165px;
	left				: 0;
/*    width             : 100% */
	background-color	: #C1E6FF;
    }

#content-left {
	float		      : left; 
/*    position          : absolute;
    top               : 0;
    left              : 0;  
	background		: #0000B6;
	color			: white; */
	width		      : 185px;
    border			: 2px solid #0000B6; 
	margin-left		: 2px;
	padding-left	: 3px;
	padding-right	: 3px;
	padding-bottom	: 5px;
    }
    
#content-right {
    border			: 2px solid #0000B6; 
	float			: right;  
    right             : 0;
    top               : 0;
/*	background		: #0000B6;
	color			: white; */
	width		      : 185px; 
	top			      : 0;
	margin-right	: 2px;
	padding-left	: 3px;
	padding-right	: 3px;
	padding-bottom	: 5px;
    }

#content-main {
    border            : 1px solid #bbb;
    padding-left      : 10px;
    padding-right     : 10px;
	float				: left; /*margin-left	      : 200px; */
	width		  	  : 570px; /*575px; */
	margin-left			: 8px;
    background        : #fff7bf;
	font-weight		: bold;
    }
    
#content-main h2 {
	font-style	      :	italic;
    }

#welcomecolumn {
	float			: left;
	width			: 270px;
	padding-right	: 13px;
	border-right-style: solid;
	border-right-width:	1px;
	border-right-color: #bbb;
	}

#newscolumn {
	float			: right;
	width			: 270px;
	padding-left	: 13px;
	}
	
#footer {
	clear             : both;
/*	width				: 100%; */
	margin-top	      : 0px;
	margin-bottom     : 0px;
	padding-top		      : 10px;
	border		      : none;
	background-color	: #C1E6FF;
    }

#copyright {
	clear		      : both;
	text-align	      : center;
	margin-top	      : 0px;
	padding-top			: 5px;
	margin-bottom		: 10px;
	padding-bottom		: 10px;
	color			  : #009;
	background-color	: #C1E6FF;
    }
    
/* #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	  : 10pt;
	margin-bottom	  : 3px;
    }

.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;
    }

.normalparaindent p {
	margin-left			: 50px;
	margin-right		: 50px;
	text-indent			: 3em;
	}
   
/* #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!! */

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

a:visited {
	font-weight		  : normal;
	text-decoration   : underline;
	color				: #000099;
	} 

a:hover {
	font-weight 	  : bold;
	color       	  : #FFF;
	text-decoration   : underline;
	background  	  : #0000B6;
	cursor      	  : pointer;
    }

a:active {
	font-weight 	  : bold;
	color       	  : #0000B6;
	text-decoration   : underline;
	background  	  : #FFF;
	cursor      	  : pointer;
    }

/* #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;	
	}
	
.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; 
	}

.ButtonTop a {
	font			: bold 12px "Trebuchet MS", Univers, "Microsoft Sans Serif", Arial, Helvetica, sans-serif !important;
	clear			: both;
	display			: block;
	width			: 150px;
	text-align		: center;
	border			: 1px solid black;
	text-decoration	: none !important;
	padding			: 4px 1px 4px 1px;
	color			: black !important;
	background-color: #859FAF !important;
	padding			: 5px 0px 5px 0px;
	margin-top		: 1px;
	}
	
.ButtonTop a:hover {
	background-color: #0000B6 !important;
	font-weight		: bold;
	color			: white !important;
	border			: 1px solid #FFF;
	}

.Button100 a {
	font			: bold 12px "Trebuchet MS", Univers, "Microsoft Sans Serif", Arial, Helvetica, sans-serif !important;
	display			: block;
	width			: 100px;
	text-align		: center;
	border			: 1px solid #0000B6;
	text-decoration	: none !important;
	padding			: 2px 1px 2px 1px;
	color			: black !important;
	background-color: #859FAF !important;
	}
	
.Button100 a:hover {
	background-color: #0000B6 !important;
	font-weight		: bold;
	color			: white !important;
	border			: 1px solid #FFF;
	}

.NPCtable {
	width			: 76%;
	margin-left		: auto;
	margin-right	: auto;
/*	text-align		: left; */
	border-collapse	: collapse;
	border			: 2px solid #0000B6;
	}
	
.NPCtable td {
	padding			: 2px 5px 2px 5px;
	border-collapse	: collapse;
	border			: 1px solid #0000B6;
	font-size		: 90%;
	}
	
.NPCtable th {
	background-color: #859FAF;
	color			: #FFF !important;
	font-weight		: bold;
	font-size		: 105%;
	border-collapse	: collapse;
	border			: 1px solid #0000B6;
	padding			: 2px 5px 2px 5px;
	}

.NPCtable tr.even {
	background-color: #859FAF;
	}

.NPCtable tr.title {
	font-weight		: bold;
/*	font-size		: 115%; */
	background-color: #0000B6;
	text-align		: center;
	color			: #FFF !important;
	}
	
.NPCtable tr.title td {
	font-size		: 115%;
	}