html, body {
	margin:0;
	padding:0;
	background: #FFF url(/multimedia/header_logo.gif) no-repeat scroll 0px 0px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

body { font-size: 76%;}

div, p, table, th, td, li, .normal {font-size: 1.0em;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;}

h1, h2, h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, arial, helvetica, sans-serif;
	margin-top: 0;
	color: #003399;
	font-weight: bold;
}

h4, h5, h6 {
	color: #A53656;
	font-weight: bold;
}

h1 { font-size: 1.5em;}
h2 { font-size: 1.4em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.2em;}
h5 { font-size: 1.1em;}
h6 { font-size: 1em;}

ul {
	text-align: left;
	margin-bottom: 1em;
	padding: 0px;
}

li {
	padding: 0px;
	margin: 0px;
	list-style: square inside;
}

a, a:link, a:visited {
	color: #A53656;
	text-decoration: none;
}

a:hover { color: #c00;}

hr{
	border: 0;
	height: 1px;
	width: 100%;
	color: #CCC;
	background-color: #CCC;
}

img {margin: 0;	padding: 0;border: 0;}

h2 img{ margin-left: -3px;}

fieldset {
	padding: 10px;
	border: 1px solid #036;
	padding: 10px;
}

legend {
	padding: 0.2em 0.5em;
	text-align: right;
	border: 1px solid #036;
	color: #036;
	font-size: 11px;
	font-weight: bold;
}

label {
	float:left;
	width:25%;
	margin-right:0.5em;
	padding-top:0.2em;
	text-align:right;
	font-weight:bold;
}

select {
   color: #333;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
}

#overall {
	width: 780px;
	min-width: 500px;
	padding-left: 20px;
	text-align:justify;
} 
 
#header {
	height: 100px;
	width: auto;
	border-bottom: 0;
	background: transparent;
	color: #FFF;
 }

#header h1 {
	padding-left: 7px;
	padding-bottom: 0; /*padding bottom 0 to remove space in IE5 Mac*/
	color: #FFF;
}

#navigation {
	height: 45px;
	width: auto;
	border-bottom: 0px solid white;
	background: transparent;
	text-align: right;
}

#navigation .content {
	float: right;
	padding-left: 0px;
	text-align: right;
}

#outer{
	width: auto;
	border: 0px solid white;
	/*/*/ border-left-width: 140px;  /* left column width. NN4 hack to hide borders */
	border-left-color: #EDC8D6;   /* left column colour */
	border-left-style: solid;
	/*/*/ border-right-width: 140px; /* right column width. NN4 hack to hide borders */
	border-right-color: #FFF;  /* right column colour */
	border-right-style: solid;
	background-color: #FFF; /* center column colour */
}

#outer #inner {
	border-bottom: 0px solid #FFF;
}

#inner {
	margin: 0;
	width: 100%;
}

#left {
	width: 140px;
	float: left;
	position: relative;
	margin-left: -140px;
	margin-right: 0px;
	z-index: 1;
}

#left .content { padding: 0px 0px 20px 0px; font-size: 0.9em; text-align: center;}

#middle {
	float: left; 
	width: 100%; 
	position: relative;
	margin: 0 -8px 0 -2px;
	z-index: 0;
}

#middle .content { padding: 0px 10px 20px 15px; text-align: justify;}

#right {
	/*/*/ width: 140px; /* hack keeps NN4 right column right? */ 
	float: right; 
	position: relative; 
	margin-right: -140px; 
	margin-left: 0px; 
}

#right .content {padding: 0px 0px 20px 0px;}

#footer {
	height: 22px; 
	width: 100%;
	margin-top: 25px;
	background: #A53656;
	color: #EDC8D6;
}

#footer a {text-decoration: none;color: #FFF;}

#footer a:hover {color: #EDC8D6;}

#footer  .content {
	padding: 5px;
	text-align: center;
	font-size: 10.5px;
}

div.salebox {margin: 0px 10px; padding: 10px; text-align:center; font-size: 1.3em; background: #DCFAD9;}
div.salebox .normal { font-size: 1em !important;}

div.indent{ margin-left: 15px;}

div.float { float: left; padding: 5px;}

div.float2 {
  float: right;
  padding: 0px 5px 0px 5px;
}

.clr {	clear: both;}

.highlight {	color: #006699;}

.error {font-size: 12px; color: #cc0000;}

.printer {}

/* Contact Form CSS */

.contactButton {
	background-color: #e8e8e8;
	border: 1px solid #A53656;
	font-size: 11px;
	font-weight: bold;
}

.contactInput {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #A53656;
	width: 210px;
}

/* Search Box CSS */

.searchInput {
	width: 90px;
	height:18px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #A53656;
}

.searchButton {
	height:18px;
	background-color: #FFF;
	border: 1px solid #A53656;
	color: #000;
	font-size: 11px;
}

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

.searchWord {
	background-Color: white;
	color: #036;
}

/* END Search Box CSS */

/* Login table CSS */

.loginTable {
	background:transparent;
	border: 1px solid #FFF;
	text-align: center;
}

.loginTable td {
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.loginInput {
	width: 160px;
	height: 17px;
	font-size: 11px;
	background-color: #fff;
	border: 1px solid #333366;
}

.loginButton {
	font-size: 11px;
	background-color: #e8e8e8;
	border: 1px solid #036;
	text-align: center;
}

.loggedIn {
	color: green;
	font-weight: bold;
}

.maxLoginsExceeded {
	color: red;
	font-weight: bold;
}

.loginLabel {
	font-size: 8pt;
	font-family: arial;
}

/* END LOGIN TABLE */

.subheading {
	font-weight: bold;
	font-size: 10pt;
	color: #A53656;
}

.measurementTable TD {
	margin: 3px;
	border: solid 1px #990000;
	background-color: #ffffcc;
}

.measurementTable TH {
	margin: 3px;
	background-color: #990000;
	color: #ffffcc;
	border: solid 1px #000000;
}

.measurementTable TR{
	height: 30px;
}

TABLE.measurementTable{
	color: #990000;
	background-color: White;
	border-color: White;
}

/* ==============================================================================================
			MENU STYLING
================================================================================================= */
/* Top menu styling */
/* setup style on top level anchor tags */
#navigation div.topmenu {
	width: 390px;
	text-align: right;
}

#main2_0 { width: 70px; }
#main2_1 { width: 110px; }
#main2_2 { width: 90px; }
#main2_3 { width: 100px; }

#navigation div.topmenu li a, #navigation div.topmenu li a:visited {
	display: block;
	text-decoration: none;
	color: #333333;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	padding: 0;
	margin: 0;
	border: 0;
}

/* top level menus hovers */
#navigation div.topmenu li a.menuhover, #navigation div.topmenu li a:visited.menuhover, #navigation div.topmenu li a:hover {
	color: black;
}
/* end anchor tag styling */

/* top level li items */
#navigation div.topmenu ul li{
	border: 0;
	padding: 0;
	margin: 0;
	display: inline;
}
/* end topmenu styling */

/* ==============================================================================================
  Below is styling for main menu on left of page
================================================================================================= */

/* Sidemenu styling */
#left div.sidemenu li a, #left div.sidemenu li a:visited {
	display: block;
	text-decoration: none;
	color: #333333;
	background: #fff;
	padding: 5px;
	margin: 0;
	border: 0;
	font-size: 11px;
	font-family: arial;
}

/* top level menus hovers */
#left div.sidemenu li a.menuhover, #left div.sidemenu li a:visited.menuhover, #left div.sidemenu li a:hover {
	color: #000;
	background: #E4E4E4;
}

/* setup style on levels below top level */
#left div.sidemenu li li a, #left div.sidemenu li li a:visited {
	color: #333333;
	background: #fff;
	padding: 5px;
	width: auto;
}

#left div.sidemenu li li a.menuhover, #left div.sidemenu li li a:visited.menuhover, #left div.sidemenu li li a:hover {
	/* must put all details in here to ensure settings are not inherited from visited links */
	color: #000;
	background: #E4E4E4;
}
/* end anchor tag styling */

/* define look of list items */
#left div.sidemenu ul li{
	border: 0;
	border-bottom: 1px solid #DBAFBB;
	padding: 0;
	margin: 0;
	display: inline;
}

/* put border on top of submenu ul and offset margin to ensure borders line up */
#left div.sidemenu ul ul {
	border: 0;
	border-top: 1px solid #DBAFBB;
	border-left: 1px solid white;
	margin-top: -1px;
}

/* position arrow */
#left div.sidemenu li div.arrow {
	display: none;
}

/* End side menu styling */