@charset "UTF-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #969696;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColLiqCtrHdr #container {
	width: 1200px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: center; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image: url(images/tiltshift-firesnow2.jpg);
	/*background-color: #1A2F5E;*/
	background-color: #182045;
	background-repeat: no-repeat;
	background-position: left top;
	height: 250px;
	color: #C93;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
}
.oneColLiqCtrHdr #header h1,.oneColLiqCtrHdr #header h3,.oneColLiqCtrHdr #header h5 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0px 10px 300px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align: center;
}
.oneColLiqCtrHdr #mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFEFF;
	text-align: center;
}
.oneColLiqCtrHdr #footer {
	clear: both;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#falsefeet {
	clear: both;
	width: 100%;
	text-align: center;
	/*border: solid medium #033;*/
}
.spacer {
	position: relative;
	width: 100px;
	/*border: solid medium #0FC;*/
}
#centering {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	/*border: solid medium #36F;*/
}
/*#container #mainContent {
	margin: auto;
	text-align: center;
}
#exploreriscrap h1 {
	text-align: center;
	margin: auto;
}
*/
.it {
	width: 100%;
	height: 225px;
	margin: auto;
	text-align: center;
	/*border: solid thin #9F9;*/
}
/* 50PX WIDER THAN INTERNAL BOXES -- NOT CENTERING */
.row {
	position: absolute;
	margin: auto;
	text-align: center;
	/*border: solid thin #933;*/
}
.snippet {
	position: relative;
	width: 150px;
	height: 140px;
	/*margin: 20px;*/
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 12px;
	text-align: center;
	border-left: solid medium #666;
	/*border-bottom: solid thin #CCC;
	border: thin solid #666;*/
} 
#spacing {
	/*position: relative;
	margin-left: 60px;*/
	width: 225px;
	float: left;
	z-index: 9;
	border-bottom: none thick #FFF;
	border-left: none thick #FFF;
	/*background-color: #FFF;*/
}
#box1 {
	/*position: relative;
	margin-left: 60px;*/
	float: left;
	z-index: 1;
	/*background-color: #F00;*/
}
#box2 {
	/*position: relative;*/
	float: left;
	z-index: 2;
	/*background-color: #F60;*/
}
#box3 {
	/*position: relative;*/
	float: left;
	z-index: 3;
	/*background-color: #FF0;*/
}
#box4 {
	position: relative;
	float: left;
	z-index: 4;
	/*background-color: #090;*/
}
#box5 {
	position: relative;
	float: left;
	z-index: 5;
	/*background-color: #03C;*/
	border-right: solid medium #666;
}
#box6 {
	position: relative;
	float: left;
	z-index: 6;
	/*background-color: #63F;*/
	display: none;
}
#box7 {
	position: relative;
	float: left;
	z-index: 7;
	background-color: #60C;
	display: none;
}
#box8 {
	position: relative;
	float: left;
	z-index: 8;
	background-color: #603;
	display: none;
}
li {
	text-align: left;
	list-style-type: none;
	margin-left: -30px;
	position: relative;
}
.ctr {
	text-align: center;
}
.lft {
	text-align: left;
}
.rgt {
	text-align: right;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*#page1 #swatch1 {
	background-image: url(images/jail.gif);
}
#page1 #swatch2 {
	background-image: url(images/computerlogos.gif);
}
#page1 #swatch3 {
	background-image: url(images/newsprint.gif);
}
#page1 #swatch4 {
	background-image: url(images/diddle.gif);
}
#page1 #swatch5 {
	background-image: url(images/seasons.gif);
}
#page1 #swatch6 {
	background-image: url(images/roswell.gif);
}*/

/*############ hourly colors ############*/
.hour00 embed {
	background-color: #000000;
}
/*.hour0030 embed {
	background-color: #131300;
}*/
.hour01 embed {
	background-color: #2B2800;
}
/*.hour0130 embed {
	background-color: #3F3B00;
}*/
.hour02 embed {
	background-color: #565100;
}
/*.hour0230 embed {
	background-color: #6B6300;
}*/
.hour03 embed {
	background-color: #827600;
}
/*.hour0330 embed {
	background-color: #927500;
}*/
.hour04 embed {
	background-color: #A67300;
}
/*.hour0430 embed {
	background-color: #B67100;
}*/
.hour05 embed {
	background-color: #C8602;
}
/*.hour0530 embed {
	background-color: #D96C16;
}*/
.hour06 embed {
	background-color: #EA6C27;
}
/*.hour0630 embed {
	background-color: #EE8639;
}*/
.hour07 embed {
	background-color: #F1A049;
}
/*.hour0730 embed {
	background-color: #F3BB57;
}*/
.hour08 embed {
	background-color: #F6D466;
}
/*.hour0830 embed {
	background-color: #F7EC73;
}*/
.hour09 embed {
	background-color: #F9FF82;
}
/*.hour0930 embed {
	background-color: #FAFF99;
}*/
.hour10 embed {
	background-color: #FBFFAE;
}
/*.hour1030 embed {
	background-color: #FCFFC0;
}*/
.hour11 embed {
	background-color: #FCFFD5;
}
/*.hour1130 embed {
	background-color: #FEFFEA;
}*/
.hour12 embed {
	background-color: #FFF;
}
/*.hour1230 embed {
	background-color: #D9EDFA;
}*/
.hour13 embed {
	background-color: #B4DCF5;
}
/*.hour1330 embed {
	background-color: #92CCF1;
}*/
.hour14 embed {
	background-color: #6BBAEC;
}
/*.hour1430 embed {
	background-color: #43AAE7;
}*/
.hour15 embed {
	background-color: #1996E0;
}
/*.hour1530 embed {
	background-color: #4D86D1;
}*/
.hour16 embed {
	background-color: #7478C1;
}
/*.hour1630 embed {
	background-color: #9560B2;
}*/
.hour17 embed {
	background-color: #B548A1;
}
/*.hour1730 embed {
	background-color: #D22B90;
}*/
.hour18 embed {
	background-color: #EC0080;
}
/*.hour1830 embed {
	background-color: #DC0080;
}*/
.hour19 embed {
	background-color: #CB0080;
}
/*.hour1930 embed {
	background-color: #BB0080;
}*/
.hour20 embed {
	background-color: #A90080;
}
/*.hour2030 embed {
	background-color: #99007F;
}*/
.hour21 embed {
	background-color: #87007E;
}
/*.hour2130 embed {
	background-color: #710069;
}*/
.hour22 embed {
	background-color: #5A0052;
}
/*.hour2230 embed {
	background-color: #450040;
}*/
.hour23 embed {
	background-color: #2E002A;
}
/*.hour2330 embed {
	background-color: #160013;
}*/
.hour24 embed {
	background-color: #000000;
}