body {
	margin: 0;
	padding: 0;
	background-image: url(../images/background2.gif);
	background-attachment: fixed;
	background-color: #eee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
body .container{
	width:600px;
	background-color:#E5E5CC;
}
h1{
font-size:18px;
color:#5a7e54;
}
h2 {
	font-size: 16px;
	color: #960;
}

h3 {
	font-size: 14px;
	color:#5a7e54;
}

h1,h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 1em 0 .5em 0;
}

p {
	font-size: 11px;
	margin: 0 0 1em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.hotTopic{
border:1px solid #696;
padding:5px 10px;
margin:5px;
}
.hotTopic p{
font-size:11px;
font-weight:normal;
}
.hotTopic ul li{
list-style:disc;
font-weight:normal;
font-size:11px;
}
address {
	font-size: 11px;
	font-style: normal;
}

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

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

.bigger{
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
}	
/*</group>*/

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

#top, #main, #globalNav, #footer {
	min-width: 600px;
	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 {
   width: 85%;
   } 

#top {
	background-color: #eeeeE5;
	background-image:url(../images/topImage.jpg);
	height: 90px;
	border-bottom:1px solid;
	border-bottom-color:#996600;
}

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

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

#main, #footer {
	border: none;
	background-color: #E5E5CC;
	border-bottom: none;
}

#colM {
	float: left;
	width: 80%;

}

#colM .{
	margin: 0 24px 0 12px;
	padding-top: 1em;
	padding-left:2em;
	padding-bottom:2em;
	border-left:1px solid #CCCCE5;
	/*border-bottom:1px solid #CCCCE5;*/
}
#colM .content h2, #colM h2{
	color:#363;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
}
#colM .content .center {
text-align:center;
}
#colM .content .content-left{
float:left;
}
#colR {
	float: right;
	width: 20%;
	background-color: #CCCCE5;
}

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

}

#colL .content {
	margin: 10px;
	font-size: 11px;
/*	border-right:2px dashed #cccce5;
	border-bottom:2px dashed #cccce5;*/
}
/* end of Jack Albright addition*/
#footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	clear: both;
	padding-top: 2em;
	background-color:#eeeee5;
	border-top:1px solid #996600;
}

.storyBox{
border-bottom:1px solid #693;
padding:5px 10px;
margin:3px 0px;
width:90%;
}
.storyBoxLeft{
border-bottom:1px solid #693;
padding:5px 10px;
margin:3px 0px;
width:65%;
float:left;
}

.storyBoxRight{
border:1px solid #693;
border-right:none;
background-color:#eeeee5;
padding:5px 10px;
margin:3px 0px;
width:24%;
float:right;
overflow:auto;
}

.storyBox ul{
list-style-type: none;
list-style-position:inside;

}
.storyBox li{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#333;
margin:3px;
}
.storyBox ul li{
margin-bottom:5px;
}
.storyBox p{
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
font-size:12px;
color:#000;
line-height:1.3em;
}
.storyBoxLeft ul.businessServicesList li{
list-style:none;
font-size:13px;
font-weight:bold;
color:#666;
}

#siteCredit{
size:11px;
}
/* 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 */


	
/*</group>*/
.list1 {
	/*list-style-image: url(../images/navButtonOff.gif);*/
	list-style-position:outside;
	margin-bottom:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#960;
	}
/*<group=global navigation>*/



#navcontainer { width: 90%; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

#navcontainer a
{
color:#003366;
display: block;
padding: 3px;
width: 100%;
background-color: #E5E5CC;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{

text-decoration: none;
}

#navcontainer a:hover
{
background-color: #b3ccb3;
color: #fff;
}



#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;
}

/*<group=selected tab effect>*/
#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 #960;
width: 100%;
border-collapse:collapse;
}

.dataList td{
	padding: 5px;
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #CCC;
	vertical-align: top;
	font-size: 12px;
}
.dataList tr.heading td{
border:1px solid #960;
font-weight:bold;
}
.dataList thead th {
	background-color: #CCCCE5;
}

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

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

.dataList thead tr th, .dataList tfoot tr th {
	border-top: solid 1px #CCC;
	background-color:#00FF66;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

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

/*<group=table results navigation>*/

.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;
}
.subsub{
text-align:left;
padding:0;
border:1px solid #000;
}
.subsub ul{
margin:2px;
border:1px solid #eee;
}
.subsub ul li{
display:inline;
list-style:none;
border:1px solid #696;
}
.subsub ul li a,
.subsub ul li a:link,
.subsub ul li a:visited{
color:#696;
}

	
/*</group>*/

/*<group=form table>*/
.formTable{
border-collapse:collapse;
}
.formTable td {
	font-size: 12px;
	padding: 5px;
}
.formTable tr.heading td{
border:1px solid #960;
font-weight:bold;
}
.formTable td.description {
	border:1px solid #ccc;
}
.formTable td.value {
	border:1px solid #ccc;
}
.formTable input,
.formTable textarea{
border:1px solid #b3ccb3;
}
.formTable .label {
	font-weight: bold;
	color:#960;
	background-color: #E5E5CC;
	border:none;
	text-align: right;
	width: 25%;
	font-size:12px;
}

.formTable th{
	border: solid 1px #960;
	background-color: #E5E5CC;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.formTable h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
color:#006600;
}
.formTable a{
	color:#960;
	text-decoration:none;
}
.formTable a:link,.formTable a:visited {
	text-decoration: none;
	color: #960;
}

.formTable a:hover,.formTable a:visited:hover {
	text-decoration: underline;
	color: #b3ccb3;
}
/*</group>*/
.homepageTable td {
	font-size: 11px;
	padding: 5px;
}

.homepageTable .headline {
	font-weight: bold;
	background-color: #E5E5CC;
	text-align: left;

}


.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;
}
.dateDisplay{
	font-size: 12px;
	color:#5a7e54;
	padding:2px 4px;
	font-weight:bold;
}
.clearfloat{
clear:both;
}