* {
margin:0;
}

html { height:100%; }
 
body {
background :#123456;
z-index: 0;
height:100%;
}

/*the table that has users input*/
table.mailtable
{
padding-left: 40px;
padding-right: 40px;
padding-top: 4px;
padding-bottom: 40px;
z-index: 0;
border-top: 20px solid #6699CC;
border-left: 2px solid #6699CC;
border-right: 2px solid #6699CC;
border-bottom: 2px solid #6699CC;
font-family: Helvetica, Arial,Verdana,"Century Gothic", Trebuchet, Georgia, san-sarif;
color: black;
font-size:12pt;
background:#F8F8F8 ; 
position: relative;
margin-top: 40px;
margin-bottom: 40px;
width:74%;
margin-left: auto;
margin-right: auto;
float:center;
}

/*
td.label
 {
margin:6px;
padding:6px ;

 }

td.nowrap
 {
margin:8px;
padding:8px ;
white-space: nowrap;
 }


td.title { 
border:3px solid #6699CC;
background:#6699cc;
text-align: left;
font-family: Helvetica, Arial,Verdana,"Century Gothic", Trebuchet, Georgia, san-sarif;
color: white;
}

input.read {  display: nowrap;
width: 45em; }

td.to_address { 
white-space: nowrap;
border:2px solid #6699cc;
background:#6699cc;
text-align: center;
font-family: Helvetica, Arial,Verdana,"Century Gothic", Trebuchet, Georgia, san-sarif;
color: white;
text-align:left;

}
*/

table.incert
{
border: 1px solid #000000;
z-index: 0;
font-family: Helvetica, Arial,Verdana,"Century Gothic", Trebuchet, Georgia, san-sarif;
color: black;
font-size:12pt;
background: #F0F0F0;
position: relative; 
margin-left: auto;
margin-right: auto;
float:center;
width: 100%;
margin-top:1em;
}
/*
table.infotable fieldset { padding: 10px;
margin: 0px 0px 6px 0px; 
clear: both;
}

table.footer { 
     text-align: center;
 border-style: none;
 font-weight: normal;
 background: none;
position: relative;
margin-left: auto;
margin-right: auto;
width:600px;
 border: 0px;
font-family: Helvetica, Arial,Verdana,"Century Gothic", Trebuchet, Georgia, san-sarif;
float:center; }

table.footer td { 

border-width: 0px;
border-style: none;
border-color: none;
padding: 4px 6px 4px 6px;
text-align: center;
color:#556B2F;
font-family: Helvetica, Arial,Verdana,"Century Gothic", Trebuchet, Georgia, san-sarif;
}
*/
/*stop portions of the page from being printed*/
.print {
display: none
}

 /* used to format certain table cells */
.heading { text-align: center;
 font-weight: bold;
 text-decoration: underline;
 font-size:90%;
      color: #black;
     padding: 0px 0px 5px 0px;

 } 

p.sent { font-size: 115%;
   color: red;
  text-align: center;
padding: 10px 10px 10px 10px;
margin: 0px; }

 /*red centered headings*/
 p.redcntr { font-size: 95%;
   color: darkred;
  text-align: center;
padding: 10px 10px 10px 10px;
margin: 0px; }

/*small red notes*/
p.note { font-size: 70%;
   color: darkred;
  text-align: center;
padding: 0px 0px 3px 0px;
margin: 2px; }
 
/*small red notes aligned left*/ 
div.noteL { font-size: 70%;
   color: darkred;
  text-align: left;
margin: 0px;
padding: 0px 0px 3px 0px;
margin: 0px; }


/*small red notes aligned right*/
div.noteR { font-size: 70%;
   color: darkred;
 margin: 0px;
  text-align: right;
padding: 0px 0px 3px 0px;
margin: 0px; }

/*bold black heading*/
p.bold { font-size: 90%;
color: black;
margin: 2px;
text-align:center; 
padding: 0px 0px 0px 0px;
font-weight: bold}

/*notes in a <th>*/
p.s { font-size: 90%;
color: black;
padding: 10px 0px 10px 0px;
margin: 0px; 
text-indent: 0px; 
}

p.indent { font-size: 90%;
color: black;
padding: 0px 30px 0px 0px;
margin: 0px; 
text-indent: 90px; 
}

p.dent { font-size: 90%;
color: black;
padding: 0px 30px 0px 0px;
margin: 0px; 
text-indent: 2px; 
}

p.vs { font-size: 80%;
   color: black;
   padding: 5px 5px 5px 5px;
   margin: 0px; 
   text-indent: 0px;
   text-align: left; 
 }
 
 
 
p.invs { font-size: 80%;
   color: black;
   padding: 0px 3px 0px 0px;
   margin: 0px; 
   text-indent: 2px; 
 }
  
 /*
p {
margin: 0px;
padding: 0px;
} 

input.in {
margin: 1px 10px 1px 0px;}
 */


/*headings*/
h1 { text-align: center;
   width: 650px;
position: relative; 
margin-left: auto;
margin-right: auto;
padding:10px;
font-size:100px;}

 h2 { text-align: center;
   width: 650px;
position: relative; 
margin-left: auto;
margin-right: auto;
padding: 10px;
font-size:60px;}

 h3 { text-align: center;
   width: 650px;
position: relative; 
margin-left: auto;
margin-right: auto;
padding: 5px;
font-size:30px;}

h4 { text-align: center;
   width: 650px;
position: relative; 
margin-left: auto;
margin-right: auto;
padding: 5px;
font-size:25px; }

 h5{ text-align: left;
 width: 650px;
position: relative; 
margin-left: auto;
margin-right: auto;
padding: 5px;
font-size:20px;
  }
 


/*Button css*/
input.b {
    width: 200px;
    display: block;
    text-decoration: none;
text-align: center;
font-size: 86%;
  padding: 0px ;
border-width: 3px;
    color: black;
    font-weight: normal;
    background: url("/images/metal1.gif");
    border-style: outset;
border-color: #989898;
cursor: pointer; 
  cursor: hand; 
}


input.b1 {
    width: 200px;
    display: block;
    text-decoration: none;
text-align: center;
font-size:86%;
  padding: 0px ;
border-width: 3px;
    color: #000000; 
    font-weight: normal;
    background: url("/images/metal2.gif");
    border-style: outset;
border-color: #C8C8C8;
cursor: pointer; 
  cursor: hand; 
}
input.b2 {
    width: 200px;
    display: block;
    text-decoration: none;
text-align: center;
font-size: 86%;
  padding: 0px ;
border-width: 3px;
    color: #000000;
    font-weight: normal;
    background: url("/images/metal1.gif");
    border-style: outset;
border-color: #989898;
cursor: pointer; 
  cursor: hand; 
}

div#container
{
text-align:center;
margin: 30px;   
}