body {
	background:black;
        color: white;
	text-align:center;
	padding:0px;
	margin:10px;
	width:800px;
}
body a { color:#ADD8E6; }
body a:hover { color:#FAFAD2;}

#content {
  position:relative;
  background: #202362;
  text-align:left;
  float:left;
  vertical-align:top;
  width:758px;
  padding: 20px;
  padding-top:10px;
  border: 1px solid white;
 }

#content hr {
  clear:both;
}

input.bsty {
  font-family:sans-serif;
  font-weight:bold;  
  font-size:16px;
  background-color:#EEC900;  
  width:300px;
  height: 40px;
  padding:1px;
  margin:1px;
}

input.bsty2 {
  font-family:sans-serif;
  font-weight:bold;  
  font-size:14px;
  background-color:#EEC900;  
  width:300px;
  height: 20px;
  padding:0px;
  margin:0px;
}

#header {
  background: url('../images/cstitle.jpg') no-repeat;
  top:0px;
  margin:0px;
  padding:0px;
  height:326px;
  width:798px;
  border: 1px solid white;
  text-align:left;
  color:#202362;
}

#header2 
 {
  background: url('../images/scifititle.jpg') no-repeat;
  top:0px;
  margin:0px;
  padding:0px;
  height:326px;
  width:798px;
  border: 1px solid white;
  text-align:left;
  color:#202362;
}

#header3 {
  background: url('../images/background/film.jpg') no-repeat;
  top:0px;
  margin:0px;
  padding:0px;
  height:80px;
  width:798px;
  border: 1px solid white;
  text-align:left;
  color:#202362;
}

#header4  {
  background: url('../images/hometitle.jpg') no-repeat;
  top:0px;
  margin:0px;
  padding:0px;
  height:326px;
  width:798px;
  border: 1px solid white;
  text-align:left;
  color:#202362;
}

#header5
 {
  background: url('../images/marvel_heroes.jpg') no-repeat;
  top:0px;
  margin:0px;
  padding:0px;
  height:326px;
  width:798px;
  border: 1px solid white;
  text-align:left;
  color:#202362;
}

#header ul {
  position:relative;
  padding:0px;
  margin:0px;
  border:0px;
  top:20px;
  left:20px;
  font-size: 36px;
  list-style:none;
 }

#header2 ul {
  color:white;
  position:relative;
  padding:0px;
  margin:0px;
  border:0px;
  top:20px;
  left:20px;
  font-size: 36px;
  font-family: impact, fantasy;
  list-style:none;
 }

#menu {
  width:800px;
  top:0px;
  padding:0px;
  margin:0px;
  text-align:center;
}

#menu2 {
  width:800px;
  top:0px;
  padding:0px;
  margin:0px;
  text-align:center;
}

#menu a {
  color:white;
  text-decoration:none;
  font-weight:bold;
}

#menu2 a {
  color:white;
  text-decoration:none;
  font-weight:bold;
}

#menu ul {
  position:relative;
  padding:0px;
  margin:0px;
  left:0px;
  width:798px;
  text-align:center;
  border: 1px solid white;
  font-size:14px;
  list-style: none;
  float:left;
  background:#050c5f;
}

#menu2 ul {
  position:relative;
  padding:0px;
  margin:0px;
  left:0px;
  width:798px;
  text-align:center;
  border: 1px solid white;
  font-size:14px;
  list-style: none;
  float:left;
  background:#050c5f;
}

#menu li {
  position:relative;
  padding:10px;
  left:0px;
  float:left;
  padding-left:20px;
}

#menu2 li {
  position:relative;
  padding:10px;
  left:0px;
  float:left;
  padding-left:20px;
}

#footer {
  position: relative;
  top:0px;
  bottom:0px;
  width:798px;
  clear:both;
  height:40px;
  margin:0;
  padding:0px;
  border: 1px solid white;
  background:#050c5f;
  color:white;
 }

#footer img {
  padding:0px;
  border:0px;
  margin:0px;
}

#footer ul { 
  font-size: 14px;
  padding:0px;
  border:0px;
  margin:0px;
  list-style:none;
 }

#footer li.valid1 {
  float:left;
  padding:5px;
  width:100px;
}

#footer li.valid2 {
  float:right;
  width:100px;
  padding:5px;
}

#footer li.email {
  float:left;
  padding:10px;
  width:558px;
  text-align:center;
 }

#footer a {
  color: white;
 }

#footer a:hover { 
  color: black;
 }

#content li {
  padding:2px;
  list-style:none;
}

#content img {
  float:left;
  padding-right:20px;
}

li.ind {
  text-indent:25px;
  font-family:times;
  font-size:18px;
}

ul.fullbox li{
  margin-bottom:4px;
}

ul.fullbox {
  background:#101131;
  border:0px;
  padding:20px;
  margin:10px;
  margin-left:0px;
  margin-right:0px;
  position:relative;
  text-align:left;
  float:left;
  width:718px;
  color:white;
}

ul.lhalf {
  background:#101131;
  border:0px;
  padding:20px;
  position:relative;
  margin:10px;
  margin-right:10px;
  margin-left:0px;
  text-align:left;
  float:left;
  width:329px;
  color:white;
}

ul.rhalf {
  background:#101131;
  border:0px;
  padding:20px;
  margin:10px;
  margin-left:10px;
  margin-right:0px;
  position:relative;
  text-align:left;
  float:left;
  width:329px;
  color:white;
}

h1.head1 {
  text-align:center;
  padding:2px;
  padding-bottom:15px;
  margin:0px;
  border:0px;
  font-size:24px;
  font-family:sans-serif;
  font-variant:small-caps;
}

h2.head1 {
  text-align:left;
  padding:2px;
  padding-bottom:15px;
  margin:0px;
  border:0px;
  font-size:24px;
  font-family:sans-serif;
  font-variant:small-caps;
}

h3.head1 {
  text-align:left;
  padding:1px;
  margin:0px;
  border:0px;
  font-size:24px;
}

h4.head1 {
  text-align:center;
  padding:0px;
  margin:0px;
  border:0px;
  font-size:24px;
}

td a {
  color:#101131;
}

td a:hover {
  color:white;
}


tr.col1 {
  background:#E6ECFF;
  color:black;
  font-weight:bold;
}

tr.col2 {
  background:#BFCFFF;
  color:black;
}

tr.col3 {
  background:#809FFF;
  color:black;
}

tr.col4 {
  background:#6078BF;
  color:black;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.marvelnoscrolllhalf {
  padding:10px;
  position:relative;
  margin:0px;
  margin-right:6px;
  margin-left:6px;
  text-align:left;
  float:left;
  width:317px;
  color:white;
}

ul.marvelnoscrollrhalf {
  padding:10px;
  margin:0px;
  margin-left:6px;
  margin-right:6px;
  position:relative;
  text-align:left;
  float:left;
  width:317px;
  color:white;
}

ul.marvellhalf {
  background: #202362;
  border:4px solid white;
  padding:10px;
  position:relative;
  margin:0px;
  margin-right:6px;
  margin-left:6px;
  text-align:left;
  float:left;
  width:317px;
  color:white;
  max-height: 10em;
  overflow-y: auto;
}

ul.marvelrhalf {
  background: #202362;
  border:4px solid white;
  padding:10px;
  margin:0px;
  margin-left:6px;
  margin-right:6px;
  position:relative;
  text-align:left;
  float:left;
  width:317px;
  color:white;
  max-height: 10em;
  overflow-y: auto;
}

ul.marvelheadlhalf {
  background:#101131;
  border:4px solid white;
  padding:0px;
  position:relative;
  margin:0px;
  margin-right:6px;
  margin-left:6px;
  text-align:center;
  float:left;
  width:337px;
  color:white;
  max-height: 10em;
  overflow-y: auto;
}

ul.marvelheadrhalf {
  background:#101131;
  border:4px solid white;
  padding:0px;
  margin:0px;
  margin-left:6px;
  margin-right:6px;
  position:relative;
  text-align:center;
  float:left;
  width:337px;
  color:white;
  max-height: 10em;
  overflow-y: auto;
}

ul.marvelblanklhalf {
  background:#101131;
  border:0px solid white;
  padding:8px;
  position:relative;
  margin:0px;
  margin-right:6px;
  margin-left:6px;
  text-align:center;
  float:left;
  width:317px;
  color:white;
  max-height: 10em;
  overflow-y: auto;
}

ul.marvelblankrhalf {
  background:#101131;
  border:0px solid white;
  padding:8px;
  margin:0px;
  margin-left:6px;
  margin-right:6px;
  position:relative;
  text-align:center;
  float:left;
  width:317px;
  color:white;
  max-height: 10em;
  overflow-y: auto;
}

[role="listbox"] {
  min-height: 10em;
  padding: 0;
#  background: white;
  border: 1px solid #aaa;
}

#ss_elem_list {
  max-height: 10em;
  overflow-y: auto;
  position: relative;
}

table,th,td,tr {
    border: 1px solid black;
    padding:4px;
    margin:0px;
}

td:first-child {
  font-weight: bold
}

#td:nth-child(odd) {background-color: #809FFF;}
#tr:nth-child(even) {background-color: #BFCFFF;}


.results {
    color:black;
    width:100%;
}