/* CSS Document */

#all {
	position: relative;
	width: 100%;
}
#page {
	position: relative;
	width:850px;
	background-color: black;
	text-align:left;
	margin: 0px auto;
}
#pageleft {
	position: absolute;
	left:0;
	min-width:10px;
	width:40%;
	height:129px;
	background-image: url(img/left_margin.gif);
	background-repeat: repeat-x;
	background-position:bottom right;
	margin:0px auto;
}
#pageright {
	position: absolute;
	right:0;
	min-width:10px;
	width:40%;
	height:129px;
	background-image: url(img/right_margin.gif);
	background-repeat: repeat-x;
	background-position:bottom right;
	margin: 0px auto;
}
#tabs {
	position:absolute;
	height:24px;
	top:63px;
	left:240px;
	margin-right:20px;
}
#logos {
	float:left;
}

#row1 {
	height:87px;
	width:850px;
	background-color:black;
	border-bottom:0px solid black;
	background-image: url(img/arch.gif);
	background-repeat: no-repeat;
	background-position:top right;
}
#row2 {
	height:25px;
	width:850px;
	background-color:black;
}
#wrap {
	width:848px;
	background-color:black;
	border-bottom:1px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
}
.myclass
{
	width:848px;
	background-color:#CCCCCC;
	border-bottom:1px solid white;
	border-right:1px solid white;
	border-left:1px solid white;
}

.tdLiveDay
{
	background-image: url(img/livedata2.jpg);
	width:100%;
}

.tdLiveNight
{
	background-image: url(img/livedata2.jpg);
	width:100%;
}

.tdcusname
{
	background:#F0AB00;
}

.solarSystemDiv
{
	color:Black;
	font-family:Sans-Serif;
	font-size:15px;
	padding-left:3px;
	padding-right:0px;
	padding-top:3px;
	text-align:left;
	font-weight:bold;
}

.lastUpdatedDiv
{
	padding-left:100px;
	text-align:left;
	color:Black;
	font-family:Sans-Serif;
	font-size:14px;
	width:280px;
}

#wrap_state {
	width:848px;
	height:800px;
	background-color:#3D7238;
	border-bottom:1px solid white;
	border-right:1px solid white;
	border-left:1px solid white;
	background-image: url(statement/statementbg.gif);
	background-repeat: repeat-x;
	background-position:top left;
}
#sidebar {
	background-color:#CCCCCC;
	width:213px;
	float:left;
}
#sidebar2 {
	position:absolute;
	z-index:1;
	left: 0px;
	top: 115px;
}
#bodycontent {
	background-color:white;
	width:635px;
	float:right;
}
#wrapbottom {
	width:848px;
	background-color:black;
	clear:both;
}
#sidebarbottom {
	width:213px;
	height:27px;
	float:left;
}
#bodycontentbottom {
	background-color:black;
	width:635px;
	height:27px;
	float:right;
	color:White;
}
#bodycontentbottom_main {
	background-color:black;
	width:634px;
	border-left:1px solid white;
	height:27px;
	float:right;
}
#bottombar0 {
	background-color:#4F4F4F;
	width:848px;
	height: 24px;
	color:white;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:7px;
	clear:both;
	border-top:0px solid white;
	border-bottom:0px solid #FBA42E;
}
.left_text {
	float: left;
}
.right_text {
	float: right;
	padding-right:5px;
}
.main {
	color: black;
	background-color:#FFFF00;
}
.cssnav {
	position:relative;
	float:left;
	font-family: arial, helvetica, sans-serif;
	background-image: url(img/hsn_jpeg_tab10.jpg);
	background-repeat: no-repeat;
	white-space: nowrap;
	width: 116px;
	height: 24px;
	margin-left:4px;
	padding: 0;
}
.cssnav a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	width: 116px;
	height: 24px;
	display: block;
	float: left;
	text-decoration: none;
}
.cssnav img {
	width: 116px;
	height: 24px;
	border: 0;
}
* html a:hover {
	visibility:visible;
	color:#FFFFFF
}
.cssnav a:hover img {
	visibility:hidden
}
.cssnav a:hover {
	color:#FFFFFF
}
.cssnav a:visited {
	color:#FFFFFF
}
.cssnav span {
	position: absolute;
	left:1px;
	top:8px;
	width:114px;
	text-align:center;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
.sidebarbasics {
	text-align:right;
	margin-top:15px;
	margin-right:15px;
	color:#666666;
	font-weight:bold;
	line-height:25px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}
.sidebarbasics a, a:visited {
	text-decoration:none;
	color: #666666;
}
.sidebarbasics a:hover {
	text-decoration:none;
	color:#FBA42E;
}
/*sun statement*/

.state_top {
	width:630px;
	height:26px;
	position:absolute;
	z-index:1;
	left: 100px;
	top: 141px;
	padding-left:15px;
}
.statement {
	width:650px;
	position:absolute;
	background-color:white;
	padding-bottom:20px;
	z-index:1;
	left: 101px;
	top: 168px;
	height: 650px;
}
/* text style */

p {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:20px;
	margin-right:20px;
	font-size:.86em;
	line-height:1.3em;
}
p a {
	color:black;
	text-decoration:none;
	border-bottom: 1px dotted #888888;
}
p a:visited {
	color:black;
	text-decoration:none;
	border-bottom: 1px dotted #888888;
}
p a:hover {
	color:black;
	text-decoration:none;
	border-bottom: 1px dotted #888888;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:20px;
	margin-right:20px;
	font-weight:bold;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:50px;
	margin-right:40px;
	font-size:.86em;
	line-height:1.2em;
}
#bodytitle {
	width:633px;
	height:34px;
	margin-top:15px;
	border-left:1px solid white;
	background-image: url(img/titlebg.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
}
#sidebartitle {
	width:213px;
	height:34px;
	margin-top:15px;
	background-color:#D8D8D8;
}
.stitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #666666;
	text-align:right;
	padding-top: 5px;
	padding-right:15px;
}
.btitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #000000;
	padding-top:5px;
	padding-left:20px;
}
.bodytitle_sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-left:10px;
	color:#000000;
	margin-top:20px;
	padding-bottom:2px;
	margin-bottom:10px;
	margin-right:20px;
	border-bottom: 1px solid #000000;
	text-transform:uppercase;
}
.bodytitle_sub .small {
	font-size:10px;
	font-style:normal;
}
.download {
	border: 1px solid #FBA42E;
	background-color:#F9EBD5;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	margin-right:20px;
	margin-left:20px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}
.download:visited {
	text-decoration:none;
	font-weight:bold;
	color: #333333;
}
.download:hover {
	text-decoration:none;
	font-weight:bold;
	color:white;
	background-color:#FBA42E;
}
.accounttable {
	background-color:#1774BA;
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	border: 2px solid #68B5DA;
	font-size:.86em;
	line-height:1.3em;
	width:480px;
	padding-left:30px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:10px;
	margin-left:50px;
}
.accounttable .boxlabel {
	float:left;
	padding-top:3px;
}
/* below starts main index data formatting */

#Live {
	position:absolute;
	width:90px;
	height:25px;
	z-index:1;
	left: 215px;
	top: 135px;
}

#Miles {
	position:absolute;
	width:90px;
	height:25px;
	z-index:1;
	left: 85px;
	top: 552px;
}

#System {
	position:absolute;
	width:135px;
	height:25px;
	z-index:1;
	left: 56px;
	top: 342px;
}

#Join {
	position:absolute;
	width:140px;
	height:25px;
	z-index:1;
	left: 54px;
	top: 650px;
}

#Invite {
	position:absolute;
	width:135px;
	height:25px;
	z-index:1;
	left: 60px;
	top: 710px;
}

#MoreInfo {
	position:absolute;
	z-index:1;
	left: 62px;
	top: 725px;
}

.style1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:20px;
}
.style2 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:20px;
}
.style3 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.style4 {
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	text-align:center;
}

#Trees {
	position:absolute;
	width:118px;
	height:21px;
	z-index:1;
	left: 76px;
	top: 443px;
}

#LiveData {
	position:absolute;
	z-index:1;
	left: 485px;
	top: 135px;
}

#LastUpdated {
	position:absolute;
	z-index:1;
	left: 475px;
	top: 142px;
}

#DayTotal {
	position:absolute;
	width:118px;
	height:21px;
	z-index:1;
	left: 51px;
	top: 203px;
}
#LifeTimeTotal {
	position:absolute;
	width:118px;
	height:21px;
	z-index:1;
	left: 51px;
	top: 246px;
}
#LastUpdate {
	position:absolute;
	width:269px;
	height:19px;
	z-index:1;
	left: 314px;
	top: 143px;
}
.style4day {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:black;
}
.style4night {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:black;
}
.bigred {
	color: #CC0000;
}

.button {
	border: 1px solid #68b5da;
	background-color: #1774ba;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 1px;
	height: 24px;
	color: White;
}
.footer {
	font-size: 1.20em;
	vertical-align:middle;
}

