body{background-image: url('Images/Rainbow.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center}

.container{position: absolute;
height: 100%;
width: 100%;
background-color: transparent;
font-family: san-serif;
}

.maintext{position: absolute;
	top: 190px;
	left: 220px;
	height: 350px; 
	width: 550px;
	z-index: 3;
	font-family: "Arial";
	font-size: 100%;
	line-height: 175%;
	background-color: transparent;
	color: navy;
	overflow: visible}
	
.maintext a:link{
	font-size: 90%;
	font-weight: bold;
	text-decoration: underline;
	border-style: none;
	background-color: transparent;
	width: 50%;
	color: navy}

.maintext a:visited{
	font-size: 90%;
	font-weight: bold;
	text-decoration: underline;
	border-style: none;
	background-color: transparent;
	width: 50%;
	color: blue}
	
.maintext a:hover{
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border-style: none;
	background-color: transparent;
	width: 50%;
	color: navy}

.maintext a:active{
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border-style: none;
	background-color: transparent;
	width: 50%;
	color: black}
	
.navbar{position: absolute;
	top: 150px;
	left: 10px;
	height: 350px;
	width: 190px;
	z-index: 3;
	font-family: "Arial";
	font-size: 100%;
	line-height: 175%;
	text-align: center;
	background-color: transparent;
	overflow: hidden}

a:link{
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	border-style: none;
	border-color: red;
	border-width: 3px;
	background-color: transparent;
	width: 125px;
	color: navy}

a:visited{
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	border-style: none;
	border-color: red;
	border-width: 3px;
	background-color: transparent;
	width: 125px;
	color: blue}
	
a:hover{
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	border-style: outset;
	border-color: navy;
	border-width: 3px;
	background-color: transparent;
	width: 125px;
	color: navy}

a:active{
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	border-style: inset;
	border-color: black;
	border-width: 3px;
	background-color: transparent;
	width: 125px;
	color: black}

.Whitewisp{position: absolute;
	top: 10px;
	left: 10px;
	height: 137px;
	width: 475px;
	z-index: 3;
	font-family: "Comic Sans MS";
	font-size: 225%;
	font-weight: bold;
	font-style: italic;
	color: #4169e1;
	line-height: 120%;
	background-color: transparent;
	overflow: hidden}

.image1{position: absolute;
	top: 10px;
	left: 50%;
	height: 180px;
	width: 240px;
	z-index: 2}

h1{font-size: 110%;
	font-weight: bold;
	text-align: center}

.footer{position: absolute;
	top: 450px;
	left: 10px;
	height: 35px;
	width: 190px;
	z-index: 3;
	text-align: center;
	background-color: transparent}

.footer a:link{
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	border-style: none;
	background-color: transparent;
	width: 125px;
	color: rgb(204,0,0)}

.footer a:visited{
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	border-style: none;
	background-color: transparent;
	width: 125px;
	color: rgb(204,0,0)}

.footer a:hover{
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	border-style: none;
	background-color: transparent;
	width: 125px;
	color: rgb(204,0,0)}

.footer a:active{
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	border-style: none;
	background-color: transparent;
	width: 125px;
	color: rgb(204,0,0)}
	
.colmn1 {position: absolute;
	top: 90px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 3;
	line-height: 125%;
	text-align: left;
	background-color: transparent}
	
.colmn2 {position: absolute;
	top: 90px;
	left: 50%;
	height: 100%;
	width: 100%;
	z-index: 3;
	line-height: 125%;
	text-align: left;
	background-color: transparent}

.colmn3 {position: absolute;
	top: 90px;
	left: 75%;
	height: 100%;
	width: 100%;
	z-index: 3;
	line-height: 125%;
	text-align: left;
	background-color: transparent}