html {
  height: auto;
}

body {
  height: auto;
  margin: 0;
  padding: 0;
/*	background: url(../images/diagonalStripes1.gif) repeat;*/
  text-align: left;
  font: 400 0.8em verdana, arial, sans-serif;
  line-height: 160%;
  color: #555;
}

h1 {   
  font: 700 1.6em "trebuchet ms", serif;
  color: #600;
  line-height: 140%;
  margin: 0px;
  padding: 20px 0px 5px 0px;
}

h2 {
  font: 700 1.4em "trebuchet ms", serif;
  color: #600;
  line-height: 130%;
  margin: 0px;
  padding: 20px 0px 5px 0px;
}

h2 a {
  color: #600;
}

h2 a:hover {
  color: #600;
}

h3 {
  font: 400 1.2em "trebuchet ms", serif;
  color: #222;
}

h3 a {
  color: #603;
}

h3 a:hover {
  color: #603;
}

h4 {
  font: 700 1.2em "trebuchet ms", serif;
  color: #2F2;
}

h5 {
  font: 700 1.1em "trebuchet ms", serif;
  color: #22F;
}

h6 {
  font: 700 1em "trebuchet ms", serif;
  color: #33F;
}


h2, h3, h4, h5, h6, p, dl {
  margin: 0px;
  padding: 10px 0px 0px 0px;
}

a {
  color: #C69;
	text-decoration: none;
	cursor: hand; /* Breaks CSS validation, but required for the right-hand menu */
}

a:hover {
  color: #C69;
	text-decoration: underline;
}

b {
  color: #C69;
	font-weight: bold;
}

ol, ul {
  margin: 10px 20px 10px 22px;
  padding: 0px 5px 0px 10px;
  line-height: 160%;
}

ol {
  color: #0C0;
}

ol span {
  color: #0EE;
}

ul {
  list-style-image: url(../images/bullet.gif);
}

li {
	margin-top: 5px;
}

del {
  color: #0AA;
}

/**************************************************************
   Images
 **************************************************************/

img.floatRight {
  margin: 5px 0px 10px 15px;
	border: 2px solid #DDD; 
}

img.floatLeft {
  margin: 5px 15px 10px 0px;
	border: 2px solid #DDD; 
}

img.noBorder {
  margin: 3px 3px 3px 3px;
	border: none; 
}

a img {  
  border: 2px solid #FFF;
}

a:hover img {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 2px solid #FFF !important;
/*  border: 2px solid #999;*/
}