body {
	/* font-family:"lucida grande",tahoma,verdana,arial,sans-serif; */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	clear: left;
	text-align: center;
	min-width: 760px;
	background-color: #030713;
}

body a {
  text-decoration: none;
}

#centrePage {
  width: 760px;
  margin: 0 auto;
  text-align: left;
}

#narrative
{
 font-size: 14px;
 background-color: white;
}

#narrative table{
  border-style: inset;
  border-width: 5px;
}

#narrative p
{
	font-size: 14px;
	clear: left;
}

#narrative h2
{
  font-size: 12px;
  color: #3399FF;
  margin-bottom: 0px;
}

#narrative a {
  // text-decoration: underline;
  background-color: #66FFFF;
}

#discuss {
	clear: left;
}

#discuss h2 {
  clear: left;
}


#mainContent {
  clear: left;
	background-color:white;
}

#mainContent p {
  clear: left;
}

#mainContent h2
{
  font-size: 12px;
  color: #3399FF;
  margin-bottom: 0px;
}

.mainimage
{
 padding-left: 15px;
 border: 0px;
}

.space15
{
 padding-left: 15px;
}

h1 a {
}

h1
{
  font-size: 14px;
  margin-bottom: 10px;
	margin-top: 0px;
  color: #3399FF;
  text-align: center;
}

h2
{
  font-size: 12px;
  color: #3399FF;
  margin-bottom: 0px;
}

.libraryMenu {
  font-size: 12px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #339900;
  float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.libraryMenu:hover {
  font-style: italic
}

#headerStatus {
  color: #00FFFF;
  text-align: left;
	padding-left: 630px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#headerStatus a {
  color: #00FFFF;
	text-decoration: none;
}

#headerStatus a:hover {
	font-style: italic;
	color: black;
	background-color:#84CFD0;
}

.warning
{
	font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
	background-color: red;
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


.searchForm {
  padding-left: 10px;
}

.navMenu
{
 background-color: White;
 list-style: none;
 padding-right: 0px;
 padding-top: 0px;
 padding-left: 0px;
 width: 760px;
 clear: left;
 /* margin-left: 40; */
}

.navMenu ul
{
 margin: 0px;
 padding: 0px;
 float: left;
 list-style: none;
 line-height: 25px;
 height: 25px;
}

.navMenu ul li
{
 float: left;
}

.navMenu ul a
{
 padding-top: 0px;
 padding-bottom: 0px;
 padding-right: 15px; /* PJB */
 padding-left: 15px;

 /* line-height: 2.1em; */
 background-image:  url(http://www.historyoftheuniverse.com/facebook/tcDev/images/mainNavBorder.gif);
 background-repeat: repeat-y;
 background-position: left top;
 text-decoration: none;
 color: white;
 float: left;
 display: block;
}

.navMenu ul a:hover
{
 color: #333;
 background-color:#84CFD0;
 }

/* fails */
.navMenu ul first
{
 background-image: none;
}

#subMenu {
 padding-left: 10px;
 font-size: 10px;
}

#subMenu ul {
 line-height: 22px;
 height: 22px;
}

#subMenu ul a:hover
{
 color: #333;
 background-color: #84CFD0;
}

#subMenu ul a {
 padding-right: 15px;
 padding-left: 15px;
 background-image:  url(http://www.historyoftheuniverse.com/facebook/tcDev/images/mainNavBorder.gif);
 background-repeat: repeat-y;
 background-position: left top;
 color: white;
}

/* background-image: url(http://www.historyoftheuniverse.com/facebook/tcDev/images/subMenuSelBg.jpg); */
#subMenu li.selected {
 background-image: url(http://www.historyoftheuniverse.com/facebook/tcDev/images/subMenuSelBg.jpg);
 background-repeat: repeat-x;
 background-position: left top;
 color: black;
}

#subMenu li.unselected {
 background-image:  url(http://www.historyoftheuniverse.com/facebook/tcDev/images/subUnselBg.jpg);
 background-repeat: repeat-x;
 background-position: left top;
 text-decoration: none;
}

.selected {
 /* line-height: 2.1em; */
 background-image:  url(http://www.historyoftheuniverse.com/facebook/tcDev/images/mainSelBg.gif);
 background-repeat: repeat-x;
 background-position: left top;
 text-decoration: none;
 color: black;
 float: left;
 display: block;
 padding-right: 15px;
 padding-left: 15px;
}

.unselected {
 background-image:  url(http://www.historyoftheuniverse.com/facebook/tcDev/images/mainUnselBg.gif);
 background-repeat: repeat-x;
 background-position: left top;
 text-decoration: none;
}

.submit {
	color: #000000;
	height: 25px;
}

#libraryMenu {
  font-size: 12px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #339900;
	clear: left;
  float: left;
}

#libraryMenu:hover {
  font-style: italic
}

/* forum styles */
.forum{
  background-color: #EEEEEE;
}

.forum_title {
background-color:#CFD7E4;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #3B5998;
color:#3B5998;
font-size:11px;
font-weight:bold;
padding:5px;
}

.forum_subtitle {
background-color:LightGrey;
border-bottom:1px solid #CCCCCC;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
padding:3px 5px 2px;
display:block;
/* "float: left; */
}
.topic {
clear: left;
padding:10px 10px 15px;
display:block;
/* border: Black medium solid; */
}
.topic_header {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: black;
font-weight:bold;
padding:0px 0px 0px;
}
.topic_title {
	float: left;
}
.topic_option {
  float: right;
}

.pipe {
	color:gray;
	padding:0 3px;
}
.post {
clear: left;
padding: 10px 10px 0px;
/* padding:3px 4px; */
display: none;
/* display: block; */
}
.post_title {
font-size:14px;
color: Blue;
font-weight:bold;
padding:0px 0px 0px;
display:block;
}
.authorInfo {
  float:left;
}
.post_header {
background:#F7F7F7 none repeat scroll 0 0;
border-bottom:1px solid #D8DFEA;
border-top:1px solid #3B5998;
color:#222222;
font-size:11px;
padding:3px 4px;
height: 15px;
}
.post_body {
color:Black;
display:block;
font-size:12px;
font-weight:normal;
padding:0 5px;
float:left;
width: 80%;
}
.author_header {
float:left;
}
.timestamp {
float:right;
}
.post_message {
  clear:left;
}
.post_index {
  color: gray;
	font-size: 9px;
}

.displayBlock {
	display: block;
}
.question {;
  padding-left: 10px;
  border: 1px solid;
	clear:left;
}
.question H1 {
	color: DeepSkyBlue;
  clear: left;
}
.question br {
  clear: left;
}

.sideMenu
{
 background-color: White;
 list-style: none;
 padding-right: 0px;
 padding-top: 0px;
 padding-left: 0px;
 width: 150px;
 clear: left;
 /* margin-left: 40; */
 /* border-left: solid; */
}

.sideMenu ul
{
 margin: 0px;
 padding: 0px;
 float: none;
 list-style: none;
 line-height: 25px;
 height: 25px;
 text-decoration: none;
}

.sideMenu ul li
{
 float: none;
}

.sideMenu ul a
{
 display: block;
 text-decoration: none;
 width: 150px;
 height: 25px;
 line-height: 25px;
 background-image:  url(http://www.historyoftheuniverse.com/facebook/tcDev/images/mainNavBorder.gif);
 background-repeat: repeat-y;
 background-position: left top;
 color: white;
 float: none;
}

.sideMenu ul a:hover
{
 color: #333;
 background-color:#84CFD0;
}

/* fix error in ie */
.sideMenu h1
{
  text-align: center
}

.footer {
  color: white;
}

.highlight {
  font-family: Tahoma, Arial, sans-serif;
  font-size: larger;
  color: Red;
}

.headline {
  font-family: Arial, Helvetica, sans-serif;
  color: Red;
	font-size: 14px;
	clear: left;
}

.clearBoth {
  clear: both;
}