* {
  font-family: Arial,sans-serif;
  margin: 0;
  padding: 0; 
}

html {
  font-size: 76%;
  height: 100%;
}

body {
  background: #ccc url(/foundation/images/top-grad-dark.png) repeat-x scroll left top;
  margin: 0em 2em 2em;
  min-height: 101%;
}

#cardcanvas, .cardcanvas {
  padding: 0.7em 6em 1em;
  border-left: 2px #aaa solid;
  border-right: 2px #aaa solid;
  border-bottom: 2px #aaa solid;
  background: #fff url(/foundation/images/top-grad.png) repeat-x scroll left top;
  background-color: #fff;
  margin-bottom: 2em;
  min-width: 550px;
  min-height: 40em;
}

#prehead-row1, #prehead-row2, div.preheading
{
  color: #ddd;
  padding: 0.3em 0 0.3em;
  margin: 0em;
  border-bottom: 1px dashed #899;
  letter-spacing: 0.1em;
}
 
#prehead-row1 a, #prehead-row2 a, .preheading a {
  color: #344;
  letter-spacing: 0em;
}

#prehead-row1 {
  float: right;
}

#prehead-row2 {
  float: left;
}

#pageheading, .pageheading {
  clear: left;
  float: left; 
}

#coloredsquares, .coloredsquares {
  width: auto;
  float: left;
  clear: left;
  margin-top: 0.2em;
  margin-bottom: 0em;
}

#leftbar{
  width: 13em;
  position: absolute;
  margin-top: 2.2em;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#main {
  min-height: 29em;
  min-width: 25em;
  margin-left:13em;
  margin-right:0em;
  padding-top:0.8em;
  padding-right:0em;
  padding-left:1.5em;
  line-height: 1.6em;
}

#leftbar{
  left: 8em;
}
#footer, .footer {
  border-top: 1px #abb dashed;
  font-size: 0.8em;
  line-height: 1.4em;
  margin-top: 4em;
  text-align: center;
  padding: 1em 0;
  width: 100%;
}

#footer a, .footer a {
  color: #344;
}

body, div, p, td, li {
  color: black;
}

h1, h2, h3, h4, h5, h6 {
  color: #CC6600;
  font-weight: normal;
  padding-bottom: 0.2em;
}

h1 {
  font-size: 280%;
  padding: 0.5em 0 0 0;
  padding-bottom: 0em;
}

h2 {
  font-size: 210%;
  padding-top: 0.9em;
}

h3 {
  font-size: 175%;
  padding-top: 0.7em;
}

h4 {
  font-style: italic;
  font-size: 140%; 
  padding-top: 0.6em;
  padding-bottom: 0;
}

h5 {
  font-style: italic;
  font-size: 110%;
  padding-top: 0.6em;
  padding-bottom: 0;
}

h6 {
  font-style: italic;
  font-size: 100%; 
  padding-top: 0.6em;
  padding-bottom: 0;
}

h3 sup {
  font-size: 0.6em;
}

p {
  font-size: 1.2em;
  margin: 0.3em 0 0.5em 0;
  width: 80%;
}

a {
  color: #466;
}

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

ul {
  margin: 0.4em 0 0.4em 0;
  list-style-type: circle;
  list-style-image: url(/foundation/images/boxout-bullet-brown.png) 
}

li {
  margin: 0.5em 0em 0.5em 2em;
}

pre {
  background-color: #eeeeee;
  display: block;
  font-size: 0.95em;
  line-height: 15px;
  margin-top: 10px;
  max-height: 300px;
  overflow: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 93%;
} 

label {
  color: #444;
  display: block;
  font-size: 0.9em;
  margin: 1em 0 0 0;
  padding: 0;
}

textarea,
/*input[type=text], input[type=password], input[type=submit]*/
input,
select
{
  font-size: 130%;
  padding: 2px;
  background: #f6f6f6;
  border: 1px solid #ccc;
}

textarea:hover,
input:hover,
select:hover
/*input[type=text]:hover, 
 * input[type=password]:hover,
 * input[type=submit]:hover*/
{
  background: #fff;
}

textarea:focus,
input:focus,
select:focus
/*input[type=text]:focus, 
 * input[type=password]:focus,
 * input[type=submit]:focus*/
{
  padding: 1px;
  background: #fff;
  border: 2px solid #466;
}

select, select:focus
{
  border: 1px solid;
  padding: 0;
}

input
{
  color: #444;
}

input[type=submit]:hover,
input[type=submit]:active
{
  color: #fff;
  background: #466;
  border-color: #244;
  cursor: pointer;
}

textarea, input[type=text], input[type=password] {
  width: 75%
}

#leftbar input,
#leftbar input:hover,
#leftbar input:focus {
  font-size: 0.8em;
  width: 10em;
}

.clearboth {
  clear: both;
}

.navigation {
  padding: 0;
  margin: 0;
}

.navigation ul {
  list-style-image: none;
  list-style-type: none;
  padding: 0 0 0 0.3em;
  margin: 0;
}

.navigation li {
  font-size: 1.2em;
  border-top: 1px #688 dashed; 
  margin: 0;
  text-align: right;
  width: 9em;
}

.navigation li:hover {
  background: #F0F0F0;
}

.navigation a {
  padding: 0.4em 0.8em 0.4em;
  display: block;
  color: #233;
}

.navigationLink td {
  line-height: 1.4;
}

/* needed for old search page */
.pageLeft {
 width: 18%;
}

.pageMiddle {
 width: 61%;
}

table.navigationLink {
  border-top: 1px #FFFFFF solid; 
  border-bottom: 1px #FFFFFF solid; 
  width: 11em;
}
td.navigationLink, td.navigationSubLink, td.navigationSubSubLink, td.navigationLinkOn, td.navigationSubLinkOn, td.navigationSubSubLinkOn {
  padding: 0.2em;
  font-weight: normal;
  text-align: right;
}
td.navigationLink, td.navigationLinkOn {
  font-size: 120%;
  padding-right: 1.0em;
}
td.navigationSubLink, td.navigationSubLinkOn {
  font-size: 120%;
  padding-right: 2.5em;
}
td.navigationSubSubLink, td.navigationSubSubLinkOn {
  font-size: 100%;
  padding-right: 3em;
}
td.navigationLink, td.navigationSubLink, td.navigationSubSubLink {
  color: #892614;
  background: #FFFFFF;
  border-top: 1px #8aa dashed; 
  border-bottom: 1px #FFFFFF dashed; 
}
td.navigationLinkOn, td.navigationSubLinkOn, td.navigationSubSubLinkOn {
  color: #892614;
  background: #F0F0F0;
  border-top: 1px #8aa dashed; 
  border-bottom: 1px #F0F0F0 solid; 
  cursor: pointer;
}
td.pageLayout, td.displayPageLayout {
  border: 0px solid #996699;
  text-align: left;
  vertical-align: top;
}
tr.pageLayout, tr.displayPageLayout {
  vertical-align: top
}
td.displayPageLayout {
  border: 0px solid #EEEEEE;
  background: #FFFFFF;
  line-height: 15pt;
}
td.footerPageLayout {
  line-height: 13pt;
  font-size: 0.8em;
  text-align: center;
}

.split {
  margin-top: 0;
}

.splitend {
  clear: both;
}

.splitend p {
  height: 0;
  margin: 0;
  padding: 0;
}

.column{
  float: left;
  width: 22em;
}

.box {
  background:#FFFFFF none repeat scroll 0%;
  color:#333333;
  border: 2px dashed #abb;
  margin: 1em 0.6em 0 0.6em;
  padding: 1.0em 0.5em 1.0em 0.9em;
}

.box p {
  width: 100%;
  margin: 0;
}

.box h2, .box h2 a, .box h3, .box h3 a{
  margin: 0 0 0.4em 0; 
  padding: 0;
  color: #c60
}

.boxout, #boxout {
  background: white url(/foundation/images/featurebox-blue-bottom.gif) no-repeat bottom left;
  clear: right;
  float: right;
  line-height: 1.3em;
  margin: 1.5em 0 1em 2em;
  width: 185px;
}

.boxout h3, #boxout h3 {
  color: white;
  height: 21px;
  padding: 2px 0 0px 12px;
  margin: 0;
  background: white url(/foundation/images/featurebox-blue.gif) no-repeat top left;
  font-size: 100%;
  font-weight: bold;
}

.boxout .contents, #boxout .contents {
  border: 2px solid #7b9cbd;
  border-top: none;
  border-bottom: none;
  padding: 0.2em 0.6em 0.4em;
  margin: 0 0 6px 0;
  font-size: 100%;
}

.boxout p {
  width: 100%;
  font-size: 100%;
  margin: 0.4em 0 0.4em 0;
}

.boxout ul, #boxout ul {
  margin: 0.2em 0 0.3em 0;
  padding: 0;
}

.boxout li, #boxout li {
  margin: 0.2em 0 0.2em 1.5em;
  padding: 0;
}

.floatleft {
  float: left; 
}

.floatright {
  float: right; 
}

p.strapline {
  margin-top: 0.66em;
  color: #344;
  text-align: center;
  font-style: italic;
  font-size: 1.2em;
  max-width: 36em; 
}

.background-inherit {
  background: inherit;
}

.background-pink {
  background: #ff0088;
}

.background-orange {
  background: #ff8800;
}

.background-lime {
  background: #88ff00;
}

.background-teal {
  background: #0088ff;
}

.background-purple {
  background: #8800ff;
}

.square-1 {
  float: left;
  display: block;
  height: 12px;
  width: 12px;
  margin: 10px 18px 10px 1px;
}

.append-1 {
  margin-left: 12px;
}

.push-down-1 {
  margin-top: 1.4em;
}

.span-4 {
  width: 160px;
}

.span-5 {
  width: 190px;
}

div.ccimage {
  clear: right;
  float: right;
  margin:0.5em 0 0.5em 2em;
  position: relative;
}

.ccimage a {
  color: #ddd;
}

.ccimage a:hover {
  color: #eee;
  background: #899 none repeat scroll 0 0;
  text-decoration: none;
}

.ccimage cite {
  /* background: #000 none repeat scroll 0 0; */
  position: absolute;
  left:0px;
  bottom: 0;
  padding: 5px 10px 5px 5px;
  color: #FFF;
  line-height: 0.7em;
  font-size: 0.7em;
  font-style: normal;
  font-weight: bold;
/*  opacity:0.6;
  filter:alpha(opacity=60); */
}

.ccimage img {
  /* border: 1px solid #899; */
}

.coveringletter {
  background: #fffad2 none repeat scroll 0 0;
  border: 1px solid #BBBBBB;
  font-size: 1.1em;
  line-height: 1.8em;
  margin: 2em 0em;
  padding: 2em 3em;
  width: 80%;
}

.coveringletter p {
  margin: 0.3em 0 0.5em 0;
  width: 100%;
}

#ie6Warning {
  background:#E3E3E3 none repeat scroll 0 0;
  border:1px solid #BBBBBB;
  margin:2em 2em 0em 2em;
  padding:0em 2em 1em 2em;
  display: none;
}

#ie6Warning h2 {
  background:transparent url(/foundation/images/ie6-warning.gif) no-repeat scroll 0 50%;
  padding-left:40px;
}