/*		Extra Clean			*/
/*							*/
/*		http://www.ExtraCleanInc.com     */
/*							*/
/*		authored by Rob Maurer			*/
/*		rob@seasideweb.com			*/

/* Created during the Blizzard of 2006       */

/* Revised 2/20/06 for midsections of        */
/* secondary pages.                          */

/* Revised 12/18/07			     */

html, body{
	height: 100%;
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

img {
	border: none;
}

body {
	font-family: Times, serif;
	font-size: 1em;
	background-color: #000055;
	text-align: center;
}

#header-white-bar {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	border: none;
	background-color: #FFFFFF;
	height: 69px;
	width: 100%;
	display: block;
}

#header-gray-navbar {
	position: absolute;
	top: 84px;
	left: 0px;
	padding: 2px 0px 2px;
	border: none;
	background-color: #BBBBBB;
	height: 20px;
	width: 100%;
}

a.email-link:link, a.email-link:visited {
	text-decoration: underline;
	color: #0000FF;
	font-weight: bold;
}

a.email-link:hover, a.email-link:active {
	text-decoration: underline;
	color: #FF0000;
	font-weight: bold;
}

a:link, a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}

a:hover, a:active {
	color: #FFFFFF;
}



#movie {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -130px;
	margin-left: -337.5px;

}

#top-level {
	position: relative;
	width: 100%;
	height: 20%;
	z-index: 1;
}

#mid-level {
	position: relative;
/*	
	height: 65%; NOTE: Height definition not needed
	because the CONTENT of this DIVE element will
	be sufficient to keep the 'footer' element
	from floating up from the bottom of the 
	browser window. If we leave in the height 
	definition, Opera and FireFox float the footer
	right in the middle of the content. - Rob  
				                      */
	width: 100%;
	z-index: 3;

}

#movie-mid-level {
	position: relative;
	height: 65%;
	width: 100%;
	z-index: 3;

}

#bottom-level {
	position: relative;
	bottom: 0;
	width: 100%;
	height: 15%;
	z-index: 2;
}

#footer-gray-navbar {
	position: absolute;
	left: 0px;
	bottom: 18px;
	padding: 0px 0px 2px;
	border: none;
	background-color: #BBBBBB;
	height: 20px;
	width: 100%;
	display: block;
}

#footer-clear-navbar {
	position: absolute;
	left: 17.5%;
	bottom: 0px;
	border: none;
	text-align: center;
	font-size: 0.7em;	
	height: 17px;
	width: 65%;
	color: #FF0000;
}

#endblurb {
	font-weight: bold;
	font-size: 1.0em;
	text-align: center;
}

.horizontal {
	width: 100%;
	font-size: 1.2 em;
	font-weight: normal;
}

.horizontal li {
	/* display: inline; */
	margin: 0;
	padding: 0;
	float: left;
	width: 33%;
	text-align: center;
}

.horizontal ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


a.legal:link, a.legal:visited{
	text-decoration: none;
	color: #BBBBBB;
	font-weight: normal;
}

a.legal:hover, a.legal:active {
	color: #EEEEEE;
}

#content-section {
	position: relative;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #FFFFFF;
	border: 6px double #000000;
	padding: 2em;
	text-align: left;
}
#content-main-heading {
	position: relative;
	font-weight: bold;
	font-size: 1.0em;
	margin-top: 1em;
}
#content-normal {
	clear: both;
	font-weight: normal;
	font-size: 0.8em;
	padding-bottom: 1.5em;
}
#sub-content {
	font-weight: normal;
	font-size: 0.8em;
	width: 75%;
	padding-bottom: 1.5em;
}

#content-normal img {
	float: left;
	width: 98px;
	margin-left: 0em;
	margin-right: 3em;
	margin-top: 0em;
	margin-bottom: 3em;
	border: 1px solid #000000;
}

#content-list {
	display: table-cell;
}

#aligned-list {
}

#links img {
	margin: 1.5em;
	border: 1px solid #000000;
}

#sub-content img {
	width: 98px;
	float: left;
	margin-left: 0em;
	margin-right: 3em;
	margin-top: 0em;
	margin-bottom: 3em;
	border: 1px solid #000000;
}

#paragraph {
	margin-bottom: 1em;
}

form {
	text-align: left;
}

input, textarea {
	font-family: monospace;
	font-size: 1.5em;
}

.state {
	width: 4em;
}

.zip {
	width: 15em;
}

.textRegular {
	width: 20em;
}