/*============================================================
	©2006 H2O Developments
	You may copy and customise this style sheet to suit your own needs, but please 
	give credit and reference back to H2O Developments for the development of this
	stylesheet.  Thank you
============================================================*/

@import url('fonts.css');
@import url('nav.css');
@import url('elements.css');
@import url('classes.css');
@import url('tables.css');

html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background:#fff;
}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background: #efefef;
}

/*============================================================
	Header
============================================================*/
#conHeader {
	position:absolute; 
	top:0;
	left:50%; 
	height:100px; 
	width:779px; 
	min-width:779px; 
	margin:0 0 0 -385px; 
	font-size:100%; 
	color: #fff;
	background: transparent url(/_siteFiles/_images/header.jpg) no-repeat; 
	z-index:6; 
}

* html #conHeader {
	width:779px; 
	height:100px;
}

#conHeader #headTitle{
	position: absolute;
	top: 0;
}

#conHeader #headTitle h1 span{ display: none;}

#conHeader #headTitle img {
	margin: 0 0 0 15px;
}

#headTitle a {
	color: #fff;
	text-decoration: none;
}	

#conHeader #search {
	position: absolute;
	top: 3px;
	right: 30px;
	padding: 2px 0 0 0;
}

* html #conHeader #search {
	padding: 0;
}

#conHeader #search label {
	color: #000;
	width: 30px;
	padding: 4px 0 0 0;
}

/*============================================================
	Content
============================================================*/
#content,#contentFull {
	position:absolute; 
	display:block; 
	top:100px; 
	bottom:32px; 
	width:558px;
	left:50%; 
	margin:0 0 0 -385px; 
	border-left:1px solid #06c;
	border-right:1px solid #06c;
	background: #fff url(/_siteFiles/_images/content_bg.jpg) 9px 0 repeat-y;
	overflow:auto;
	line-height: 1.5em;
	z-index:3; 
}

* html #content {
	top:2px; 
	bottom:0; 
	height:100%;
	width:560px;
	border-top:100px solid #fff; 
	border-bottom:31px solid #fff;
}

#contentFull {
	width: 757px;
	background: #fff ;
}

#content .block,#contentFull block {
	padding: 15px;
	text-align:justify;
}

#content .subblock,#contentFull .subblock {
	padding: 15px;
	text-align:justify;
	margin: 0 10px 0 0;
}

#content .subblock ul,#contentFull .subblock ul{
	text-align: left;
}

#content img.frm {
	border: 2px dotted #903;
}

#content img.sml {
	height: 90px;
	width: 135px;
}

#content img.sml:hover {
	height: 290px;
	width: 365px;
}

#content #result_report {
	background: transparent;
	border: 1px solid #06c;
	padding: 2px;
}

#content #results {
	text-align: left;
}

#content .searchBox {
	text-align: center;
}

#content .subblock #shipData,#content .subblock #alienData,,#content .subblock #crewData {
	height: 100px;
	clear: both;
}

#content .subblock #shipData img,#content .subblock #alienData img,#content .subblock #crewData img {
	width: 120px;
	height: 76px;
}

#content .subblock #shipData label,#content .subblock #alienData label,#content .subblock #crewData label {
	font-weight: 700;
}

#content .subblock #planetData {
	height: auto;
	width: 96%;
	min-height: 530px;
}

#content .subblock #planetData ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

#content .subblock #planetData ul li {
	display: block;
	height: 130px;
	width: 150px;
	float: left;
}

.dataList {
	width: 250px;
	height: 230px;
	border: 1px solid #ccc;
	overflow: auto;
}

span.quote {
	border: 1px dotted #099;
	color: #903;
	font-weight: bold;
	padding: 0 4px;
}

#content #socialbm {
	width: 100%;
	text-align: left;
	border-top: 1px solid #efefef;
	padding: 2px 0 0 0;
}

#content #socialbm ul {
	display: table;
	list-style: none;
	white-space:nowrap;
	padding: 0;
	margin: 0;
}

#content #socialbm ul li {
	display: inline;
	margin: 0 5px 0 0;
}

/*============================================================
	Left menu
============================================================*/
#subMenu {
	position:absolute;
	left: 50%;
	top: 0;
	right: 0;
	width: 200px;
	height: 100%;
	margin: 0 0 0 175px; 
	border-right: 1px solid #06c;
	border-left: 1px solid #06c;
	background: transparent url(/_siteFiles/_images/sub_bg.gif) 100px 0;
	text-align:left;
	z-index: 5;
	overflow: auto;
}

html *>#subMenu { /*IE7 Hack */
	margin: 0 0 0 173px;
}

#subMenu .head {
	height: 20px;
	font: 120% Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	background: #06c;
	text-align: center;
	color: #fff;
}

#subMenu ul {
	margin: 5px 2px;
	padding: 0;
	list-style: none;
	font-weight: 700;
}

#subMenu ul li {
	display: block;
	height: 18px;
	line-height: 17px;
	margin: 0 0 3px 0;
}

#subMenu ul li a {
	display: block;
	height: 18px;
	line-height: 17px;
	text-decoration: none;
	border: 1px solid #06c;
	background: #999;
	text-indent: 10px;
	color: #fff;
}

#subMenu ul li a:hover {
	background: #fc9;
}

#subMenu #counter {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 35px;
	border-top: 1px solid #06c;
	text-align: center;
}

#subMenu #counter span {
	display: block;
	width: 60px;
	float: left;
	font-size: 75%;
	color: #06c;
	font-weight: 700;
	text-indent: 40px;
}

.contact {
	margin: 2% 0 25% 0;
	font-size: 100%;
	padding: 5% 0;
	border-top: 1px solid #06c;
}

.pad {
	display: block; 
	height: 98px;
}

* html .pad{
	height: 100px;
}

#relLinks {
	text-align: left;
}

/*============================================================
	Home page news scroller
============================================================*/
#newsBlock {
	position:relative;
	width: 100%;
	height: 240px;
	color: #000;
	overflow:auto;
	text-align: left;
	font-size: 85%;
}

#subMenu>#newsBlock {
	padding: 0 0 0 4px;
}

#scroller {
	position: absolute;
	width: 100%;
	margin: 1px 0;
}

#scroller2 {
	position: relative;
	width: 100%;
	margin: 1px 0;
}

#newsBlock a {
	color: #903;
	text-decoration: underline;
}

span.low {
	display: block;
	border-top: 1px solid #06c;
	padding: 3px 0 0 0;
}

/*============================================================
	Footer
============================================================*/
#conFooter {
	position:absolute; 
	left:50%; 
	bottom:0; 
	height:30px; 
	width: 758px;
	min-width:140px; 
	margin:0 0 0 -385px; 
	font-size: 0.8em;
	color:#903;
	border: 1px solid #06c;
	background: #fff url(/_siteFiles/_images/sub_bg.gif);
	z-index:5; 
}

* html #conFooter {
	width: 760px;
	height:30px;
}

#conFooter .text{
	float: left;
	width: 29%;
	padding: 8px 0 0 10px;
}

#conFooter .valid {
	float: right; 
	width: 69%; 
	text-align:right; 
	padding: 8px 5px 0 0;
}