body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:0.8em;
	color:#003366;
}
/* Left Content Float */
div#leftcontent {
		float:left;
		width:105px;
		background-color:#FF6600;
		border: 1px solid black;
		margin-right: 0px;
		margin-top: 0px;
		padding: 0px;
		height:290%;
		}
div#leftcontent #logotopleft {
		height: 76px;
		width:100px;
		margin-left:8px;
		margin-top:0px;
		padding: 0px;
		background-color:#FF6600;
		background-image: url(../images/logo_orange.gif);
		background-repeat: no-repeat;
		}		

/* Main Content Holder */
div#maincontent {
	margin-left:100px;
	margin-top:0px;
	background:#ffffff;
	}

div#maincontent #headerbar {
	background-color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: 2px;
	color: white;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
div#maincontent h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	letter-spacing:2px;
	}
div#maincontent h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	}
div#maincontent h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	margin-left: 10px;
	margin-top: 5px;
	}
div#maincontent .divider {
	border-top : 1px dotted Black;
	}
div#crumbox {
	border: 1px dashed #000099;
	width: 800px;
	padding: 5px;
	margin-top: 3px;
	background: #F0F0F0;
	}
div#breadcrumb {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	margin-top: 10px;
  	margin-left:20px;
	}

	
div.tabArea {
  	margin-top: 3px;
	}

div#maincontent .button {
	width: 85px;
	height: 15px;
	background: #003366;
	border: 1px solid black;
	padding: 2px 2px 2px 2px;
	text-align: center;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: white;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	}

div#maincontent a:hover.button {
	background: #FF6600;
	font-weight: normal;
	}

div.tabAreaSub {
  	margin-top: 3px;
	}

div#maincontent .buttonSub {
	width: 85px;
	height: 15px;
	background: #cccccc;
	border: 1px solid black;
	padding: 2px 2px 2px 2px;
	text-align: center;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: #000000;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	}
div#maincontent a:hover.buttonSub {
	background: #FF6600;
	font-weight: normal;
	}
		
div.tabAreaSub2 {
  	margin-top: 3px;
}

div#maincontent .buttonsub3 {
	width: 85px;
	height: 15px;
	background: #FFFF99;
	border: 1px solid black;
	padding: 2px 2px 2px 2px;
	text-align: center;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: #003366;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	}
div#maincontent a:hover.buttonsub3 {
	background: #FF6600;
	}

div#maincontent .buttonSub2 {
	width: 85px;
	height: 15px;
	background: #fff0e6;
	border: 1px solid black;
	padding: 2px 2px 2px 2px;
	text-align: center;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: #003366;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	}
div#maincontent a:hover.buttonSub2 {
	background: #FF6600;
	}
		
div#maincontent .button2 {
	height: 15px;
	background: #003366;
	border: 1px solid black;
	padding: 2px 5px 2px 5px;
	text-align: center;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color: white;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	}
	
div#maincontent a:hover.button2 {
	background: #FF6600;
	}

div#maincontent #pageheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	letter-spacing:2px;
	margin-left: 10px;
	margin-top: 5px;
	}
div#maincontent #subheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	letter-spacing:1px;
	margin-left:10px ;
	margin-top: 5px;
	}
	
/*
Affinity Buttons and Navbar
*/
div#navblock {
	width: 800px;
	margin-top: 3px;
	margin-left: 0px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	}
div#navblock .navspacer {
	width: 100px;
	height: 15px;
	border: 0px solid black;
	padding: 2px 2px 2px 2px;
	}

div#navblock .tabArea {
	}

div#navblock .button {
	text-align: center; 
	width: 100px;
	height: 15px;
	background: #003366;
	color: white;
	border: 1px solid black;
	padding: 2px 2px 2px 2px;
	}

div#navblock a:hover.button {
	background-color: #FF6600;
	font-weight: normal;
	}	

div#navblock .tabAreaSub {
  	margin-top: 3px;
}

div#navblock .buttonSub {
	width: 100px;
	height: 15px;
	background: #cccccc;
	border: 1px solid black;
	padding: 2px 2px 2px 2px;
	color: #003366;
	margin: 0px 0px 0px 0px;
	}
div#navblock a:hover.buttonSub {
	background-color: #FF6600;
	}
div#navblock .tabAreaSub2 {
  	margin-top: 3px;
	}

div#navblock .buttonSub2 {
	width: 100px;
	height: 15px;
	background: #fff0e6;
	border: 1px solid black;
	padding: 2px 2px 2px 2px;
	color: #003366;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	}
div#navblock a:hover.buttonSub2 {
	background: #FF6600;
	}	
	
div#mainbox {
		border: 1px dashed #000099;
		width: 800px;
		padding:15px;
		margin-top: 5px;
		}
		div#mainbox .mainboxsub {
		border: 1px dashed #000099;
		width: 100%;
		padding: 2px;
		margin-bottom:8px;
		}
		div#mainbox td{
		font-size:100%;
		font-weight: normal;
		}
		div#mainbox input, textarea, select{
		font-size:80%;
		font-weight: bold;
		background:#EEEEEE;
		color:#000099;
		}
		div#mainbox .productlist {
		font-size: 100%;
		font-weight: normal;
		}
		div#mainbox .nextprevious {
		font-size: 90%;
		}
		div#mainbox .producttableheading {
		font-weight: bold;
		vertical-align: middle;
		font-size: 80%;
		}
		div#mainbox .tableheadingleft {
		font-weight: bold;
		vertical-align: top;
		text-align:right;
		font-size: 80%;
		}
		div#mainbox .listrow {
		border-bottom: 1px dotted #000099;
		border-right-width: 1px;
		border-right-style: dotted;
		border-right-color: #000099;
		}
		div#mainbox hr {
		color: #000099;
		height: 1px;
		width: 90%;
		}
		div#mainboxbut {
		border: 1px dashed #000099;
		width: 800px;
		padding: 2px;
		margin-top:5px;
		background: #f0f0f0;
		}
		div#mainbox .formbutton {
		height: 20px;
		background: #003366;
		border: 1px solid #ff6600;
		text-align: center;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, Sans-serif;
		color: white;
		margin: 0px 0px 0px 0px;
		}
		div#mainbox .formbuttonred {
		height: 20px;
		background: #ff0000;
		border: 1px solid #ff6600;
		text-align: center;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, Sans-serif;
		color: white;
		margin: 0px 0px 0px 0px;
		}
		div#mainbox .subheading {
		font-size: 80%;
		color:#336699;
		font-weight: bold;
		letter-spacing:2px;
		}

div#prodtabs {
  font-size: 80%;
  font-weight: bold;
  margin-top: 10px;
  margin-left:20px;
  }
div#prodtabssub {
  font-size: 80%;
  font-weight: bold;
  margin-top: 5px;
  margin-left:20px;
  }  

a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: #000066;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #003366;
	letter-spacing: 2px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	color: #003366;
}

div.tabAreaSub1 {
  font-size: 80%;
  font-weight: bold;
  margin-top: 6px;
  margin-left:15px;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #003366;
  color: #ffffff;
}

a.tab {
  background-color: #003366;
  border: 1px solid #003366;
  border-top-width: 0px;
  padding: 1px 1em 1px 1em;
  text-decoration: none;
}

a.tab, a.tab:visited {
  color: #ffffff;
}

a.tab:hover {
  background-color: #d0d0d0;
  color: #003366;
  text-decoration: none;
}


.tip {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	position: absolute;
	left: 540px;
	top: 45px;
	visibility: hidden;
	width: 200px;
	height: auto;
	background-color: #CCCCCC;
	border: 1px solid #003366;
	padding: 10px;
	z-index: 50;
	font-size: 11px;
	line-height: 115%;
	color: #003366;
}
.premiumtable {
	border: 1px solid #003366;
}


/* These should be un-used but
left them her for the time being
*/
a.ptab.activeTab, a.ptab.activeTab:hover, a.ptab.activeTab:visited {
  background-color: #003366;
  color: #ffffff;
}

a.ptab {
  background-color: #003366;
  border: 1px solid #003366;
  border-top-width: 0px;
  padding: 1px 1em 1px 1em;
  text-decoration: none;
}
a.ptab, a.ptab:visited {
  color: #ffffff;
}
a.ptab:hover {
  background-color: #d0d0d0;
  color: #003366;
  text-decoration: none;
}
/*BEGINING OF CLEANING UP - STARTED BY GJ - 10-06-2005 */

		/* Left (Menu) */
		ul#menulist{ 
		position: relative;
		width: 100%;
		margin: 1px 1px 10px 0px;
		background-color: #FF6600;
		padding: 1px 1px 1px 1px;
		}

		ul#menulist li{
		list-style-type:none;
		}

		li.menuheading {
		font-weight: bold;
		font-size: 120%;
		color: #ffffff;
		text-transform: none;
		}

		a.menulink {
		width: 100px;
		background: #cccccc;
		border: 1px solid black;
		text-align: center;
		font-size: 85%;
		font-family: Verdana, Arial, Helvetica, Sans-serif;
		color: #003366;
		text-decoration: none;
		padding: 2px 2px 1px 1px;
		margin: 2px 2px 0px 0px;
		}

		a:hover.menulink {
		background: #003366;
		color: #ffffff;
		}