/* 
// The following creates a framework where layout is more predictable 
// across browsers and between table cells and divs. Many standard behaviours
// have been changed from the defaults to suit our layout. Most would not
// be necessary if IE 5 and 6 didn't butcher our layout so badly. 
*/
html,body {
	margin: 0;
	padding: 0;
	border: none;
	font-family: Helvetica, Arial, Verdana, San-serif;
	font-size: 10pt;
	height: 100%; /* needed for wrapper min-height */
	background-color: #eee;
}
/* VERTICAL CENTERING: Required for IE display bugs. */
.vertical_outer {
	position: relative;
	display: table; 
	position: static;
}
.vertical_middle {
	display: table-cell; 
	vertical-align: middle; 
	position: static;
}
p {
	margin: 0 0 1em 0;
}
p.tight {
	line-height: 1.1em;
}
p.brief {
	line-height: 1.1em;
	max-height: 3.8em;
	overflow: hidden;
}

table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
th, td {
	vertical-align: top;
	text-align: left;
	font-family: Helvetica, Arial, Verdana, San-serif;
	font-size: 10pt;
}
table.flexible {
	table-layout: auto;
}
.hr {
	width: 100%;
	padding: 0;
	margin: 20px 0;
	height: 1px;
	background: transparent url(/all/images/backgrounds/dash.gif) repeat-x center;
}

/* LINKS */
A 
{ 
	color: #ffbb00;
	font-weight: bold;
	text-decoration: none;
} 

A:hover
{ 
	color: #888;
}
img {
	border: 0;
}
.over A {
	color: #888;
}
img.icon {
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin:2px 0;
}

/* Image links with subtle borders */
.borderless
{
	margin: 0px;
	border: 0px;
}

/* Navigation buttons */
/* Navigate links at bottom of form */
.nav {
	height: 20px;
	padding: 3px;
	text-align: center;
}
.nav a.red_block {
	display: inline;
	margin: 2px 4px;
}

/* BULLET LISTS */
.list_points ul {
	margin: 0;
	padding: 0;
}

.list_points li {
	margin-left: -24px;
}

/* DYNAMIC TABLES: Create hot tables with any number of cells */
.dyntable td {
	vertical-align: middle;
	text-transform: uppercase;
}
.dyntable td.sml {
	height: 28px;
	padding-left: 40px;
}
.dyntable td.med {
	height: 60px;
	padding-left: 60px;
}
.dyntable.bordered {
	border-collapse: separate;
	border-spacing: 2px;
}
.dyntable.bordered td {
	border: 1px solid silver;
}
.dyntable.bordered td.over {
	border: 1px solid #F33;
}

/* E-Web Marketing Styling */

.navmenu,
.navmenu ul,
.navmenu li
{
  padding: 0px;
  margin: 0px;
}
.navmenu li
{
  list-style-type: none;
}
.navmenu li
{
  float: left;
}
.navmenu + *
{
  clear: left;
}
.endmenu
{
  clear: left;
}
.navmenu ul
{
  display: none;
}
.navmenu li:hover > ul
{
  display: block;
}
.navmenu ul.parent_hover
{
  display: block;
}
<!--[if gte IE 5]><![if lt IE 7]>
<style type="text/css">
.navmenu li
{
  behavior: url( ie_menus.htc );
}
</style>
<![endif]><![endif]-->
.navmenu ul
{
  position: absolute;
}
.navmenu li
{
  border: 1px solid #3366cc;
  color: #000033;
  background-color: #6699FF;
}
.navmenu a
{
  color: #000033;
}
.navmenu > li
{
  float: left;
}
<!--[if gte IE 5]><![if lt IE 7]>
<style type="text/css">
.navmenu li
{
  float: left;
  width: 8em;
}
</style>
<![endif]><![endif]-->
.navmenu a
{
  display:block;
  width: 100%;
  text-decoration: none;
}
.navmenu a:hover
{
  background-color: #f8f8fb;
}
.navmenu li
{
  position: relative;
}
.navmenu ul ul
{
  top: 0;
  left: 99%;
}
.navmenu li
{
  padding-left: 1px;
}
.navmenu ul ul
{
  /* top: 0; --- remove this*/
  margin-top: -1.2em;
  left: 99%;
}
.navmenu ul
{
  margin-left: -2px;
}
.navmenu
{
  width: 100%;
  background-color: #6699FF;
}
.navmenu
{
  float: left;
}
.navmenu li
{
  padding: 2px;
}
.navmenu li
{
  /* padding-left: 1px; --- remove this */
}
.navmenu ul
{
  margin-left: -3px; /* was -2px */
  margin-top: 2px;
}
.navmenu li:hover
{
  background-color: #f8f8fb;
}
.navmenu li.hover
{
  background-color: #f8f8fb;
}