/* 3/15/03 This from a AListApart article 
http://www.alistapart.com/stories/taminglists/ 
3/17/03 - adapting to All Souls 
3/25/03 - Adapting to the main CSS for the new AllSoulsNoFrame design
Version of 4/23/03
3/30/04 Renamed 304AllSouls.css for the 304 web page re-design.  changed from background.gif
to #ffffee color.  For the 304 design I am using a condenced menu re-design for which there is a css called 304AllSoulsMenu.css.  So far, I am applying this with an additional link.  Probably should add the rules here in the future.
*/

body,td{font-size: 16pt;
			
			/*background-color: #e4e6d5; */
			font-family: "Times New Roman", Times, serif;
			/*font-family: ""Tempus Sans ITC",Times New Roman", serif;*/
			/*font-weight: bold;  */
			line-height: 1.10;
			color: black;
			background-color: #FFFFEE;
			/*background-image:url(Assets/backgrnd.gif);*/
			
			
			 
}
h1,h2,h3,h4,h5			{
color: #b31; /*3/18/03 Try this - a little redder */
background-color: transparent;
}

/*######## MENU RULES FOR A VERTICAL MENU CREATED WITH THE 'UL' TAG ######*/
#menu {
	float: left;
	width: 120px;
	border-right: 1px solid #000;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	font-size: 0.8em;
	font-weight: bold;
	height: auto;
	line-height: 0.95em;	
	/*font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;*/
	  
	/*background-color: #ffffce;*/
	/*color: #333;*/
	/*font-family: "Times New Roman", serif;*/
	/*font-weight: bold;*/
	/*background-image: url(backgrnd.gif);*/
	}
#menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#menu li {
	margin: 0;
		}
#menu li h1{
	margin: 0;
	color: #b31;
	background-color: transparent;
			
		}	
#menu li h2{
	margin: 0;
	color: #b31;
	background-color: transparent;
		}			
#menu li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	width: 100%;
		}
html>body #menu li a {
		width: auto;
		}
		
#menu li a:hover {
		/*border-left: 1px solid #1c64d1;*/
		/*border-right: 1px solid #5ba3e0;*/
		background-image: none;
		background-color: #FFFFEE;
		color: Red;
		}
		
/*######### THE CONTENT RULES ARE FOR THE MAIN CONTENT OF THE PAGE ######## */		
#content {
	position: absolute;
	top: 160px;
	left: 182px;
	width: 70%;
	height: auto;
	margin-left: 15px;
	margin-right: 15px;
	background-color: #99FF99;
	/*background-color: ButtonHighlight;  program help */
	/*background-color: #003399;*/
}
#jspcontent { /* SPECIAL CONTENT RULE FOR JSP PAGES */
	position: absolute;
	top: 105px;
	left: 220px;
	width: 70%;
	height: auto;
	margin-left: 15px;
	margin-right: 15px;
	/*background-color: #99FF99;*/
	/*background-color: ButtonHighlight;  program help */
	/*background-color: #003399;*/
}
		
/*##################### SECTION FOR PLACING DESIGN LINES AND BOXES ##################*/
#Line1h{position:relative; top: 0px; left: 0px; z-index:1;}
#Line2h{position:relative; top: 0px; left: 40px; z-index:1;}
#Line3h{position:absolute; top: 680px; left: 0px; z-index:1;}
#Line4h{position:absolute; top: 830px; left: 0px; z-index:1;}
#Line5h{position:absolute; top: 1050px; left: 0px; z-index:1;}

#Line1v{position:absolute; top: 120px; left: 200px; z-index:1;}
#Line2v{position:absolute; top: 660px; left: 200px; z-index:1;}
#Line3v{position:absolute; top: 820px; left: 200px; z-index:1;}
.box1{
	width: 300px;
	height: 160px;
	margin: 20px 20px 20px 20px;
	border: 1px solid Black;
	
}

/*#################### FOR THE FIXED HEIGHT TITLE BOX ####################*/
.tablefixed {
	position: absolute;
	top: 0px;
	left: 180px;
	width: 80%;
	line-height: 150%;
	text-align: left;
	float: left;
	height:auto;
	/*background-color: #CCFFFF;*/
	
}

.colleft{
	position: relative;
	float: left; /*needed for NS7.02 to work*/
	width: 10%;
	text-align:right;
	/*top:0px;  not needed*/
	/*left:0px; not needed*/
	/*width: 24%; produces four equal width columns per row 
	3/26/03 separated this out so widths could be varied- see below*/
	/*height: auto; not needed*/
	/*background-color: Aqua;*/
}
.colright{
	position: relative;
	float: right; /*needed for NS7.02 to work*/
	width: 10%;
	/*top:0px;  not needed*/
	/*left:0px; not needed*/
	/*width: 24%; produces four equal width columns per row 
	3/26/03 separated this out so widths could be varied- see below*/
	/*height: auto; not needed*/
    /*background-color: Lime;*/
	padding-top: 10px;
	
	
	/* text-align: right;*/
}
.ten {/*a pure width rule(no float) for use with .colleft and .colright*/
  width: 10%;
}
.eight{/*a pure width rule(no float) for use with .colleft and .colright*/
  width: 8%;
}
.colcenter{
   position: relative;
   float: left;
   width: 80%;
   /*background-color: white;*/
   text-align: center;
    
}

/*################ FOR BUILDING A GENERIC HTML TYPE TABLE WITH CSS ####################*/
.table {
	position: relative;
	left: 5%;
	width: 90%;
	height: auto;
	line-height: 150%;
	text-align: left;
	text-indent: 3px;
	/*background-color: Aqua;*/
}


/*########## CELL WIDTH RULES FOR USE WITH THE 'TABLE' RULE ABOVE #########*/
.tblfive {float: left; width: 5%;/*background-color: Blue;*/}
.tblten {float: left; width: 10%;	/*background-color: Aqua;*/}
.tbltenright {float: right; width: 10%;}	
.tblfifteen {float: left; width: 15%; /*background-color: Fuchsia;*/}
.tblnineteen { float: left; width: 19%;	/*background-color: Lime;*/}
.tbltwentyfour { float: left;	width: 24%;	/*background-color: Red;*/}
.tbltwentynine {float: left;	width: 29%;}
.tblthirtytwo { float: left;	width: 32%;	/*background-color: Silver;*/}
.tblthirtynine{ float: left;	width: 39%;	/*background-color: Teal;*/}
.tblfortynine{ float: left;	width: 49%;	/*background-color: White;*/	}
.tblfiftyfour{ float: left;	width: 54%;	/*background-color: ButtonFace;*/}
.tblfiftynine{ float: left;	width: 59%;	/*background-color: Yellow;*/}
.tblsixtyfour{ float: left;	width: 64%;	background-color: ButtonShadow;}
.tblsixtynine{ float: left;	width: 68%;	/*background-color: ButtonShadow;*/}
.tblseventyfour{ float: left;	width: 74%;	/*background-color: Background;*/}
.tblseventynine{ float: left;	width: 79%;	/*background-color: InactiveBorder;*/}
.tblninetyfour{ float: left;	width: 94%;	/*background-color: InactiveBorder;*/}



/*########### CELL BORDER RULES FOR USE WITH THE 'TABLE' RULE ABOVE #######*/
.bor4sides {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}	
.bor3sides {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	
}
.bor2sides {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
}
.bortop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
.borleft {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.borright {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
.bkgryel{
	background-color: Yellow; /*for testing*/
}
.bkgrblu{
	background-color: Aqua;  /*for testing*/
}
   
   

/*########### CELL HEIGHT RULES FOR USE WITH THE 'TABLE' RULE ABOVE #####*/
.cellht1em{ height: 1em;}
.cellht2em{ height: 2em;}
.cellht3em{ height: 3em;}
.cellht4em{ height: 4em;}
.cellht5em{ height: 5em;}
.cellht7em{ height: 7em;}
.cellht10em{height: 10em;}
.cellht12em{height: 12em;}
.cellht20em{height: 20em;}
.cellht30em{height: 30em;}
.cellht40em{height: 40em;}
.cellht50em{height: 50em;}
.cellht70em{height: 70em;}

/*################# MARGINS FOR USE WITH TABLE CELLS ###############*/
.marleft5 {
	margin-left: 5px;
}  
.padleft10 {
	padding-left: 10px;
}  

/***************  FOR A LIGHT TABLE ALTERNATIVE USING THE 'MARGIN' RULE ***********/
/****************(NOT ASSOCIATED WITH THE REGULAR TABLE ABOVE)*********************/
.col{	position: absolute; }
.five{	margin-left: 5%;}
.ten{	   margin-left: 10%;}
.fifteen{margin-left: 15%;;}
.twenty{	margin-left: 20%;;}
.twentyfive{	margin-left: 25%;}
.thirty{	margin-left: 30%;}
.thirtyfive{	margin-left: 35%;}
.forty{	margin-left: 40%;}
.fortyfive{	margin-left: 45%;}
.fifty{	margin-left: 50%;}
.fiftyfive{	margin-left: 55%;}
.sixty{	margin-left: 60%;}
.sistyfive{	margin-left: 65%;}
.seventy{margin-left: 70%;}
.seventyfive{	margin-left: 75%;}
.eighty{	margin-left: 80%;}
.eightyfive{	margin-left: 85%;}
.ninety{	margin-left: 90%;}
.ninetyfive{	margin-left: 95%;}


/*######################## FOR 2 COLUMN PAGES #####################*/
.contentleft {/* leave the right column to std. document flow*/
	position: static;
	float: left;
	width: 48%;
	padding-right: 20px;
	left: 115px;
	top: 993px;
}
/*         From css two col test - both columns fully defined */
/*         This is better than the above scheme which, it turns out, bombs the FireFox browser   */
.col1{
    /*background-color: Yellow;*/
	width: 45%;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.col2{
    /*background-color: #FFE4C4;*/
	width: 45%;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	/*border-left: 1px solid Black;*/
}
/*#########################  MISCELLANEOUS RULES ##################*/
 
.plainbold {  
  font-weight: 800;
}
.reducesize{
font-size: 10px;
}
.reduceweight{
	 font-weight: normal;
}           
.initcap		{
   font-size: 22pt;
	font-weight: bold;
	color: #b31;
	background-color: transparent;
 }
 .red{
 color: #b31;
 background-color: transparent;	
}	
.bold {
	 font-weight: bold; 
}

.indent {
	text-indent: 10em;
}
.textcenter {text-align:center;}

.floatright {float:right;}
li {
	/*border:1px solid black;*/
	padding-left:3px;
	padding-right:3px;
}
.black{
 color: #000;
 background-color: transparent;	
}