* {
	margin: 0;
	padding: 0;
	
}


body {
	margin: 0;
	padding: 0; 
	font: normal 11px/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif; 
	color: #333333;
	text-decoration: none;
	text-align: center;
	background-color: #f2e9dc;
	behavior: url(csshover.htc);
}



#container {
	margin: 0px auto;
	width: 820px;
	padding: 0;
	background: url(./images/container_bg.gif) repeat-y top center;
    }
	

a:link, a:visited
{
font: normal 11px/1.2em Trebuchet, Verdana, Arial, sans-serif; 
color: #063c6c;
text-decoration: underline;
}

a:hover 
{
color: #c2a478;
text-decoration: none;
}
	
	
	
#header {
	padding: 25px 0 1px 0px;
	margin: 0 10px 0 10px;
	width: 800px;
	height: 78px;
	background: url(./images/header.gif) no-repeat top center;
	text-align: left;
 }
 
 #page_header {

	width: 750px;
	height: 80px;
	margin: auto;
 }


#logo {

width: 186px;
height: 64px;
position: absolute;
top: 25px;
}

 
	
#header_colorbar {
	padding: 0 0 1px 0;
	margin: 0 8px 10px 7px;
	width: 749px;
	height: 8px;
	display: block;
	background: #c7dae4;
	clear: both;
 }	
 
 #index_header {
	margin: 0px auto;
	width: 750px;
	height: 350px;
	background-color: #efefef;
	text-align: left;
 }
	

	 #index_header_txt {
padding: 50px 20px 20px 25px;
float: left;
}

	 #index_header_img {
	 padding: 15px;
float: right;

}
	
#footerwrap {
	width: 750px;
	margin: 25px auto 0 auto;
	height: 50px;
	background: url(./images/container_bg_bottom.gif) no-repeat top center;
	clear: both;

}

#footer {
	text-align: center;
	width: 750px;
	font: normal 1em/1.2em Tahoma, Verdana, Arial, Georgia, sans-serif; 
	display: block;	
	color: #336699;

}
	
	

#mainblock {
text-align: left;
margin: auto;
width: 750px;
}
	

#centerblock {
text-align: left;
float: left;
width: 530px;
margin: 15px 0 0 15px;


}


#leftcol {
	float: left;
	width: 180px;
	padding-left: 25px;
}


#index_announcements{
text-align: left;
width: 390px;
float: left;
margin: 25px 0 25px 0; 

}	

#address{
width: 270px;
height: 100px;
margin: 25px 0 25px 0;
padding: 10px 10px 10px 25px;
text-align: left;
float: right; 
background-color: #f2ebe1;
display: block;
font: normal 14px/1.5em Tahoma, Verdana, Arial, Georgia, sans-serif; 
}	


#address_contact{
width: 175px;
height: 100px;
margin: 0px 0 10px 0;
padding: 10px 10px 10px 10px;
text-align: left;
float: left; 
background-color: #f2ebe1;
display: block;
font: normal 12px/1.5em Tahoma, Verdana, Arial, Georgia, sans-serif; 
}	


.bios
{
float: left;
width: 140px;
height: 125px;
margin: 10px 20px 60px 0;
vertical-align: middle;
text-align: center

}

img.floatLeft { 
    float: left; 
    margin: 0 15px 160px 0; 
}




/* Begin Navigation Styles*/

.menu {
width:749px; 
font-size:.85em;
position: absolute;
top: 65px;
margin-left: 191px;
z-index:100;
}

.menu ul {

list-style-type:none;
}
.menu ul ul {
width:100px;
}

.menu li {
float:left;
width:149px;
position:relative;
text-align: left;
border: 0;

}

.menu a, .menu a:visited {
display:block;
font: normal 1.2em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif;
text-decoration: none; 
padding-left: 8px;
font-weight: bold;
color:#063c6c; 
width:140px; 
height:25px; 
background: url(./images/links.gif) no-repeat left top; 
line-height:25px;
border-bottom: 1px solid #FFF;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:140px;
w\idth:140px;
}

.menu ul ul li {
text-align: left;

}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#e1e7ed url(./images/drop.gif) center right no-repeat;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
background:#e7d8c1 url(./images/drop_o.gif) center right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#e7d8c1 url(./images/drop_o.gif) center right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e1e7ed;
font: normal 11px/1.2em Tahoma, Verdana, Arial, sans-serif;


}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#e7d8c1;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:26px;
left:0; 
width:120px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:26px;
t\op:26px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:165px; 
top:0;
width:140px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#e1e7ed; 
color:#000; 
height:auto;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
font: normal 11px/1.2em Tahoma, Verdana, Arial, sans-serif;
line-height:1.2em; 
width:140px;
padding: 5px 20px 5px 5px;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:140px;
w\idth:140px;
}


/* style the top level hover */
.menu a:hover {
color:#fff; 
background-position: 0 -25px;

}

.menu #active {
color:#fff; 
background-position: 0 -25px;

}

.menu ul ul a:hover{
color:#000; 
background:#e7d8c1;
}


.menu :hover > a {
color:#fff;
background-position: 0 -25px;
}

.menu ul ul :hover > a {
color:#000;
background:#e7d8c1;
border-right: 1px solid #FFF;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}


.menu ul :hover ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul :hover ul{ 
visibility:visible;
}


			
/* End Navigation Styles*/	




/* Begin Index Header Styles*/	



#index_header ul {
    list-style-type: none;
	padding: 15px 25px 15px 30px;
    text-indent:0px;
	text-align: left;
	width: 160px;
}
#index_header li {
height: 30px;

	}
	
#index_header li {
    width:160px;
	display: block;
}



#index_header li a
{
	width: 160px;
	display: block;
    font-weight:normal;
	text-decoration: underline;
	font: normal 1.6em/1.2em Tahoma, Verdana, Arial, sans-serif;    
	line-height: 23px;
    padding-left:25px;
	background: url(./images/index_header_link.gif) no-repeat left top;

	

}

#index_header li a:link,
#index_header li a:visited {
    color: #063c6c;
	text-decoration: none;
    
}


#index_header li a:hover
{
   
    color: #FFF;
	text-decoration: none;
	background-position: 0 -23px;
}



/* End Index Header Styles*/




/*Begin Subnavigation*/

#vertmenu {
font: normal 9px/1.2em Tahoma, Verdana, Arial, sans-serif;
padding: 0px;
margin-top: 15px;
float: left;
width: 195px;
}

#vertmenu h1 {
display: block;
background-color:#063c6c;
font: normal 12px/1.2em Tahoma, Verdana, Arial, sans-serif;
color: #FFF;
padding: 3px 0 5px 3px;
border: 0;
margin: 0px;
width:187px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: 0;
}

#vertmenu ul li {
margin: 0px;
padding: 0px;

}
#vertmenu ul li a {
font-size: 9px;
display: block;
line-height: 18px;
border-bottom: 1px solid #FFF;
padding: 0px 0px 2px 22px;
background: url(./images/subnav.gif) no-repeat left top; 
text-decoration: none;
color: #063c6c;
width:170px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #fff;
background-position: 0 -20px;

}

#vertmenu #active {
color: #fff;
background-position: 0 -20px;
}

#vertmenu #subactive {
font-weight: bold;

}



#vertmenu ul li ul li a {
font-size: 9px;
display: block;
border-bottom: 1px solid #FFF;
line-height: 18px;
padding: 0px 0px 2px 42px;
background: url(./images/subnav_sub.gif) no-repeat left top; 
text-decoration: none;
color: #063c6c;
width:150px;

}

#vertmenu ul li ul li a:hover, #vertmenu ul li ul li a:focus {
text-decoration: underline;
color: #063c6c;
background-position: 0 0;
}







/*End Subnavigation*/

h4 { 
font: normal 14px/1.2em Trebuchet, Verdana, Arial, sans-serif; 
color: #063c6c;
}	


h3 { 
font: normal 16px/1.2em Trebuchet, Verdana, Arial, sans-serif; 
color: #063c6c;
}		
	
h2 { 
font: normal 22px/1.2em Trebuchet, Verdana, Arial, sans-serif; 
color: #063c6c;
}		
	
h1 { 
font: normal 30px/1.1em Trebuchet, Verdana, Arial, sans-serif; 
color: #063c6c;
}	



h3.product { 
font: bold 14px/1.2em Trebuchet, Verdana, Arial, sans-serif; 
color: #FFF;
background-color: #99afc2;
width: 300px;
height: 17px;
display: block;
padding: 1px 5px 3px 10px;
margin-bottom: 4px;
}

	
	
img {
border: 0;

}	

	


div.product_category {
	float: right;
	width: 200px;
	text-align: center;
	
}

	
P {
margin-bottom: 5px;
}

.inputs {
background-color: #FFF;
 border: 1px solid #666666;
 width: 185px;
 margin-right: 5px;
}

.inputs_sm {
background-color: #FFF;
 border: 1px solid #666666;
 width: 139px;
 margin-right: 5px;
}

input.submit 

{margin-bottom: -5px;}




.date 
{
font: normal 1em/1.4em Trebuchet, Verdana, Arial, sans-serif;
color: #999999;
float: left;
}

.news
{float: right;
}

#index_announcements P
{border-bottom: 1px dotted #999999;
margin-top: 10px;
}

#index_announcements a.h2
{ 
font: normal 20px/1.2em Trebuchet, Verdana, Arial, sans-serif; 
color: #063c6c;
border-bottom: 1px dotted #999999
}	

#index_announcements a.h2:hover
{ 
color: #c2a478;

}	

#index_announcements a.h3
{ 
font: normal 14px/1.2em Trebuchet, Verdana, Arial, sans-serif; 
color: #063c6c;

}	

#index_announcements a.h3:hover
{ 
color: #c2a478;

}

em
{
margin: 6px;
}


hr {
margin-bottom: 5px;
color: #c2a478;
}

#product_header {
float: left;
width: 280px;
}


#cat_header {
float: left;
}

#page_content {
width: 520px;
margin-top: 10px;
margin-bottom: 25px;
float: left;
}


#page_content a.h3
{ 
font: normal 14px/1.2em Trebuchet, Verdana, Arial, sans-serif; 
color: #063c6c;

}	

#page_content a.h3:hover
{ 
color: #c2a478;

}


#page_content ul {
list-style: square;
margin: 5px 0 0 35px;
padding: 0px;
border: 0;
}


#page_content ul li {
margin-bottom: 3px;

}

#page_content p {
margin-top: 10px;

}


 #page_content td  {
border: 1px solid #999999;
padding: 2px;
font: normal 10px/1.2em Tahoma, Verdana, Arial, sans-serif;

}


#typical_product_diag {
float: right;

}

div.typical_product {
	float: left;
	width: 300px;
	text-align: center;
	clear: both;
}


#typical_product_diag td{
border: 0px;
font: normal 11px/1.2em Tahoma, Verdana, Arial, sans-serif;

}


#product_category_diag {
width: 300px;
float: left;



}

#product_category_diag td{
padding: 5px;
border: 1px solid #999999;

font: normal 11px/1.2em Tahoma, Verdana, Arial, sans-serif;

}




#product_header a {
text-decoration: underline;
}


img.floatright { 
float: right; 
margin: 0;  

}




img.negmargin { 
margin-bottom: -3px;  

}



.pagination{
padding: 4px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding: 1px;
}

.pagination a, .pagination a:visited{
padding: 3px 5px;

text-decoration: none;
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
color: #000;
background-color: #ECECEC;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}


.shade
{background-color: #99afc2;
color: #FFF;}

img.pdfxsm
{
margin-left: 2px;
}


img.img_clear {
display: block;
margin: 0 0 1px 0;

}


.history_date {
width: 150px
text-align: center;
font: normal 18px/1.2em Tahoma, Verdana, Arial, sans-serif; 
color: #063c6c;
float: left;
margin: 8px 5px 4px 5px;
}

.history_descr {
width: 350px
text-align: center;
font: normal 14px/1.2em Tahoma, Verdana, Arial, sans-serif; 
color: #333;
float: left;
margin: 8px 5px 4px 5px;

}

.clear {
clear: both;
}



/*Begin Form Styles*/




		/*
		---------------------------
		submit button
		--------------------------- */

		form.dm_form input.submit {
			width: 30%;
			background: #063c6c;
			color: #fff;
			padding: 1px 0;
			font-size: 1em;
		}

		form.dm_form input.submit:hover,
		form.dm_form input.submit:focus {
			background: #666;
			/* cursor: pointer;  sorry, can't use that one in front of Opera */
		}



		form.dm_form label span.title:hover,
		form.dm_form label span.title:focus {
			color: #57ab44;
			cursor: pointer;
		}

		
.inputs {
background-color: #e1e7ed;
 border: 1px solid #666;
 font-family: sans-serif; font-size: 1em;
 padding: 2px;
 
}


/* End Form Styles */