html, body {
    padding: 0;
    margin: 0;
    
    
    }
html {
    font-size: 1em;
    height: 100%;

    }
body {
    font-size: 100%;
    height: 100%;


    }

a img, :link img, :visited img {
    border: 0;
    }


#nonFooter
	{
		position: relative;
		min-height: 100%;
		background-color: black;
	}

* html #nonFooter
	{
		height: 100%;

	}


#video{
position:relative;
bottom:415px;

}



#header
{

	position:relative;

	background-color:transparent;
	background-position: center;
	
	width:1024px;

	margin: auto;
}




#main
{
	width:1024px;
	position:relative;
	
	margin: auto;
	padding-top: 40px;
	font-size: xx-large;
	font-family: Helvetica;
	color: #33f619;
	background-color:transparent;
	/* width:100%; */
	text-align: center;
	text-align: left;


}

#logo
{
	width:100px;
	height:90px;
	position:relative;
	background-color:transparent;

}


#box
{
	width:100%;
	position:relative;
	margin: auto;
	margin-top: -90px;
	font-size: xx-large;
	font-family: Helvetica;
	color: #33f619;
	background-color:transparent;
	/* width:100%; */
	text-align: center;
	text-align: left;


}


#end
{

	/* position:fixed; */
	float:left;
	padding-bottom: 20px;
	bottom:0px;
	font-size: large;
	font-family: Helvetica;
	color: #33f619;
	background-color:transparent;
	text-align: right;


}



#footer
	{

		margin:auto;
		background-color: red;
		height:30px;
		color:red;

	}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer
{
	margin-top: -7.4em;
}









a:link {text-decoration:none; color: gray; border: 0px; font-size: 100px;}     /* unvisited link */
a:visited {text-decoration:none; color: gray;font-size: 100px;}  /* visited link */
a:hover {text-decoration:none; color: #ea0b5f; font-size: 100px;}   /* mouse over link */
a:active {text-decoration:none; color: #ea0b5f;font-size: 100px;}   /* selected link */

a.small:link {text-decoration:none; color: gray; border: 0px; font-size: 60px;}     /* unvisited link */
a.small:visited {text-decoration:none; color: gray;font-size: 60px;}  /* visited link */
a.small:hover {text-decoration:none; color: #ea0b5f; font-size: 60px;}   /* mouse over link */
a.small:active {text-decoration:none; color: #ea0b5f;font-size: 60px;}   /* selected link */

a.smaller:link {text-decoration:none; color: gray; border: 0px; font-size: 40px;}     /* unvisited link */
a.smaller:visited {text-decoration:none; color: gray;font-size: 40px;}  /* visited link */
a.smaller:hover {text-decoration:none; color: #ea0b5f; font-size: 40px;}   /* mouse over link */
a.smaller:active {text-decoration:none; color: #ea0b5f;font-size: 40px;}   /* selected link */

a.smallest:link {text-decoration:none; color: gray; border: 0px; font-size: large;}     /* unvisited link */
a.smallest:visited {text-decoration:none; color: gray;font-size: large;}  /* visited link */
a.smallest:hover {text-decoration:none; color: #ea0b5f; font-size: large;}   /* mouse over link */
a.smallest:active {text-decoration:none; color: #ea0b5f;font-size: large;}   /* selected link */