/* wrapper width:	750px (p,m:0)
 * left nav width:	166px (p:0;m:0;m-l:-1;b:1) IE inner width=164
 * center width:	582px (m-l:168,p:10;p-r:0) IE inner width=582-10-0=572
 */

body {
 margin: 0;
 padding: 0;
 font-size: medium;
 background-color: #cc9;
}

a, a img {
 color: black;
 text-decoration: none;
 border: 0;
}

tr, td {
	vertical-align: top;
	text-align: left;
}

h3 sup {
 font-size: 70%;
}


#wrapper {
 margin: 0;
 padding: 0;
/* border-right: 2px solid #666; */
 width: 750px;
 background-color: #cc9;
/* display: block;
 margin-right: auto;
 margin-left: auto; */
}

#topSection {
 margin: 0;
 padding: 0;
 height: 120px;
 background: url(img/logo-new.jpg) no-repeat bottom left; /* logoline.gif */
}

#topSection a {
 margin: 0;
 padding: 0;
 border: 0;
}

#topSection img {
/* visibility: hidden; */
 margin: 0;
 margin-top: 20px;
 padding: 0;
 border: 0;
 float: right;
}

	/* New Top Links */
#topLinks {
 float: left;
 padding: 0;
 margin: 0;
 margin-bottom: 10px;
	width: 570px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 568px;
 list-style: none;
 line-height: 16px;
 font-family: Arial, sans-serif;
 font-size: small;
 font-weight: bold;
 border: 1px solid #996;
 background: #cc9;
 background-color: #ccc;
}

#topLinks a {
 display: block;
 color: #000;
 text-decoration: none;
 padding: 0;
}

#topLinks a.more, #leftNav a.more {
 background:  url("img/rightarrow.gif") center right no-repeat;
}

#topLinks li {
 float: left;
 text-align: center;
 margin: 0;
 padding: 4px 14px; /* 4px 7px; */
}

#topLinks li ul {
 position: absolute;
 margin: 0;
 margin-left: -14px;
 margin-top: 4px;
 padding: 0;
 left: -999em;
	width: 170px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 168px;
 font-weight: normal;
 font-size: small;
 border: 1px solid #337;
 line-height: 16px;
 list-style: none;
 background: #eee;
}

#topLinks li ul li {
 text-align: left;
 padding: 0 2px 0 0;
	width: 168px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 166px;
}

#topLinks li ul li a {
 padding: 4px 5px 3px 15px;
}

#topLinks li ul ul {
 margin: -24px 0 0 168px;
}

#topLinks li:hover ul ul, #topLinks li:hover ul ul ul, #topLinks li.jshover ul ul, #topLinks li.jshover ul ul ul {
 left: -999em;
 color: #eee;
}

#topLinks li:hover ul, #topLinks li li:hover ul, #topLinks li li li:hover ul, #topLinks li.jshover ul, #topLinks li li.jshover ul, #topLinks li li li.jshover ul {
 left: auto;
 color: #eee;
}

#topLinks li:hover, #topLinks li.jshover {
 background: #666;/*#9dadc6; */
 color: #eee;
}

#topLinks a:hover {
 color: #eee; /* #c70000 */
}

	/* Mid Section */
#midSection {
 clear: left;
 margin: 0;
 padding: 0;
 border-top: 10px solid #996;
 background-color: #cc9;
}

	/* Tables of Contents */
#container #pageTOC {
 margin: 0;
 padding: 0;
 border: solid #996;
 border-width: 1px 0;
}

#container #pageTOC p {
 margin: 0;
 padding: 0;
}

#container #pageTOC ul {
 margin: 0;
 padding: 0;
 list-style: none;
 padding-left: -30px;
}

#container #pageTOC ul li {
 padding: 0;
 margin: 0 5px;
 display: inline;
}

#container #e1 {
 margin: 0;
 padding: 0;
 border: solid #996;
 border-width: 1px 0 0 1px;
}

#container #e1 tr {
 margin: 0;
 padding: 0;
 font-size: 80%;
}

#container #e1 tr.tablehead {
 background-color: #996;
 font-weight: bold;
 text-align: center;
 font-size: 100%;
}

#container #e1 tr.tablesubhead th {
 background-color: #ccc;
 border: solid #996;
 border-width: 0 1px 1px 0;
}

#container #e1 tr.odd {
 background-color: #ccc;
}

#container #e1 tr {
 background-color: #999;
}

#container #e1 td {
 margin: 0;
 padding: 3px;
 border: solid #996;
 border-width: 0 1px 1px 0;
}

#container address {
 font-size: 100%;
 font-style: normal;
}

	/* Bottom Section */
#botSection {
 margin: 0;
 padding: 3px 10px;
 border-top: 10px solid #996;
 background-color: #eee;
 clear: both;
}

#botSection p {
 margin: 0;
 padding: 0;
 color: #666;
 text-align: center;
 font-family: sans-serif;
 font-size: 80%;
}

#leftSide {
 margin: 0;
 padding: 0;
 margin-left: -1px;
 margin-top: -1px;
 float: left;
 width: 175px;
}

#leftSide img {
 margin: 0;
 padding: 0;
 margin-bottom: 5px;
 border: 1px solid #996;
}

#leftSide img.google {
 margin: 0;
 padding: 0;
 border: 0;
}

		/* leftNav */
#leftNav, #leftNav ul {		/* all lists */
 padding: 0;
 margin: 0;
 margin-top: 0;/* -26px; */
 /* margin-left: -1px; */
 font-family: Arial, sans-serif;
 font-size: small;
 font-weight: normal;
 float: left;
 list-style: none;
 border: 1px solid #996;
 background-color: #ccc;
	width: 172px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 170px;
}

#leftNav li {					/* all list items */
 position: relative;
 float: left;
 margin: 0;
 padding: 0;
/* line-height: 30px; */
 margin-bottom: -1px; /* ?? */
 width: 170px;
}

#leftNav li ul {				/* second-level lists */
 position: absolute;
 left: -999em;
 margin-left: 163px;
 margin-top: -34px;
}

#leftNav li ul li {					/* all list items */
 line-height: 20px;
}

#leftNav li ul ul {			/* third-and-above-level lists */
 left: -999em;
}

#leftNav li a {
 width: 170px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width: 154px;
 display: block;
 text-decoration: none;
 background-color: #ccc;
 padding: 2px 12px 2px 4px;	/* 5px, 0 0.5em*/
}

#leftNav li:hover, #leftNav li a:hover, #leftNav li:focus {
 border-color: #636a97;
 background-color: #666;
 color: #eee;/* #c70000; */
}

#leftNav li:hover ul ul, #leftNav li:hover ul ul ul, #leftNav li.jshover ul ul, #leftNav li.jshover ul ul ul {
 left: -999em;
}

#leftNav li:hover ul, #leftNav li li:hover ul, #leftNav li li li:hover ul, #leftNav li.jshover ul, #leftNav li li.jshover ul, #leftNav li li li.jshover ul {
 /* lists nested under hovered list items */
 left: auto;
}

form.search {
 margin: 0;
 margin-left: -1px;
 padding: 5px;
 float: left;
 width: 170px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width: 160px;
}

form.search p {
 margin: 0;
 padding: 0;
 padding-right: 5px;
 display: inline;
}

form.search input {
 margin: 0;
 padding: 0 1px;
 border: 1px solid #337;
 width: 109px;
}

		/* Content Section */
#content {
 margin: 0;
 padding: 0;
 margin-left: 180px;
 font-family: verdana, arial, helvetica, sans-serif;
 background-color: #cc9;
}

#contentIndex {
 margin: 0;
 padding: 0;
 margin-left: 180px;
 font-family: verdana, arial, helvetica, sans-serif;
}

#container {
 margin: 0;
 padding: 0;
 float: left;
 width: 570px;
}

#container p {
 margin: 0;
 padding: 0 0 10px 0;
 line-height: 18px;
 font-size: 80%;
}

#container a {
	color: #c70000;
}

#container h2 {
 margin: 5px 0 10px 0;
 padding: 0;
}

#container h3 {
 margin: 5px 0;
 padding: 0;
}

#container div.sidebox div.boxbody p {
 font-size: 90%;
}

#container div.sidebox div.boxhead h3 {
 margin: 0;
 padding: 0;
}

#container div.sidebox div.boxhead h3 a {
 color: #000;
}

#container h4 {
 margin: 5px 0;
 padding: 10px 0 0 0;
 font-size: 100%;
 clear: both;
}

#container ol {
 margin: 0;
 padding: 5px 0;
 font-size: 80%;
 margin-left: 35px;
 line-height: 18px;
}

#container ol li {
 padding: 2px 0;
}

#container ol ol, #container ul ol {
 font-size: 100%;
}

#container ul ul, #container ol ul {
 font-size: 100%;
 list-style-type: square;
}

#container ul {
 margin: 0;
 margin-left: 35px;
 padding: 5px 0;
 line-height: 18px;
 font-size: 80%;
}

#container ul li {
 padding: 2px 0;
}

#container ul p {
 margin: 10px 0 0 0;
 font-size: 90%;
}

#contentIndex p {
 margin: 0;
 padding: 0;
 line-height: 18px;
 padding-bottom: 10px;
}

#container img.imgrt {
 float: right;
 margin: 10px;
 padding: 0;
 border: 1px solid #337;
}

			/* Custom boxes in Services */
div.bpImg {
 margin: 5px;
 padding: 0;
 border: 0;
 float: left;
	 width: 180px;
	 voice-family: "\"}\""; 
	 voice-family:inherit;
	 width: 170px;
 font-size: 80%;
}

div.bpImg img {
 display: block;
}

#customLeft {
 float: left;
 margin: 0;
 margin-bottom: 10px;
 padding: 5px;
	 width: 280px;
	 voice-family: "\"}\""; 
	 voice-family:inherit;
	 width: 270px;
}

#customRight {
 float: right;
 margin: 0;
 margin-bottom: 10px;
 padding: 5px;
	 width: 280px;
	 voice-family: "\"}\""; 
	 voice-family:inherit;
	 width: 270px;
}

#quickOrder {
 margin: 0;
 padding: 0;
 border: 1px solid #337;
 font-size: small;
}

#quickOrder thead {
 font-weight: bold;
 text-align: center;
 border-top: 0;
 background-color: #996;
}

#quickOrder thead td {
 padding: 3px 5px;
}

#quickOrder tr{
 margin: 0;
 padding: 2px;
}

#quickOrder tr.odd {
 background-color: #ccc;
}

#quickOrder tr td {
 border-top: 1px solid #337;
}

#quickOrder td.qty {
 text-align: center;
}

#quickOrder td.cat {
 text-align: center;
}

#quickOrder td.desc {
 text-align: left;
}

#quickOrder td.avail {
 text-align: center;
}

#quickOrder td.price {
 text-align: right;
}

#container div.customPhoto {
 display: block;
 margin: 10px 0;
 padding: 2px;
 border: 1px dotted black;
}

#container div.customPhoto p {
 margin-top: 5px;
}

#container div.customPhoto img {
 display: block;
 padding: 0;
 margin-left: auto;
 margin-right: auto;
}

		/* Container Table, generic */
#container table.tbl {
 margin: 5px 0;
 padding: 0;
 font-size: 80%;
 width: 100%;
 border: solid black;
 border-width: 0 1px 1px 0;
}

#container table.tbl thead td {
 margin: 0;
 padding: 3px;
 text-align: center;
 font-weight: bold;
 border: solid black;
 border-width: 1px 0 0 1px;
}

#container table.tbl tr {
 margin: 0;
 padding: 0;
}

#container table.tbl tr td {
 margin: 0;
 padding: 3px;
 border: solid black;
 border-width: 1px 0 0 1px;
}

#container table.tbl tr td.price, #container table.tbl tr td.cat {
 text-align: center;
}

#container table.tbl tr td.kit, #container table.tbl tr td.quant {
 width: 33%;
}

table#ezreg, table#contest{
 font-size: 80%;
 text-align: right;
}

	/* Show sidebox only to IE PC \*/
* html div.boxhead h3 {height: 1%;} /* For IE 5 PC */

div.sidebox {
 float: left;
 margin: 0;
 margin-bottom: 10px;
 border: 1px solid #337;
	 width: 570px;
	 voice-family: "\"}\""; 
	 voice-family:inherit;
	 width: 568px;
 background-color: #eee;
}

div.boxhead {
 background-color: #ccc; /* #9dadc6; */
 margin: 0;
 padding: 0 10px;
 border-bottom: 1px solid #337;
}

div.boxhead h3 {
 margin: 0;
 padding: 0; /* 5px 10px 0 10px; */
 color: black;
 font-weight: bold;
 font-size: 120%;
 font-family: serif;
 text-align: center;
}

div.boxhead h3 a {
 margin: 0;
 padding: 0;
 color: black;
}

div.boxhead h3 a:hover, div.boxhead h3 a:focus {
 /* color: maroon; /* #337, #c70000,  */
}

div.boxbody {
 margin: 0;
 padding: 5px 10px;
 font-size: 0.9em;
}

div.boxbody h4 {
 margin: 0;
 padding: 0;
 padding-bottom: 10px;
}

div.boxbody img {
 display: inline;
}

div.boxbody img.inleft {
 float: left;
 padding: 0 10px 10px 0;
}

div.boxbody p {
 font-size: 90%;
}

div.boxbody blockquote {
 font-size: 90%;
 font-style: italic;
}

		/* CLASSES */
div.clearit {
 clear: both;
 margin: 0;
 padding: 0;
 font-size: 0px;
}

p.clearit {
 clear: both;
 margin: 0;
 padding: 0;
}

p.center {
 text-align: center;
}

img.center {
 margin: 10px auto;
 display: block;
}

#topLinks li.lastlink {
 padding: 4px 16px 4px 7px;
}

.smtxt {
 font-size: 80%;
}

#container h3.htall, #container p.htall {
 padding-top: 20px;
}

#container a.totop {
 font-size: 80%;
 float: right;
 text-align: right;
 border-bottom: 1px solid #996;
 width: 100%;
}

h3.center {
 text-align: center;
}

p.center {
 text-align: center;
}

div.center {
 margin-left: 20%;
 margin-right: 20%;
 width: 300px;
}

span.reqd {
 font-size: 100%;
 color: #f00;
 font-weight: bold;
}

#container h3 a.hlink {
 color: black;
}