/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {height:100%; margin:0; padding:0;}
/* Set the position and dimensions of the background image. */
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
</style>
 The above code doesn't work in Internet Explorer 6. To address this, we use a conditional comment to specify an alternative style sheet for IE 6 
[if IE 6]>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:hidden;}
#page-background {position:absolute; z-index:-1;}
#content {position:static;padding:10px;}
#website {
                height: 100%;
                overflow: hidden;
            }
#text {
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	font-family: arial;
	font-size: 13px;
}
#text a {
	color: #630;
	font-weight: bold;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #333;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: justify;
}

#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	text-decoration: none;
}
	
	#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
}
#menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #333;
}

		a{
			color:#8FC2FF;
			text-decoration: none;
			outline: none;
		}
		a:hover{
			text-decoration: underline;
		}
		img{
			border:none;
		}
		body {
	overflow:scroll;/*Needed to eliminate scrollbars*/
	background:#000;
		}
		#content{
	margin:0px;
	height:2194px;
	width:97%;
	z-index: 3;
	position:absolute;
		}
		#contentframe{
	height: 100%;
	text-align:left;
	z-index: 3;
		}
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
	position:fixed;
	z-index: -1;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
textarea {
	border: 1px dotted #4C302D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input {
	border: 1px dotted #4C302D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: justify;
}
select {
	border: 1px dotted #4C302D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#content #contentframe table tr td #text table tr td table ##content #contentframe table tr td #text table tr td table tr td td div strong {
	color: #FFF;
}