body { text-align: center; background-color: #33ccff; 
		width: 100%; height: 100%; font-size: 14px; margin: 0 auto; }
	.libpage { background-color: #cccccc; }
	
	
.respond img { width: 100%; max-width: 100%; height: auto; }
	
#header	{ width: 100%; max-width: 900px; text-align: center; background-color: #33ccff; border:0;}

#navbar	{ width: 100%; max-width: 900px; background-color: gray; border: 0px; }

#wrapper { margin: 0 auto; text-align: left; max-width: 900px; 
	background-color: white; 
	border:1px solid black;
	box-shadow:0 3px 30px 0 #000000; 
	-moz-box-shadow:0 3px 30px 0 #000000;
	-webkit-box-shadow:0 3px 30px 0 #000000;}
	
button { height: 25px; width: auto; }
select { height: 30px; }

	
td { border: 0; }
.center { text-align: center; }

table { margin:0 auto; width:100%; border:0px solid black; width:100%;  }
     .linkbar { background-color: beige; border:2px solid black; width:100%;  }
     
.try14 { font-family:Times New Roman; font-size: 110%; margin-left:10px; }
@media screen and (min-width: 100px) and (max-width: 500px) {.try14 { font-size: 0px; } }
@media screen and (min-width: 501px) and (max-width: 850px) {.try14 { font-size: 14px; } }
@media screen and (min-width: 851px) and (max-width: 1900px) {.try14 { font-size: 20px; } }

h1 { padding-left: 20px; }

<!--- this area is about Paragraph Font Resizing --->

@media screen and (min-width: 200px) and (max-width: 500px) {p { font-size: 15px; } }
@media screen and (min-width: 501px) and (max-width: 850px) {p { font-size: 18px; } }
@media screen and (min-width: 851px) and (max-width: 1900px) {p { font-size: 20px; } }

#all { padding-right: 10px; padding-left: 10px; font-family:Comic Sans MS; font-size: 100%; Text-align: justify; }
@media screen and (min-width: 100px) and (max-width: 349px) {#all { font-size: .9em; } }
@media screen and (min-width: 350px) and (max-width: 485px) {#all { font-size: 1em; } }
@media screen and (min-width: 486px) and (max-width: 585px) {#all { font-size: 1.1em; } }
@media screen and (min-width: 586px) and (max-width: 685px) {#all { font-size: 1.2em; } }
@media screen and (min-width: 686px) and (max-width: 785px) {#all { font-size: 1.2em; } }
@media screen and (min-width: 786px) and (max-width: 885px) {#all { font-size: 1.3em; } }
@media screen and (min-width: 886px) and (max-width: 985px) {#all { font-size: 1.4em; } }
@media screen and (min-width: 986px) and (max-width: 1900px) {#all { font-size: 1.5em; } }


#textstyle1 { font-family:Times New Roman; font-size:17px; margin-left:10px; }
@media screen and (min-width: 100px) and (max-width: 349px) {#textstyle1 { font-size: 0px; } }
@media screen and (min-width: 350px) and (max-width: 485px) {#textstyle1 { font-size: 17px; } }
@media screen and (min-width: 486px) and (max-width: 585px) {#textstyle1 { font-size: 19px; } }
@media screen and (min-width: 586px) and (max-width: 685px) {#textstyle1 { font-size: 20px; } }
@media screen and (min-width: 686px) and (max-width: 785px) {#textstyle1 { font-size: 23px; } }
@media screen and (min-width: 786px) and (max-width: 885px) {#textstyle1 { font-size: 25px; } }
@media screen and (min-width: 886px) and (max-width: 985px) {#textstyle1 { font-size: 30px; } }
@media screen and (min-width: 986px) and (max-width: 1900px) {#textstyle1 { font-size: 35px; } }

#textstyle2 { font-family:Comic Sans MS; font-size:17px; margin-left:10px; }
@media screen and (min-width: 100px) and (max-width: 349px) {#textstyle2 { font-size: 12px; } }
@media screen and (min-width: 350px) and (max-width: 485px) {#textstyle2 { font-size: 20px; } }
@media screen and (min-width: 486px) and (max-width: 585px) {#textstyle2 { font-size: 25px; } }
@media screen and (min-width: 586px) and (max-width: 685px) {#textstyle2 { font-size: 28px; } }
@media screen and (min-width: 686px) and (max-width: 785px) {#textstyle2 { font-size: 30px; } }
@media screen and (min-width: 786px) and (max-width: 885px) {#textstyle2 { font-size: 35px; } }
@media screen and (min-width: 886px) and (max-width: 985px) {#textstyle2 { font-size: 40px; } }
@media screen and (min-width: 986px) and (max-width: 1900px) {#textstyle2 { font-size: 43px; } }


	<!---Original css from here on, some modifications--->

table { margin:0 auto; width:100%; }
     .linkbar { background-color: #ffcc99; border:2px solid black; width:100%;  }
	 
.center { text-align: center; }
.closerlk { margin: 0 auto; width:90%; }

p { text-align: justify; font-size: 17px; margin-left:10px; margin-right:20px; }
.closerlk { text-align: justify; font-size: 17px; margin-left:25px; margin-right:25px; }

dt { text-align: justify; font-size: 17px; margin-right:13px; }
li { text-align: justify; font-size: 17px; margin-right:13px; }

h2 { text-align: justify; margin-left: 40px; }
  
h4 { text-align:center; font-family:Comic Sans MS;font-weight:normal;font-style:normal;font-size:36pt;text-decoration:normal;color:#ffffff; }
h3 { text-align:left; font-family:Comic Sans MS; font-weight:normal; font-style:normal; font-size:20pt; color:black; margin-left:13px; }
  

ul.indent { type:disc; margin-right:50px; }

.trinitypage { background-color: #ffffff; margin:10px; background-color: #ffffff; }
    

layer.lay1 { position:absolute; top: 10px; left: 50px; z-index:12; }
layer.box { position:absolute; left: 10px; width:100%; z-index:1; }
     .text { position:absolute; top: 240px; left: 250px; margin:10px; z-index:2; }
     

p.most { text-align: justify; font-size: 17px; text-vertical-align:top; } 
p.bld1 { text-align: right; font-size: 23px; font: bold; font-style:italic; color: yellow; }
p.bld2 { text-align: justify; font-size: 17px; color: yellow; }
p.pull { float:center; width:300px; font:15pt times; color:blue;
			border-top:thin blue solid;border-bottom:thin blue solid } 
p.redpull { float:left; width:300px; font:15pt times; color:blue;
			border-top:thin red solid;border-bottom:thin red solid }
p.line { float:center; border-bottom:thin blue solid }


font.top { text-align: justify; vertical-align:top; }

table.two { table-layout: fixed; background-color: #ff6633; border-style: solid; border-width: 2px; border-color:black; height: 165px; width:100%; }
     .main { table-layout: fixed; background-color: #ffffff; border-style: solid; border-width: 2px; border-color:black; width:100%; }
     
td.one { text-align:justify; vertical-align: top; background-color: #ffffff; border-color:black; border-left: 1px solid black; padding:10px; }
  .two { text-align:justify; vertical-align: top; background-color: #ffffcc; width: 140px; border-color:black; border-right: 1px solid black; padding:10px; }   
  .box { height:18px; text-align:justify; vertical-align: top; background-color: #ffffcc;cborder-color:black; border-right: 4px solid black; 
border-left: 4px solid black; border-bottom: 5px solid black;border-top: 3px solid black;padding:10px; }
  .home { text-align:justify; vertical-align: top; font-size: 17px; background-color: #ffffcc; white-space:nowrap; border-color:black; border-right: 4px solid black; 
border-left: 4px solid black; border-bottom: 5px solid black;border-top: 3px solid black;padding:10px; }
  .nowrap { text-align:justify; vertical-align: bottom; white-space:nowrap; }