@import url("http://www.w3.org/StyleSheets/Core/Traditional");
body
{
	padding-left: 6em; /* move this to div.wrapper when all pages have it */
	background-color: white;
	/* background-color: skyblue; */
    background-image: none;
}
body div.wrapper
{
	width: 640px; /* narrower text column */
}
  strong.hi {
   color: red;
   background-color: transparent;
  }
  div.problem {
    border: solid red 2px;
    padding: 0.5em;
    margin: 0.5em;
    float: left;
    /* width: 18em; */
  }
  div.navbar {
    /* float: left; */
    position: absolute;
    top: 2em;
    left: 1em;
    width: 12.5em;
  }
  p.initial {
    text-indent: 1.75cm; /* override traditional.css here */
  }
  span.highlight {
    background-color: yellow;
  }
/* To display "sm" like trademark symbol */
span.sm
{
	font-size: small;
	float: top;
}

  p.highlight {
    background-color: yellow;
  }
  p.highlight a {
    background-color: transparent;
    color: blue;
  }
  p.slogan {
    font-size: x-large;
    font-family: italic;
    color: red;
  }
  li.active {
    background-color: red;
    color: white;
  }
  pre {
    font-size: small;
  }
  p.contactbar {
    color: black;
    background-color: #E0E000;
  }
  em.title {
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
  }

  div.testimonial > em
  {
    background-color: transparent;
    background-image: none;
  }

  div.testimonial > strong
  {
    background-color: transparent;
    background-image: none;
  }

  div.testimonial * *
  {
    background-color: transparent;
    background-image: none;
  }

  div.testimonial {
    font-size: small;
    font-style: italic;
    background-color: #FFFFD0;
    background-image: none;
    width: 30%;
    /* margin-left: 10%; */
    margin: 1em;
    float: right;
    padding: 1em;
    border: 2px #B0B080 solid;
    line-height: 1.10;
  }
  div.testimonial-left {
    font-size: small;
    font-style: italic;
    background-color: #FFFFD0;
    width: 30%;
    /* margin-left: 10%; */
    margin: 1em;
    float: left;
    padding: 1em;
    border: 2px #B0B080 solid;
    line-height: 1.10;
  }
  a:visited {
    color: #808080;
  }
  h1 {
    font-size: 300%;
    font-weight: bold;
  }
  td.price {
    text-align: right;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #D0FFD0;
  }
  table.price {
    border-style: solid;
    border-width: 1px;
    border-color: black;
  }
  table.price > tbody > tr > th {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    padding-left: 1em;
    padding-right: 1em;
  }
  table.price > tbody > tr > td {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    padding-left: 1em;
    padding-right: 1em;
  }
  p.footlinks {
	border-top: 1em;
    font-size: small;
  }
  div.counter {
	float: left;
    color: red;
	font-size: 500%;
    margin: 3px;
    display: relative;
    line-height: 1.7cm;
  }
  div.reasons {
    float: right;
    border: 1px solid red;
    background-color: pink;
    margin: 0.5em;
    padding: 0.5em;
  }
h1.emergencyheader
{
	outline: black solid thin;
	background-color: red;
	color: white;
	background-image: none;
	padding-left: 0.5em;
}
h2.emergencyheader
{
	padding-left: 0.5em;
	margin-top: 0.33em;
	background-color: transparent;
}
h1.emergency
{
	outline: black solid thin;
	background-color: lightblue;
	background-image: none;
	padding-left: 0.5em;
}
h1.emergency *
{
	background-color: transparent;
	background-image: none;
}
h1.toptitle
{
	font-size: 400%;
	font-weight: bold;
	color: red;
	background-color: transparent;
}

a:visited { color: gray; background-color: transparent; text-decoration: underline; }
a:link { color: blue; background-color: transparent; text-decoration: underline; }
div.announce { background-color: yellow; }

/* Float the image beyond the big text column. */
div.imageleft
{
	float: left;
	/* margin-right: 1em; */
	margin-right: -5em;
	left: -6em;
	position: relative;
}

div.imageright
{
	float: right;
	margin-left: 1em;
}

table.survey {
	border: 1px #ccc solid;
	}

table.survey tbody tr.even td {
      background-color: khaki;
    background-image: none;
    font-size: small;
    }
table.survey tbody tr.odd  td {
      background-color: tan;
    background-image: none;
    }
div.summarytag
{
	float: right;
	background-color: transparent;
}
p.privacy
{
	font-style: italic;
	font-size: small;
	line-height: 1.1;
}
div.break
{
	clear: both;
}

div.executivesummary
{
	text-size: small;
	margin-left: auto;
	margin-right: auto;
}

freestuff > h2 { color: green; }
freestuff > h3 { color: purple; background-color: transparent; font-size: 120%; }
freestuff > em { background: transparent; }
freestuff > input { border: 1px solid black; margin-bottom: .5em;  }
	freestuff > input.error { border: 1px solid red; }
	freestuff > label.error {
		background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat;
		padding-left: 16px;
		margin-left: .3em;
	}
	freestuff > label.valid {
		background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
		display: block;
		width: 16px;
		height: 16px;
	}