body
{
  background-color : #0B1731;
  color : #ff8000;
  border-left : solid 60px #e87400;
  padding : 1em;
  margin : 0;
  height : 100%;
}

#indexContainer
{
  height : 470px;
  margin: 0;
  padding : 0;
  background-image: url('images/splash.jpg');
  background-repeat: no-repeat;
  background-position : top right; 
  position : relative;
  font-size : 11px;
}

#indexContainer h1 {
  color : #fff;
  font-size : 4em;
  font-weight : lighter;
  margin : 1em 0 0 0;
}

#indexContainer h2 {
  margin : 0;
}

#indexNav
{
  padding-top : 10px;
}

#indexNav ul
{
  padding : 0;
  float : left;
  margin : 2em 0 0;
  font-size : 13px;
  list-style-type: none;
}

#indexNav ul li 
{
  padding : 0;
  margin : 0;
}

#indexNav li a
{
  padding : 0;
  color : #ff8000;
}

#indexFoot
{
  background-image: url('images/feraLogo.jpg');
  background-repeat: no-repeat;
  background-position : right;
  padding :  0px 140px 0 0;
  margin : 10px;
  text-align : right;
  position : absolute;
  bottom : 0;
  right : 0;
}

#login
{
  position : absolute;
  bottom : 0;
  left: 85px;
  color : #ff8000;
}

#login form input
{
  background-color : #000;
  color : #ff8800;
  border : solid 1px #9d9dff;
  font-size : 11px;
  padding : 3px;
}

#indexFoot a, #login a
{
  color : #efefef;
}

table.noData tr td, table.noData tr td
{
  font-size : 0.6em;
  color : #ff8000;
}

.alert
{
  color : #b6dfed;
}