/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}

/* typography.css */
body {
  font-size: 0.85em;
  color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #fff;
}

p {
	margin:0 0 1.0em;
	line-height: 1.5em;
}

p em {
  font-style: italic;
}

ul { list-style-type: square; }
ul li {
  margin-left: 30px;
}


tfoot {font-style:italic;}

#wrapper { width:780px; margin:auto; text-align:left; display:block; padding:5px; background:#fff; }
#header h1 { font-size:24px; margin:0; padding:0; }
#header  { display:block; color:#fff; clear:both; background-color:#ff1122; height: 140px; padding: 0; margin: 0}

#body { }

#footer { 
  padding: 3px;
  background-color:#ff1122;
  color: white;
  font-size: 0.7em;
}
#footer a {
  color: white;
  text-decoration: none;
}
#footer a:hover { text-decoration: underline; }

.floatright { float:right; }
.break { clear:both; font-size:0; }

#main h2 { color: #0B5F8A; font-size:1.3em; margin: 15px 0px 15px 0px; border-bottom:1px dotted #E3192C; padding-bottom: 3px}
#main h3 {
  color: #060; font-size:1.1em; font-weight: bold; 
  margin: 15px 0px 5px 0px; padding-bottom: 3px
}
#main td {
  text-align: left; vertical-align: top; padding: 0px 0px 3px 5px; 
}

#left { width:165px; float:left; margin:0px 0px 10px 0px; padding:10px; padding-top:0; }
#left h2 { color: #0B5F8A; font-size:1.3em; margin: 15px 0px 5px 0px; border-bottom:1px dotted #E3192C; padding-bottom: 3px}
#right{ width:574px; float:left; margin:0px 0px 10px 0px; padding:10px; padding-top:0; }

#topnav {
  width: 780px;
  display: block;
  line-height: 20px;
  background-color:#dedede; 
  padding: 0px; 
  margin: 0px;
}
#topnav a {
  display: block; float: left; 
  font-size: 14px; color:black; 
  margin: 0px; padding: 0px 10px 0px 10px; 
  text-decoration: none;
  background-color:#dedede
}
#topnav a:hover {text-decoration:none; color:black; background-color: #ccc}

#leftnav ul li { margin: 0px 0px 3px 10px; padding:0px;}
#leftnav a { text-decoration:none; color:#333; }
#leftnav a:hover { text-decoration: underline;}

#header h1 { font-size:24px; margin-left: 10px; color: white; font-weight: bold}
#header h2 { font-size:14px; margin:0; color: white; font-style: italic}

#right h1 {
  font-size:24px; color: #333; font-weight: bold
}

table#datatable tr:hover {
	background-color: #ddd;
}

table#datatable td {
	padding: 5px;
}