body {
  margin: 0;
  padding: 0;
  background-color: rgb(240,240,240);
  background-image: url(back.png);
  font-family: verdana, sans-serif; 

  font-size: 70%; 
  line-height: 170%;
  color: rgb(63,63,63);
}

a {
  color: rgb(50,100,180);  
}

a:link, a:visited {
  text-decoration: none; 
}

a:active, a:hover { 
  text-decoration: underline; 
  color: blue;
}

a img {
  border: 0px;
}


a.buy {
 
}

a.buy:hover {
  background-color: rgb (192,192,192); 
}

p {
  padding-left: 50px;
  font-style: italic;
}

/* 
  What is the difference between '.body' and '#body'?
  
  '.' is short for '*.' which is a selector for
  all elements that have class=body.
  
  #body is a selector for all elements that have 
  id=body.

*/
.yellow {
  color: #ffffcc;  
}

.black{
 color: #333333;
 background-color: #ff6600;
}

table{
  font-size: 100%; 

}

td.pending {
  background: rgb(232,241,248);  
}

#body {
  position: relative;
  
  margin: auto;
  background-color: white;
  width: 690px;
  height: 800px;
  border: 1px solid rgb(192,192,192); 
  margin-top: 10px;
  margin-bottom: 20px;
}


#logo {
  height: 140px;
  border: 1px solid rgb(96,96,96); 
  background: #0069AF;
  background-image: url(logo_back.jpg);
  background-repeat: repeat-x;
  margin: -1px -1px 30px -1px;    
}

#moto {
  float:right;
  position: relative;
  top: -55px;
  padding-right: 10px;
  text-align: right;
  color: #333333;
}

#welcome {
  top: -30px;
  float:right;
  position: relative;  
  
  padding-right: 10px;
  text-align: right;
  color: #333333;
  /* border: 1px solid magenta; */
}

#menu {
  float: left;
  width:110px;
  padding-left: 32px;
  font-weight: bold;
  border-right: 1px solid rgb(224,224,244);
}

#menu a {
  font-weight: normal;
}

.subm {
  padding-left: 10px;
  margin-left: 5px;
  border-left: 1px solid rgb(212,212,212);
}

#main { 
  left: 50;
  margin-left: 180px;
  padding-right: 30px;
  /* border: 1px solid magenta; */
}

ul {

  list-style-position: outside;
  list-style-type: disc;
  
  position: relative;
  left: -20px;
}

/*
ul.checklist {
  list-style-image: url("check.jpg");
}
*/

#form {  
  /* border: 1px solid magenta; */
  text-align: right;
  padding-right: 100px;
  top: 50px;

}

div.radio {
  text-align: left;
}

input.blue { 
  margin-left:10px;
  margin-top: 10px;
  border: 0px solid rgb(232,241,248);
  padding: 2px;
  background: rgb(232,241,248);
  
  color: #333333;
  font-family: verdana;
  font-weight: bold;  
  font-size: 100%;
}

input.inline {
  margin-left:1px;
  text-align:center;
}


#form select{ 
  border-style: none;
  background: 0px rgb(232,241,248);
  
  color: #333333;
  font-family: verdana;
  font-weight: bold;  
  font-size: 100%;
}

#form button{
  font-family: arial;
  font-weight: bold;  
  font-size: 100%;
  margin-top: 10px;
  border: 1px solid rgb(96,96,96);  
}

#questions {
  /* border: 1px solid magenta; */
  padding-top: 20px;
  position: relative;
  text-align: center;
}


#form button:hover {
  background: #ff6600;
}


#buttons {
  position: relative;
  /* border: 1px solid magenta; */
  text-align: right;  
}


#footer {
  position: absolute;
  width: 676px;
  bottom: 0px;
  left: -1px;
  
  border-top: 1px solid rgb(212,212,212);
  margin-top: 40px;
  text-align: right;

  background: #0069AF;
  color: white;
  border: 1px solid rgb(96,96,96);  
  
  /* fix privacy policy alignment */
  padding: 3px;
  padding-right: 10px;
  
}

#footer a {
  color: white;
}

#copy {
  float: left;
  padding-left: 10px;
}

#h {
  font-weight: bold;
  margin-bottom: 10px;
  color: black;
  margin-left: -10px;
  padding: 5px 10px 5px 10px;
  background-image: url(/img/header.png);
  background-repeat: repeat-y;
}

#latest {
  border: 1px solid rgb(192,192,192);
  width: 170px;
  padding: 10px 20px 10px 20px;
  line-height: 250%;
  background-color: rgb(232,241,248);
/*  margin: auto;*/
  margin-top: 20px;
  margin-bottom: 20px;
}