body {
  background-color:#000000;
  color:#FFFFFF;
  margin-top:0px;
  margin-bottom:0px;
 }
#wholepage {
 width:100%;
 margin:0px auto 0px auto;
 }
#header {
 margin:0px auto 0px auto;
 background-image:url(../images/headerbg.jpg);
 background-repeat:repeat-x;
 height:100px;
 }
#nav {
 background-image:url(../images/navbg.jpg);
 background-repeat:repeat-x;
 height:50px;
 color:#000000;
 text-align:center;
 }
#nav a{
 text-decoration:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1em;
 text-align:center;
 color:#000000;
 display:block;
 width:15%;
 height:50px;
  float:left;
  vertical-align:middle;
 }
#nav a:hover {
 text-decoration:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:large;
 color:#ffffff; background-image:url(../images/navhover.jpg);
 background-position:left;
 background-repeat:no-repeat;
  display:block;
 width:15%;
 height:50px;
  float:left;
 }
.empty {
 width:5%;
 height:50px;
  float:left;
 }
 #portfolio {
 background-color:#383030;
 border:#555555 1px solid;
 height:auto; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 padding:5px;
 text-align:left;
 }
.portfoliotext {
 font-size:1.5em;
 margin:0px 20px auto 10px;
 text-align:left;
 }
.more {
 color:#ffffff;
 font-size:0.75em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-decoration:none;
 float:right;
 margin:auto 10px auto auto;
  }
.more:hover {
 color:#ffffff;
 font-size:0.75em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-decoration:underline;
 float:right;
 margin:auto 10px auto auto;
  }
#category {
  height:auto;
  width:90%;
  margin-left:10%;
  margin-right:auto;
  text-align:center;
  }
#item {
 background-image:url(../images/itembg.gif);
 height:130px;
 width:140px;
 float:left;
 clear:none;
 margin-right:3%;
 margin-left:auto;
 text-align:center;
}
#item a {
 color:#383030;
 font-size:0.6em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-decoration:none;
 text-align:center;
  }
#item a:hover {
 color:#000000;
 font-size:0.6em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-decoration:underline;
  text-align:center;
  }
.itempic {
 border:1px solid #383030;
 width:110px;
 height:80px;
 }
#history {
 float:left; 
 width:32%;
 height:150px;
 margin:10px auto auto 10%;
 padding:5px;
 background-color:#7b7b7b;
 border:#c1c1c1 1px solid;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1em;
 text-align:left;
}
#history a {
 text-decoration:none;
 color:#ffb348;
 border-bottom:#ffa322 1px dotted;
 margin:5px;
  }
#history a:hover {
 text-decoration:none;
 color:#ffa322;
 border-bottom:#ffa322 1px dotted;
 border-top:#ffa322 1px dotted;
  margin:5px;
  }
#historydetails { 
 width:90%;
 height:auto;
 margin:10px auto auto auto;
 padding:5px;
 background-color:#7b7b7b;
 border:#c1c1c1 1px solid;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1em;
 text-align:justify;
}
.imgfilter {
 border:1px solid #000000;
 margin:5px;
 float:right;
 }

#footer {
 margin:0px auto 0px auto;
 width:auto;
 background-image:url(../images/footerbg.jpg);
 background-position:top;
 background-repeat:repeat-x;
 background-color:#000000;
 border:#587381 1px solid;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footeritem {
 float:right;
 width:40%;
 font-size:1em;
 }
#footerform {
 float:left;
 width:40%;
 padding:5px 5px 5px 20px;
 font-size:1em;
 }
#footer a {
 color:#ffa322;
 text-decoration:none;
 display:block;
  font-size:0.75em;
 }
#footer a:hover {
 color:#ffa322;
 text-decoration:underline;
 display:block;
  font-size:0.75em;
 }
.footertitle {
 font-size:1.25em;
 display:block;
 }
.textfield {
 border:1px solid #ffa322;
 background-image:url(../images/headerbg.jpg);
 background-position:bottom;
 background-repeat:repeat-x;
 background-color:#FFFFFF;
 color:#1b4052;
 padding:2px;
 margin:auto 0px 10px auto;
 display:block;
 }
.copyright {
  width:100%; 
  clear:both;
  text-align:center;
  font-size:0.6em;
  }
  
 .status_error {
  text-align:center;
  margin: 3px;
  padding: 2px;
  border: solid 1px #dd3c10;
  background: #ffebe8;
  color: #000000;
}

 .status_msg {
  text-align:center;
  margin: 3px;
  padding: 4px;
  border: solid 1px #3D3E02;
  background: #FCFDC8;
  color: #000000;
}