html { min-height: 100%; margin-bottom: 1px; }
body{
	font-family:verdana,arial,helvetica,sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:14px;
	line-height:16px;
	color:#333333;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	background-color:#E9E8EB
}
.mainpanel{
	font-family:verdana,arial,helvetica,sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:14px;
	line-height:16px;
	color:#333333;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	background-color:#FFFFFF;
}

/* LINKS */
a { color:#0000ff; text-decoration:none; }
a:link { color:#0000ff; text-decoration:none; }
a:visited { color:#0000ff; text-decoration:none; }
a:hover { color:#0000ff; text-decoration:underline; }


/* HEADINGS */
.maintitle { font-size:36px; line-height:45px; font-weight:bold; color:#B0272E; }
a.maintitle { color:#000000; text-decoration:none; }
a.maintitle:link { color:#000000; text-decoration:none; }
a.maintitle:visited { color:#000000; text-decoration:none; }
a.maintitle:hover { color:#000000; text-decoration:underline; }

.strapline { font-size:16px; line-height:16px; font-weight:bold; color:#FFFFFF; }
a.strapline { color:#000000; text-decoration:none; }
a.strapline:link { color:#000000; text-decoration:none; }
a.strapline:visited { color:#000000; text-decoration:none; }
a.strapline:hover { color:#000000; text-decoration:underline; }

.pagetitle { font-size:14px; line-height:28px; font-weight:bold; color:#000000; }


/* MENUS */
/* main colour */
.mainmenu { font-size:12px; line-height:18px; font-weight:normal; color:#258496; background-color:#C2D5D9; }
a.mainmenu { color:#0000ff; text-decoration:none; }
a.mainmenu:link { color:#0000ff; text-decoration:none; }
a.mainmenu:visited { color:#0000ff; text-decoration:none; }
a.mainmenu:hover { color:#0000ff; text-decoration:underline; background-color:#ffffff;}
/* sub menu elements */
.submenu { font-size:12px; line-height:18px; font-weight:bold; color:#0000cc; background-color:#E9E8EB; }
a.submenu { color:#0000ff; text-decoration:none; }
a.submenu:link { color:#0000ff; text-decoration:none; }
a.submenu:visited { color:#0000ff; text-decoration:none; }
a.submenu:hover { color:#0000ff; text-decoration:underline;background-color:#ffff00; }
.submenuon { font-size:12px; line-height:18px; font-weight:bold; color:#000000; background-color:#ffffff; }
a.submenuon { color:#000000; text-decoration:none; }
a.submenuon:link { color:#000000; text-decoration:none; }
a.submenuon:visited { color:#000000; text-decoration:none; }
a.submenuon:hover { color:#000000; text-decoration:underline;background-color:#ffff00; }
/* utility links */
.utilitymenu { font-size:10px; line-height:12px; font-weight:normal; color:#000000; background-color:#ff0000; }
.menuon { font-size:12px; line-height:18px; font-weight:bold; color:#000000; background-color:#ffffff; }

/* FOOTER */
.footer { font-size:10px; background-color:#C2D5D9; }


/* FORMS */
textarea, select, input { font-family:verdana,sans-serif; font-size:11px; color:#000000; }
.resetbutton { background-color:#cccccc; border:1px; border-color:#000000; width:60px; height:20px; color:#003366; }
.submitbutton { background-color:#003366; border:1px; border-color:#000000; width:60px; height:20px; color:#ffffff; }
.wideinput { font-family:verdana,sans-serif; font-size:11px; color:#000000; width:250px; }


/* LISTS */
dt { font-weight:normal; font-style:italic; }
dd { Xcolor:#000000; }


/* MISC */
code { font-family:courier new,courier,sans-serif; color:#000000; font-size:12px; }
.date { font-size:10px; font-weight:bold; }
hr { color:#cccccc; }
.image { border:1px; border-color:#000000; }
small { font-size:10px; line-height: 12px; }


/* FLOATING DIVS */
#logofloater {
  position:relative; visibility:visible;
  width:auto; height:auto;
}
#menufloater {
  position:relative; visibility:hidden;
  width:auto; height:auto;
}
/* James' Added Styles */
/* ADS */
.phoenixmaintitle { font-size:36px; line-height:45px; font-weight:bold; color:#000000; }
.phoenixmainbody { font-size:16px; line-height:20px; font-weight:bold; color:#000000; }
.phoenixmainbodyred { font-size:16px; line-height:20px; font-weight:bold; color:#FF0000; }
.counter { font-size:10px; line-height:14px; font-weight:bold; color:#000000; background-color:#768E93; }

tr.title-row {
	background-image: url("http://www.roiproducts.com/graphics/logos/banner.jpg");
	background-position: center;
}
td.menu { font-size:12px; line-height:18px; font-weight:normal; color:#027e7e; background-color:#ffffff; text-align:center; cursor:pointer}
td.menu:link { font-size:12px; line-height:18px; font-weight:normal; color:#027e7e; background-color:#04ccca; text-align:center; cursor:hand}
td.menu:hover { color:#027e7e; text-decoration:none; background-color:#04ccca; cursor:hand}

td.menuon { font-size:12px; line-height:18px; font-weight:normal; color:#ffffff; background-color:#027e7e; text-align:center; cursor:pointer}
td.menuon:link { font-size:12px; line-height:18px; font-weight:normal; color:#ffffff; background-color:#04ccca; text-align:center; cursor:hand}
td.menuon:hover { color:#ffffff; text-decoration:none; background-color:#04ccca; cursor:hand}

a.menulinks { font-size:12px; line-height:18px; font-weight:normal; color:#027e7e; background-color:#ffffff; text-align:center; cursor:pointer}
a.menulinks:link { font-size:12px; line-height:18px; font-weight:normal; color:#027e7e; background-color:#04ccca; text-align:center; cursor:hand}
a.menulinks:hover { color:#027e7e; text-decoration:none; background-color:#04ccca; cursor:hand}

a.menulinkson { font-size:12px; line-height:18px; font-weight:normal; color:#ffffff; background-color:#027e7e; text-align:center; cursor:pointer}
a.menulinkson:link { font-size:12px; line-height:18px; font-weight:normal; color:#ffffff; background-color:#04ccca; text-align:center; cursor:hand}
a.menulinkson:hover { color:#ffffff; text-decoration:none; background-color:#04ccca; cursor:hand}
