HTML { min-height: 100.05%; }

body{
	color: Yellow;
	background-image: url("stripes.gif");
	border-width: 0;
}
	

h1{ 
	text-align: center; 
	vertical-align: top; 
	font-size: 3.2vw;
}
h2{text-align: center; 
	vertical-align: top; 
	font-size: 2vw;
	}
h3 {
}
p {font-size: 1.5vw;}
a:link {color: White;font-size: 1.5vw;} 
a:visited {color: Silver;font-size: 1.5vw;} 
a:hover {color: White;font-weight: bold;font-size: 1.5vw;} 
a:active {color: White;font-size: 1.5vw;}
td{font-size: 1.5vw;}
th{font-size: 1.5vw;}
li {font-size: 1.5vw;}

input{
font-size: 1.2vw; 
color:black;	
}

textarea{
font-size: 1vw; 
color:black;	
}

select{
font-size: 1.2vw; 
color:black;	
}
 
 .sidebar{
	position: fixed;
	float: left;
	top: 0;
	z-index: 999;
	width: 7%;
	text-align: center;
}

img.icons{
	width: 4vw;
	padding-bottom: 0.5vw;
	padding-top: 0vw;
}

.update{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
	width: 10%;
	font-size: 1vw;
}
.graffiti{
	font-family: chalk;
	position: fixed;
	z-index: 90;
}

.slideshow{
position: absolute;
width: 85%;
left: 10%;
background-color: Navy;
font-family: "Times New Roman", Times, serif;
padding-left: 2%;
padding-right: 2%;
padding-top: 0vw;
padding-bottom: 1vw;
}

a.slideshow:link{
	font-size: 3vw;
}
a.slideshow:visited{
	font-size: 3vw;
}

.navybg_minpadding{
position: absolute;
width: 85%;
left: 10%;
background-color: Navy;
font-family: "Times New Roman", Times, serif;
padding-left: 2%;
padding-right: 2%;
padding-top: 0vw;
padding-bottom: 1vw;
}
h1.navybg_minpadding{
	text-align: center;
}
button.navybg_minpadding{
	font-size: 1.6vw; 
	background-color: magenta; 
	color: navy; 
	border-color: #00008b;
	width: 10vw;
	height: 2.5vw;
	position:relative;
}

.sent46 {
	position: absolute;
	width: 85%;
	left: 10%;
	background-color: Navy;
	font-family: "Times New Roman", Times, serif;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 0vw;
	padding-bottom: 1vw;
	background-image: url(sent46/chair.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}


.stone{
position:relative;
width: 70%;
left: 12%;
background-color: gray;
color: black;
font-family:engraved;
padding-left: 3vw;
padding-right: 3vw;
padding-top: 0vw;
padding-bottom: 1vw;
 background-image: url(stone/stone.jpg);
 border: thick;
}

p.stone{
	 {font-size: 1vw;}
}

@font-face {
  font-family: engraved;
  src: url(fonts/monument.regular.ttf);
}


.cemetery{
position: absolute;
padding-top: 2vw;
width: 85%;
left: 10%;
 background-color: aqua;
 background-image: url(stone/golden.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}

.flowers{
	position: fixed;
	left: 10%;
	width: 85%;
	bottom: 0;
	z-index: 99;
	vertical-align:bottom;
	text-align:center;
	border-bottom: 0;
	
}

.blackboard{
position: relative;
width: 100%;
left: 0%;
height:30vw;
font-family:chalk;
 background-color: black;
 color:white;
 z-index: 99;
}

@font-face {
  font-family: chalk;
  src: url(fonts/eraser.dust.ttf);
}

.chalk{
	font-family:chalk;
}

.letter{
position: absolute;
width: 85%;
left: 10%;
background-color: white;
color: black;
font-family: "Courier New", Courier, monospace;
padding-left: 3vw;
padding-right: 3vw;
padding-top: 0vw;
padding-bottom: 1vw;
}

p.letter{
color: Black;

}
table.letter{color: Black;}
tr.letter{color: Black;}
td.letter{color: Black;}
a.letter:link {color: Black;font-size: 1.5vw;} 
a.letter:visited {color: Gray;font-size: 1.5vw;} 
a.letter:hover {color: Black;font-weight: bold;font-size: 1.5vw;} 
a.letter:active {color: Blue;font-size: 1.5vw;} 

.apocrypha{
position: absolute;
width: 85%;
left: 10%;
background-color: white;
background-image: url("GIF/apocrypha.gif");
font-family: "Courier New", Courier, monospace;
font-size: 1.5vw;
padding-left: 3vw;
padding-right: 3vw;
padding-top: 0vw;
padding-bottom: 0vw;
color: black;
}
p.apocrypha{color: Black;}
a.apocrypha:link {color: Black;font-size: 1.5vw;} 
a.apocrypha:visited {color: Gray;font-size: 1.5vw;} 
a.apocrypha:hover {color: Black;font-weight: bold;font-size: 1.5vw;} 
a.apocrypha:active {color: Blue;font-size: 1.5vw;} 
ul.apocrypha{color: Black;}

.justhandwriting{
	font-family: "Bradley Hand ITC","Viner Hand ITC","Courier New";
	font-size: 1.5vw;
	color: Black;
}

.handwritten{
position: absolute;
width: 85%;
left: 10%;
background-color: white;
background-image: url("GIF/apocrypha.gif");

font-size: 1.5vw;
padding-left: 3vw;
padding-right: 3vw;
padding-top: 0vw;
padding-bottom: 0vw;
color: black;
 font-family: "Bradley Hand ITC","Viner Hand ITC","Courier New";
}
p.handwritten{color: Black;}
a.handwritten:link {color: Black;font-size: 1.5vw;} 
a.handwritten:visited {color: Gray;font-size: 1.5vw;} 
a.handwritten:hover {color: Black;font-weight: bold;font-size: 1.5vw;} 
a.handwritten:active {color: Blue;font-size: 1.5vw;} 
ul.handwritten{color: Black;}

.topbar{
	position: fixed;
	float: right;
	top: 0;
	z-index: 999;
	width: 90vw;
}

.announcements{
	background-color:white; 
	color: black;
}

a.announcements:link {color: Black;font-size: 1.5vw;} 
a.announcements:visited {color: Gray;font-size: 1.5vw;} 
a.announcements:hover {color: Black;font-weight: bold;font-size: 1.5vw;} 
a.announcements:active {color: Blue;font-size: 1.5vw;} 

.quotes{
font-style: italic; 
}

.notes{
	color: #87CEFA;
	font-size: 1.5vw;
}

.letterhead{
font-family: "Times New Roman", Times, serif;
color: black;
}
h1.letterhead{
	font-family: "Times New Roman", Times, serif;
color: black;
}

.thumb
{
	width: 6vw;
}

.thumbs
{
	 width: 5%vw;
}

.stripes {

  background-image: url("stripes.gif");
  position: static;
  color: yellow;
  width: 100vw;
  z-index: -1;
}

.home{
	position: absolute;
	width: 90%;
	left: 10%;
	color: yellow;
}