body {
	margin: 0;
	padding: 0;
	background-image: url(../images/background.jpg);
	background-attachment: fixed;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	color: #000;
}
#container{
margin-left:auto;
margin-right:auto;
border:1px solid #96b281;
width:90%;
padding:0;
}
h1{
	font-size: 18px;
	color: #363;
}
h2 {
	font-size: 16px;
	color: #363;
}

h3 {
	font-size: 14px;
}
body#home h1{
text-align:center;
}
body#home h3{
color:#363;
}

h1,h2, h3,h4 {
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
margin: 1em 0 .5em 0;
}
#colR h4{
font-size:13px;
font-weight:800;
color:#333b2b;
padding:2px 3px;
border:1px dashed  #e5e5cc;
}
p {
	font-size: 12px;
	margin: 0 0 1em 0;
}

address {
	font-style: normal;
}

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

a:hover, a:visited:hover {
	text-decoration: underline;
	color: #900;
}

	
/*</group>*/

/*<group=layout structure>*/
.nav4 {
	display: none;
}

/*#top, #main, #globalNav, #footer,#header{
	min-width: 765px;
	max-width: 1000px;
	margin: 0 auto;
}*/
/* the following rule sets width for all IE browsers because they don't understand min and max-width rules like the good browsers do */
* html #top, * html #main, * html #globalNav, * html #footer,* html #header {
   width: 100%;
   } 

#top,#header {
	background-color: #C6E8A5;
	/*background-color: #fff;*/
	border-top:solid 6px #96b281;
	border-right: solid 6px #96b281;
	border-left: solid 6px #96b281;
	border-bottom:solid 1px #96b281;
	height: 90px;
}

#top .logo,#header .logo {
	display: block;
	margin: 10px 0 0 12px;
}

#globalNav {
	background-color: #666;
	height: 27px;
	border-right: solid 6px #FFF;
	border-left: solid 6px #FFF;
}

#main, #footer,#header {
	border: solid 6px #96b281;
	background-color: #fff;
	border-bottom: none;
}
#main{
border-top:none;
}
#colM {
	float: left;
	width: 80%;
}

#colM .content {
	margin: 0 24px 0 12px;
	padding-top: 1em;
}

#colM .content .center {
text-align:center;
}

#colR {
	float: right;
	width: 20%;
	background-color: #CCCCE5;
}

#colR .content {
	margin: 10px;
	font-size: 11px;
}
/*Jack Albright Addition*/
#colL {
	float: left;
	width: 80%;
	background-color: #CCCCE5;
}

#colL .content {
	margin: 10px;
	font-size: 11px;
}
.otherProductsList{
	border:1px dashed #999;
	padding:5px;
	margin:10px;
}
/* end of Jack Albright addition*/
#footer {
	font-size: 11px;
	text-align: center;
	clear: both;
	padding-top: 5px;
	border-top:1px solid #363;
	background-color:#fff;
}

/* the following styles prevent 100% width tables from breaking the layout in IE5 PC. the 2nd rule uses a css comment-workaround to reapply the corrrect width for all other browsers */

.ie5 {
	width: 99%;
}

.ie5 {
   width/**/: 100%;
   }
	
/*</group>*/



#nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#nav li {
	float: left;
	border-right: solid 3px #fff;
	position: relative;
}

#nav li ul {
	display: none;
}

#nav li:hover {
	background-color: #999;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
	background-color: #999;
	position: absolute;
	top: 27px;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0 0 3px 3px;
	width: 200px;
}

/* IE5 MAC only rules */
#nav li.over {
	padding: 0 0 0 0;
	height: 27px;
}
#nav li.over a {
	margin: 0 0 0 0;
	padding-bottom: 6px;
}
/* Commented Backslash Hack hides rule from IE5-Mac: the below rule resets the correct padding for IE PC \*/
#nav li.over a {
	padding-bottom: 6px; 
} /* End IE5-Mac hack */
/* end IE5 MAC only rules */

#nav li a {
	display: block;
	float: left;
	padding: 6px 24px;
	font-weight: bold;
}

#nav li a:link, #nav li a:visited {
	text-decoration: none;
	color: #fff;
}

#nav li a:hover, #nav li a:visited:hover {
	background-color: #999;
	color: #fff !important;
}

#nav li ul li {
	border: none;
	float: none;
	padding: 3px 3px 0 0;
}

* html #nav li ul li {/* this declaration for IE PC only */
   width: 100%;
   } 

#nav li ul li a {
	float: none;
	background-color: #CCC;
}

#nav li ul li a:link, #nav ul li a:visited {
	color: #333 !important;
}


#home .home, #contact .contact, #prod .prod, #manufac .manufac, #sales .sales{
	background-color: #fff;
}

#home .home a:link, #home .home a:visited, #contact .contact a:link, #contact .contact a:visited, #prod .prod a:link, #prod .prod a:visited, #manufac .manufac a:link, #manufac .manufac a:visited, #sales .sales a:link,#sales .sales a:visited {
	color: #363 !important;
}


table.dataList {
	border: solid 1px #CCC;
	border-width: 0 0 1px 1px;
	width: 100%;
}

.dataList td, .dataList th {
	padding: 5px;
	border: solid 1px #CCC;
	border-width: 0 1px 0 0;
	vertical-align: top;
	font-size: 11px;
}

.dataList th {
	background-color: #CCCCE5;
}

.dataList tr.oddRow {
	background-color: #FFF;
}

.dataList tr.evenRow {
	background-color: #E5E5CC;
}

.dataList thead td, .dataList tfoot td {
	border-top: solid 1px #CCC;
}

.dataList td.comm{
background-color: #E5E5CC;
color:#669;
text-align:center;
}
.dataList h4 {
	margin: 0 0 .5em 0;
	font-size: 14px;
}
	


.resultNav {
	padding: 5px 0 20px 0;
}

.resultNav a {
	float: left;
}

.resultNav a:link, .resultNav a:visited {
	color: #039;
	text-decoration: underline;
}

.resultNav a:hover, .resultNav a:visited:hover {
	color: #900;
}

.resultNav ul, .pageNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.resultNav li, .pageNav li {
	float: none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.resultNav li, .pageNav li {
	float:left;
} /* End IE5-Mac hack */

.resultNav li.label {
	padding-right: 3px;
}

.pageNav a {
	padding: 0 5px;
	display: block;
}

.resultNav .pageNav {
	padding: 0 10px;
}


.formTable{
border-collapse:collapse;
border:1px solid #fff;
}

.formTable td {
font-size: 11px;
padding: 5px;
}

.formTable .label {
font-weight: bold;
background-color: #E5E5CC;
border:1px solid #E5E5CC;
text-align: right;
width: 25%;
}
.formTable td.value {
font-weight: normal;
background-color: #fff;
text-align: left;
border:1px solid #E5E5CC;
}

.formTable .value .last {
border-bottom:none;
}
.formTable td.subhead {
font-size: 12px;
text-align:center;
color:#363;
}
.formTable input,.formTable textarea{
border:1px solid #666;
font-size:12px;
font-weight:normal;
}	


.homepageInfoBox{
border:1px solid #eee;
margin-bottom:5px ;
padding:5px;
background-color: #eee;
text-align:center;
}
.homepageInfoBox.filledIn{
/*background-image:url(../images/infoBoxCorner.jpg);*/
/*background-repeat:no-repeat;
background-position:top left;*/
background-color: #fff;
padding:10px 20px;
border:1px solid #c6e8a5;
}

.homepageInfoBox h1{
font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-size:18px;
}
.homepageInfoBox  p.subhead{
font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-size:14px;
}
.homepageTable{
border-collapse:collapse;
border:1px solid #e5e5cc;
width:90%;
background-color:#fff;
margin:auto;
}
.homepageTable td {
	font-size: 11px;
	padding: 5px;
}

.homepageTable td.blurb {
	font-weight: normal;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-size:14px;
	background-color: #E5E5CC;
	text-align: center;
	padding:20px 30px;

}


.prodAct {
	padding-top: 12px;
}

a.prodDet {
	background-image: url(../images/icon_detail.gif);
	padding-left: 30px;
}

a.infoReq {
	background-image: url(../images/icon_req.gif);
	padding-left: 23px;
}

.prodAct a {
	display: block;
	height: 25px;
	margin-right: 12px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 20px;
}

.required{
color:#FF0000;
font-size:1.2em;
}
