<style type="text/css">


body {background-color: black}
body {background-color: black}

h1 {text-align: center; color:#OOOOOO; font-size: 50px; font-family:copperplate, verdana, sans-serif}
h2 {margin: 20px 30px 20px 20px; color:black; font-size: 25px;text-align: left; font-family: copperplate, verdana, sans-serif}

p {margin: 20px 30px 40px 20px; color: black; font-size: 15px; font-family:verdana, serif}
p2 {font-size:15px; letter-spacing: 6px; text-align:center; color:#422A0E; font-family: copperplate, sans-serif}
.p3 {margin: 20px 50px 0px 50px; color: black; font-size: 12px; font-family:verdana, serif; font-style: italic}
.p4 {margin: 10px auto 30px 400px; color: black; font-size: 12px; font-family:verdana, serif; font-style: italic}

div.title {position: absolute; left: 350px; top:20px; background-color:white}
div.navbar {position: absolute; z-index: 1 left: 0px; top: 0px; background-color: darkgray; width: 100px; height: 2700px; padding: 10px; border-right:6px solid #787878}
div.content {position: absolute; padding: 10px; margin: 10px 10px 100px 10px; z-index: 3; left: 300px; top: 75px; background-color: white; border:5px solid gray; width: 600px; padding: 0px}
div.content img {margin: 20px 20px 20px 20px}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatLeftBorder { 
    float: left; 
    margin: 4px; 
	border: 3px solid gray;
}

img.floatRightBorder { 
    float: right; 
    margin: 4px;  
	border: 3px solid gray;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.floatCenter {
	float: center;
	margin: 4px;
}

img.border {  
    margin: 4px; 
	border: 3px solid gray;
}
div.text {position: absolute; left: 150px; top:10px; width: 400px; margin-left: 20px; line-height: 1.5;color: black; font-size: 15px; font-family:verdana, serif}

div.logo {position: absolute; z-index: 2; background-color: white; left: 30px; top: 35px; height: 43px; border:4px solid gray; padding: px}

div.buttona, div.buttonb, div.buttonc, div.buttond, div.buttone, div.buttonf, div.buttong, div.buttonh
{
position: absolute; 
z-index: 2; 
background-color: white; 
height:28px;
left: 75px; 
border:2px solid gray 
}
div.buttona 
{top:125px}
div.buttonb
{top:175px}
div.buttonc
{top:225px}
div.buttond
{top:275px}
div.buttone
{top:325px}
div.buttonf
{top:375px}
div.buttong
{top:425px}
div.buttonh
{top:475px}

div.facebooka
{position: absolute; 
z-index: 2; 
left: 50px; 
top:450px}


div.background
  {
  position:absolute;
  left:250px;
  top:150px;
  width: 448px;
  height: 250px;
  background: url(images/cheronpurf.jpg);
  border: 4px solid #686868;
  }
div.transbox
  {
  width: 250px;
  height: 180px;
  margin: 30px 50px 50px 50px;
  background-color: white;
  
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  padding: 20px;
  margin: 40px 40px 40px 40px
  font-weight: bold;
  line-height: 1.5;
  color: black; 
  font-size: 15px; 
  font-family:verdana, serif
  }


img.a {margin-left:25px}
  

A {font-size: 15px; font-weight: bold; font-family: verdana, serif; text-decoration: none; color: maroon}
A:visited {font-size: 15px; font-weight: bold; font-family: verdana, serif; text-decoration: none; color:gray}

#top, #bottom, #left, #right {
	background: maroon;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 15px; z-index:4
		}
		#left { left: 0; }
		#right { right: 0; }

	#top, #bottom {
		left: 0; right: 0;
		height: 15px; z-index:4
		}
		#top { top: 0; }
		#bottom { bottom: 0; }
	
	#banner {
	background: #E6CD9B;
	position: fixed;
	left:0; right:0;
	line-height: 2;
	text-align:center;
	bottom: 0px;
	height: 15px;
	padding: 0px 0px 40px 0px;
	z-index:3 }


</style>/* CSS Document */

