/* -------------- div -------------- */

#metaContainer {
	//background-color:#ddd;
	background-color:#D9E1D7;
	padding:10px 10px 10px 10px;
	width: 500px;
	margin-top:10px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	//border-width: 1px 1px 1px 1px;
	border-width:0;
	border-style: solid;
	border-color: #bbb;
}

#container {
	//background-color:#eee;
	background-color:#D9E1D7;
	margin:0;
	padding:0px 0px 0px 0px;
	width: 500px;
	margin-left:auto;
	margin-right:auto;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#000;
//	border: 1px solid #000;
	position:relative;
	}

#enterName {
	background-color: #8F2F0E;
	width: 415px;
	margin: 0 0px auto;
	border-left: 0px solid #000;
	padding 0px;
	text-align: left;
	}

#enterName span {
	color: #FCF8ED;
	font-weight: bold;
	letter-spacing: 0.1em;
	}

#Header {
        margin:0px 0px 0px 0px;
        padding:40px 0px 21px 20px;
        /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
        height:33px; /* 21px + 40px + 2px = 33px */
        border-style:solid;
        border-color:black;
        border-width: 0px; /* top and bottom borders: 1px; left and right borders: 0px */
        line-height:11px;
		background: transparent url(frog.jpg) no-repeat top left;
		letter-spacing:0.2em;
		font-size:11px;
		font-weight:bold;

		/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
			Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
			IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
			declaration. The incorrect IE5/Win value is above, while the correct value is 
			below. See http://glish.com/css/hacks.asp for details. */
        voice-family: "\"}\"";
        voice-family:inherit;
        height:14px; /* the correct height */
        }
	/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
		length values to user agents that exhibit the parsing error exploited above yet get 
		the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
		a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:14px;}

#Header>img {
		border: 1px solid #000;
		padding:0;
		margin:-10px 10px 0 0px;
		float:left;
}

#PreFooter {
	/* background-color:#fff; */
        margin:10px 0px -10px 0px;
        padding:0px 0px 0px 10px;
	text-align:left;
        border-style:solid;
        border-color:black;
        border-width:0px 0px 1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
        line-height:11px;
		font-size:10px;
		letter-spacing:0.1em;
        height:14px; /* the correct height */
        }

#Footer {
        margin:10px -3px -9px 0px;
        padding:0px 0px 0px 5px;
	text-align:right;
        border-style:solid;
        border-color:black;
        border-width:0px 0px 0px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
        line-height:11px;
		font-size:9px;
		font-style:italic;
		letter-spacing:0.1em;
		color:#999;
        height:14px; /* the correct height */
        }

#Footer a {
		color:#666;
		text-decoration:underline;
}

#Footer a:hover {
		color:#751113;
}

#Form {
        margin:5px 30px 7px 10px;
        padding:10px 10px 0px 10px;
        /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
        /* height:31px; */ /* 14px + 15px + 2px = 33px */
		border: 1px dashed black;
		width:450px;
        line-height:20px;
		font-size:10px;
		letter-spacing:0.1em;
		background:#ddd;
        /* height:14px; /* /* the correct height */
        }

#TLink {
        margin:13px 0px 0px 00px;
        padding:0px;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #333;
		width:500px;
        line-height:20px;
		font-size:10px;
		letter-spacing:0.1em;
		background:#EBEFEF;
        }


#FormCycle {
		position:relative;
		top:50px;
        margin:5px 30px 20px 10px;
        padding:10px 10px 0px 10px;
        /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
        /* height:31px; */ /* 14px + 15px + 2px = 33px */
		border: 1px dashed black;
		width:450px;
        line-height:20px;
		font-size:10px;
		letter-spacing:0.1em;
		background:#ddd;
        /* height:14px; /* /* the correct height */
        }

#formNotes {
        margin: -10px 0px 20px 10px;
        padding:5px 0px 15px 0px;
		/* border: 1px dashed black; */
		width:450px;
        line-height:11px;
		font-size:9px;
		letter-spacing:0.1em;
		font-weight:bold;
        height:14px; /* the correct height */
        }

#listhead {
        margin:0px 30px 0px 10px;
        padding:0px 10px 0px 10px;
        /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
        height:31px; /* 14px + 15px + 2px = 33px */
		border-width: 0px 0px 1px 0px;
		border-style:solid;
		border-color:black;
        line-height:11px;
		font-size:11px;
		letter-spacing:0.1em;
        height:14px; /* the correct height */
        }

ul		{
		margin: 3 10 0 5;
		width:500px;
		font-size:11px;
		line-height:13px;
		}


#movieContainer {
        margin:5px 30px 2px 10px;
        padding:7px 10px 7px 10px;
        /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
       /* height:31px;*/ /* 14px + 15px + 2px = 33px */
		border: 1px solid #aaa;
		width:450px;
        line-height:11px;
		font-size:10px;
		letter-spacing:0.1em;
		background:#fff;
		text-align:center;
       /* height:210px; */ /* the correct height */
        }

#cycleContainer {
		margin:0px 30px 0px 10px;
        padding:15px 10px 5px 10px;
        /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
       /* height:31px;*/ /* 14px + 15px + 2px = 33px */
		//border: 1px solid #aaa;
		border-style: dashed solid solid solid;
		border-width:1px;
		border-color:#aaa;
		width:450px;
        line-height:11px;
		font-size:10px;
		letter-spacing:0.1em;
		background:#fff;
		text-align:center;
        height:335px; /* the correct height */
        }

#cycleContainerPre {
                margin:0px 30px 0px 10px;
        		 padding:5px 10px 5px 10px;
        /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
       /* height:31px;*/ /* 14px + 15px + 2px = 33px */
                border: 1px solid #aaa;
                width:450px;
       			 line-height:11px;
                font-size:10px;
                letter-spacing:0.1em;
                background:#fff;
                text-align:center;
       			 height:15px; /* the correct height */
        }


#cycleContainerPre2 {
                margin:0px 30px 0px 10px;
      			 padding:5px 10px 5px 10px;
        /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
       /* height:31px;*/ /* 14px + 15px + 2px = 33px */
                //border: 1px solid #aaa;
				 border-width: 1px 1px 0 1px;
				 border-style:solid;
				 border-color:#aaa;
                width:450px;
        		 line-height:11px;
                font-size:10px;
                letter-spacing:0.1em;
                background:#fff;
                text-align:center;
        		 height:15px; /* the correct height */
        }


#cycleContainer img {
	float:left;
	border: 1px solid #666;
	padding:0px;
	margin:3px 1px 3px 1px;
	}


#col1 	{
		position: absolute;
		left:25px;
		width:105px;
		text-align:left;
		}

#col2 	{
		position: absolute;
		left:130px;
		width:105px;
		text-align:left;
		}

#col3 	{
		position: absolute;
		left:245px;
		width:105px;
		text-align:left;
		}

#col4 	{
		position: absolute;
		left:360px;
		width:105px;
		text-align:left;
		}

/* -------------- old stuff -------------- */


BODY	{
		//background:		#eee;
		background: #D9E1D7;
		color:			#19192C;
		font-size:		12px;
		letter-spacing:	0.1em;
		font-family:	Arial, Verdana, Helvetica;
		padding:0;
		margin:0;		
		}
td		{
		color:			#19192C;
		font-size:		12px;
		letter-spacing:	0.1em;
		font-family:	Arial, Verdana, Helvetica;
		}

h1 {
	font-size:14px;
	padding-left:10px;
	padding-bottom:3px;
	margin-bottom:3px;
	color:#666;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:1px;
	border-color:#999;
	border-style:solid;
}

A:link	{
		text-decoration: none;
		color:			#751113;
		}

A:visited	{
		text-decoration: none;
		color:			#753411;
		}
		
A:hover	{
		text-decoration: underline;
		}

A:active	{
		text-decoration: none;
		color:			#755252;
		}


a.bob:link	{
		font-weight: bold;
		text-decoration: none;
		color:			#000000;
		}

a.bob:visited	{
		font-weight: bold;
		text-decoration: none;
		color:			#000000;
		}
		
a.bob:hover	{
		font-weight: bold;
		text-decoration: none;
		}		

div.list	{
		position:		relative;
		left:			20px;
		width:			400px;
		}
		
span.sm	{
		font-size:		8pt;
		color:			maroon;
		}

span.med	{
		font-size:		10pt;
		color:			maroon;
		}
		
span.big	{
		font-size:		12pt;
		color:			maroon;
		}
		
span.contact	{
		font-size:		9pt;
		}
		
span.txt	{
		font-size:		10pt;
		}

span.txts	{
		font-size:		8pt;
		}

span.footer	{
		font-size:		8pt;
		color:			black;
		letter-spacing:	.1em;
		}