html {
	height: 100%;
}

body {
        margin-left: auto;
        margin-right: auto;
        width: 50em;
        text-align: center;
	background: #ffffff;
}

body, p {
  font-family: georgia, serif;
}

p {
  margin: 0.5em 0em 0.5em 0em;
}

h1, h2, h3 {
  font-family: arial, verdana, sans-serif;
  
}

div#header {
  text-align: left;
  width: 800px;
  border-style: solid;
  border-color:  #999;
  border-width: 1px 1px 0px 1px;
  padding: 0px;
  margin: 0px;
  height: 80px;
}

div#header img {
  border: 0px solid black;
  padding: 0px;
  margin: 0px;
}


div#body{
  width: 800px;
  border: 1px solid #999;
  text-align: left;
}

div#leftcol {
  float: left;
  padding: 10px 0px 10px 10px;
}

div#rightcol {
  margin: 0px 0px 0px 176px;
  padding: 10px;
  border-left: 1px solid #999;
  background-color: #fff;
  width: 595px;
}
/* override IE bug - IE doesn't understand child elements anyway */
html>body #rightcol {
  margin: 0px 0px 0px 178px;
}

div#rightcol h1 {
  font-size: 1.7em;
  margin: 0px;
  padding: 0px;
}


div#created, div#updated {
  text-align: right;
  font-size: 0.8em;
  color: #999;
}


/* footer stuff */
div#footer {
  text-align: left;
  width: 800px;
  padding: 5px;
}

p.w3c-xhtml {
  text-align: right;
}

p.w3c-xhtml img {
  border: 0px;
}


/* navigation */
ul#navigation {
  list-style-type: none;
  margin-top: 0;
  margin-left: 0;
  padding: 0;
}

ul#navigation li a:hover, ul#navigation span.current {
  display: block;
  width: 140px;
  border: 1px solid #666;
  padding: 5px;
  text-decoration: none;
  color: #fff;
  margin: 3px;
  text-align: center;
  font-weight: bold;
}

ul#navigation li a {
  display: block;
  width: 140px;
  border: 1px solid #999;
  padding: 5px;
  text-decoration: none;
  color: black;
  margin: 3px;
  text-align: center;
  font-weight: bold;
}

/* inline styling */
div.quote {
  background-color: #ddd;
  padding: 3px;
  margin: 10px 50px 10px 50px;
}

a {
  color: #0000cc;
}

span.readmore {
  font-size: 0.7em;
}
span.readmore a {
  font-weight: bold;
  font-size: 1.0em;
}

/* contact info */
div#contactinfo {
  color: #999;
  text-align: center;
  font-size: 0.9em;
}

/* misc */
div.pixBox {
  border: solid 1px #999;
  float: right;
  width: 200px;
  font-size: 0.7em;
  font-family: arial, verdana, sans-serif;
  padding: 2px;
  margin: 7px;
}

ul#servicepitches li {
  margin: 0px 0px 7px 0px;
}

dl dt {
  margin: 7px 0px 2px 0px;
}

dt {
 font-weight: bold;
}

/* theme */
p#themeselector {
  font-size: 0.7em;
}

#subfoot {
  width: 800px;
  font-size: 0.7em;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #999;
  color: #fff;
}

#subfoot a {
  color: #fff;
  border: 0px;
}

div#breadcrumb {
  font-size: 0.8em;
  margin-bottom: 10px;
}

/* news */
div.news {
  border: solid 1px #999;
  float: right;
  width: 220px;
  margin: 0px 0px 7px 7px;
  padding: 3px;
  font-size: 80%;
}

div.newsHead {
  border-bottom: solid 1px #999;
  text-align: center;
  font-weight: bold;
  color: #fff;
  padding: 5px;
  margin-bottom: 3px;
  display: block;
}

p.newsdate {
  font-size: 0.7em; 
  color: #999;
  padding: 0;
  margin: 0;
}

/* mailinglist */
div#mailinglist {
  font-size: 0.9em;
  margin-top: 20px;
  padding: 10px;
  border-top: 1px dotted #999;
}

#cvTable {
  border-collapse: collapse;
}

#cvTable td { 
  vertical-align: top; padding-bottom: 15px; 
}

.bgAlpha { background-color: #ddd; }
.bgBeta { background-color: #fff; }

/* payment */
table.paymentReceipt {
  border-collapse: collapse;
  border: 1px solid #999;
}

table.paymentReceipt td {
  padding: 3px; 
  border: 1px solid #999;
}

table.customer {
  border-collapse: collapse;
  border: 1px solid #999;
  width: 450px;
}
table.customer td {
  padding: 3px; 
  border: 1px solid #999;
  vertical-align: top;
}

table.customer th {
  padding: 3px; 
  border: 1px solid #999;
  background-color: #eee;
}

table.pricing {
  border-collapse: collapse;
  width: 590px;
}

table.pricing td {
  padding: 3px;
}

tr.shadeA {
  background-color: #ddd;
}

div.invoice {
  background-color: #eee;
}

div.invoice table#invoiceHead {
  width: 100%;
}

table#invoiceHead td {
   width: 50%;
  vertical-align: top;
}

/* end payment */