tml, body, table {
  overflow-x: hidden;
  margin:0;
  padding:0px;
  font-family: helvetica, arial, lucida, sans-serif;
  font-size: 12px;
}

h1, h3, h2.paragraphtitle {
  padding:0;
  margin:0;
  padding-bottom: 4px;
  font-size: 16px;
}

h2 {
  font-size: 14px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

textarea.nwrptext {
	width: 400px;
	height: 350px;
}

.paragraph {
	padding: 0;
}

.paragraph {
	clear: right;
}

div.wrapper {
  margin-left: auto;
  margin-right: auto;
  background-image: url('../images/eccp_bg_main.jpg');
  width:800px;
  padding-bottom: 10px;
  border-bottom: 3px solid #004fa3;
}

div.lft {
  float: left;
  width: 108px;
  padding-left:10px;
  position: relative;
  font-size: 9px;
}

div.lft a, div.menu a {
  color: #004fa3;
}

div.menu {
  text-align: left;
}

div.menu a {
  font-weight: bold;
  display: block;
  padding:2px 2px;
  margin-bottom: 4px;
}

.submenu {
  margin:0px;
  padding:0px;
}

div.submenu a {
  text-align: right;
  color: white;
}

hr {
  color: #f79239;
  background-color: #f79239;
  height: 3px;
}

div.menu a.on, div.menu a:hover {
  cursor: pointer;
  text-decoration: none;
}

div.rgt {
  margin-left: 145px;
  margin-right: 29px;
  padding-top: 6px;
}

div.footer {
  font-size: 70%;
  text-align: right;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:0;
  width:800px;
  padding: 3px 0;
  border-bottom: 3px solid #004fa3;

}

div.bottom {
  margin:0;
  padding:0;
  margin-left: auto;
  margin-right: auto;
  width:800px;
  height:36px;
  background-image: url('../images/eccp_bg_bottom.jpg');
}

.label {
  font-style: italic;
  color: #33a;
}
.value {
  padding-left: 8px;
}

/* 
Hacks to fix crap-IE courtesy of http://www.positioniseverything.net/

The first one is needed to stop the browser to go berserk on a:hover
in a float.

The second fixes the so-called 'three pixel gap' that occurs with a
float in IE 

Finally, there's a final fix in the html for menu-entries that have a 
submenu (which are themselves not links). The cursor:pointer;
doesn't work in CSS unless there's a href. Setting the style in HTML
does work though...
*/

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html .wrapper {
  width: 80%;
}

* html div.rgt {
  height: 1%;
}

* html hr {
  color: #f79239;
  background-color: #f79239;
  height: 1px;
}

/* End hide from IE5/mac */

li {
	margin-left: 20px;
}