/*******************************************************
TITLE: Fixed Box Layout  V1.0
DATE: 20060809
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
:: with some modifications by Thomas Elder Design ::
*******************************************************/

body {
margin:0em;
padding:2px;
height:100%;
background-color:#000;
color:#fff;  
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
cursor:default;
}

/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 50%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #222;
  border-width: 1px;
  border-style: solid;
  border-color: #444 #000 #000 #444;
}

input.radio {
  background: none;
  border: 0px;
}

/**************************************************************
   Links
 **************************************************************/

a {
color:#fff;
text-decoration:none;
letter-spacing:.13em;
cursor:pointer;
}

a:visited  {
color: #999; 
text-decoration: none
cursor:pointer;
}

a:hover {
color:#f3c;
text-decoration:none;
letter-spacing:.13em;
cursor:pointer;
}
/**************************************************************
   Layout
 **************************************************************/
#block {
padding:.3em 0 0 1em;
font-weight:100;
color:#000;  
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:.8em;
letter-spacing:.1em;
}

#centerColumn { 	
margin:0em auto;
padding:1em 0 0em 0;
width:600px;
text-align:left;
vertical-align: middle;	
background-color:#f1f1f1;
border:0px solid #555;
border-left:0px solid #e0643e;

}

#centerColumn h2 {
margin:0 0 2px 0;
padding:.75em 0 0 0;
font-size:1em;
letter-spacing:.11em;
}

#header {
margin:-1em -1em 0em -1em;
padding:.3em 0 0 0;
height:6em;
background-color:#222;
border-bottom:0px solid #000;
border-left:1em solid #000;
border-right:1em solid #000;
}

#header h1 {
margin:0 0 -.6em 0;
padding:.5em 0 0 1em;
font-size:1.2em;
letter-spacing:.12em;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 1.75em;
font-size:.75em;
font-weight:200;
letter-spacing:.12em;

}
/**************************************************************
   Legacy items
 **************************************************************/
#nav {
margin:0 0 1em 0;
padding:.4em 0 0 0;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav li {
margin:0;
padding:.25em;
display:inline;
}

/**************************************************************
   Text and Footer
 **************************************************************/
#instructions {
color:#000;  
margin:.0em;
padding:.3em 0 0 .5em;
border-top:0px solid #555;
border-bottom:0px solid #555;
font-size:.8em;
font-family:Tahoma, Arial, Helvetica, sans-serif;
letter-spacing:.12em;
}

#instructions p {
margin:.2em;
font-family:Helvetica, sans-serif;
font-size:.9em;
letter-spacing:.12em;
}



span {
cursor:default;
color:#fff;
text-decoration:none;
letter-spacing:.13em;
}

#footer {
position:relative;
bottom:0;
margin:.5em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.75em;
background-color:#222;
border-top:0px solid #555;
border-bottom:2px solid #f3c;
}