body, html {
  height: auto;
}

body {
  text-align: left;
  width: 100%;
  height: auto;
  color: #000000;
  background: #FFFFFF url('../images/CP_Background_2.gif') top left no-repeat;
}



#topContent img#logo {
  display: inline;
  float: right;
  padding: 0 0;
  color: #000000;
  margin: 0 0 0 0;
}

#content {
  width: 100%;
  clear: both;
  font-size: 1em;
  color: #000000;
}

#nav {
  width: 150px;
  margin-top: 0;
  float: left;
}

ul.navigation {
  width: 150px;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.navigation .on {
  display: block;
  padding-right: 10px;
  color: #FFFFFF;
  background: #009933 url('../images/btngreen.gif') top right;
  width: 150px;
  line-height: 20px;
}

ul#helpnav .on {
  display: block;
  padding-right: 10px;
  color: #333333;
  background: #CCCCCC url('../images/btngrey.gif') top right;
  width: 150px;
  line-height: 20px;
}

ul.navigation li {
  display: block;
  font: bold 10pt arial, sans-serif;
  text-align: right;
  width: 100%;
  line-height: 20px;
  margin-bottom: 2px;
  margin-top: 2px;
}

ul.navigation a:link, ul.navigation a:visited {
  display: block;
  padding-right: 10px;
  text-decoration: none;
  color: #FFFFFF;
  background: #663399 url('../images/btnpurple.gif') top right;
  width: 150px;
  line-height: 20px;
}

ul.navigation a:active, ul.navigation a:hover {
  display: block;
  padding-right: 10px;
  text-decoration: none;
  color: #FFFFFF;
  background: #009933 url('../images/btngreen.gif') top right;
}

ul.navigation li#help {
  margin-top: 10px;
}

ul.navigation li#help a:active, ul.navigation li#help a:hover {
  cursor: help;
}

ul#helpnav {
  width: 150px;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#helpnav li {
  display: block;
  font: bold 10pt arial, sans-serif;
  text-align: right;
  width: 150px;
  line-height: 20px;
  margin-bottom: 2px;
  margin-top: 2px;
}

ul#helpnav a:link, ul#helpnav a:visited {
  display: block;
  padding-right: 10px;
  text-decoration: none;
  color: #333333;
  background: #FFCC33 url('../images/btnyellow.gif') top right;
  width: 150px;
  line-height: 20px;
}

ul#helpnav a:active, ul#helpnav a:hover {
  display: block;
  cursor: help;
  padding-right: 10px;
  text-decoration: none;
  color: #333333;
  background: #CCCCCC url('../images/btngrey.gif') top right;
}

ul.navigation li#privacy {
  display: block;
  font: bold 10pt arial, sans-serif;
  text-align: right;
  width: 150px;
  line-height: 20px;
  margin-bottom: 2px;
  margin-top: 10px;
}

ul.navigation li#privacy a:link, ul.navigation li#privacy a:visited, 
ul.navigation li#privacy a:active, ul.navigation li#privacy a:hover {
  display: block;
  padding-right: 10px;
  text-decoration: none;
  color: #663399;
  background: #FFFFFF;
  width: 150px;
  line-height: 20px;
}

#mainContent {
  float: left;
  width: 74%;
  height: auto;
  color: #000000;
  margin-left: 3%;
  padding: 0;
}

#topContent {
  height: 100px;
  margin: 0;
  padding: 0; 
}

#topContent h1 {
  display: inline;
  float: left;
  width: 35%;
  margin: 0 0 0 0;
  font: normal 20pt helvetica, sans-serif;
  color: #009933;
}

#topContent img#pic {
  float: right;
  margin: 25px 10px 0 0;
  padding: 0;
  color: #009933;

}

#leftContentBorder {
  float: left;
  width: 85%;
  background: url('../images/curve.gif') top right no-repeat;
}

#leftContent {
  display: inline;
  width: 98%;
  height: 400px;
  overflow: auto;
  float: left;
  color: #000000;
  margin-top: 10px;
}

#leftContent #scrolling {
  display: inline;
  float: right;
  clear: both;
  color: #000000;
  background: #DDDDEE none;
  margin: 0 10px 10px 0;
}

#leftContent h2 {
  margin: 10px;
  font: normal 1.2em verdana, sans-serif;
  color: #663399;
  clear: both;
}

#leftContent ul, #leftContent ol {
  font: normal 0.8em arial, sans-serif;
}

#leftContent img {
  font: normal 0.8em arial, sans-serif;
  margin: 10px;
}

#leftContent p {
  font: normal 0.8em arial, sans-serif;
  line-height: 140%;
  margin: 10px;
  clear: both;
}

#leftContent p.link {
  font: normal 0.8em arial, sans-serif;
}

#leftContent p.top {
  font: normal 0.8em arial, sans-serif;
  margin: 10px;
  text-align: right;
}

#leftContent p#footer {
  margin: 10px;
  padding: 0;
  font: normal 8pt arial, sans-serif;
  text-align: center;
} 

#leftContent a:link {

  text-decoration: underline;
  color: #000000;
  font-size: 100%;
  font-family: arial, helvetica, verdana, sans-serif;
}

#leftContent a:visited {
  color: #000000;
}

#leftContent a:active, #leftContent a:hover {
  text-decoration: underline;
  color: #009933;
}

#leftContent form {
  font: normal 0.8em arial, sans-serif;
  margin: 0px;
}

#leftContent label {
  font: bold 1em arial, sans-serif;
  margin: 10px;
}

#leftContent input#name,
#leftContent input#telephone,
#leftContent input#fax, 
#leftContent input#email, 
#leftContent textarea {
  font: normal 1em arial, sans-serif;
  margin: 10px;
  color: #000000;
  background: #DDEEDD none;
  border: 1px solid #000000;
}

#leftContent input.buttons {
  font: bold 1em verdana, sans-serif;
  margin: 10px;
  text-align: center;
  color: #000000;
  background: #DDDDEE none;
  border: 2px solid #000000;
  cursor: pointer;
}

#leftContent dt {
  font: bold 0.8em arial, sans-serif;
  margin: 10px;
}

#leftContent dd {
  font: normal 0.8em arial, sans-serif;
  margin: 10px 10px 10px 30px;
}

#leftContent td #leftContent th {
  font-family: arial, helvetica, verdana, sans-serif;
  padding: 4px;
}

#leftContent table {
  font: normal 0.8em arial, sans-serif;
  width: 92%;
  margin: 10px;
}

#leftContent table#p-and-s {
  font: normal 0.8em arial, sans-serif;
  width: 92%;
  margin: 20px 10px 10px 10px;
}

#leftContent table#paper-size {
  width: 90%;
  margin: 10px;
}

#leftContent table#paper-size caption {
  font: bold 1em arial, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

#leftContent table#paper-size th  {
  font: bold 1em arial, sans-serif;
  margin: 0;
}

#leftContent table#paper-size td  {
  width: auto;
  font: normal 1em arial, sans-serif;
  margin: 0;
}
  
#rightContent {
  display: inline;
  width: 10%;
  margin-left: 3%;
  color: #000000;
  float: left;
  text-align: center;
}

#rightContent img {
  margin-top: 10px;
  text-align: center;
  border: none;
}