@charset "UTF-8";
/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; letter-spacing:.09em; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em;}
ul,ol { list-style: none; }
fieldset,img { border: none; list-style:none!important; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* TYPE */

a { color: #FFFF99; text-decoration:none; outline:none; font-weight:bold; }
a:hover {color: #CCCCCC; text-decoration:underline}
#message a:hover{text-decoration:underline;}

b i { text-transform:lowercase; letter-spacing:.05em; }

.left {float:left;}
.right {float:right;}

sub, sup {line-height:0}

#mainContent p { margin-bottom: 10px; line-height:1.35em; }
#mainContent h1 { font-weight: bold; font-size: 19px; line-height: 26px; margin-bottom: 18px; color:#CEC16A;border-bottom: #655B3A 1px solid; }
#mainContent h2 { font-weight: bold; font-size: 16px; line-height: 20px; margin-bottom: 8px; color: #FFFF66; }
#mainContent h3 { font-weight: bold; font-size: 1em; line-height: 18px; color: #CC9933}
#mainContent h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

#mainContent ul { margin:0 30px 18px; list-style: square outside; color: #FFFFCC; letter-spacing:.05em; }
#mainContent ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; color: #FFFFCC; }
#mainContent dl { margin-bottom: 18px; margin-left: 2.2em; color: #FFFFCC; }

body {
	font: 12px/18px "Helvetica", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	background: #000 url(../images/body_span.jpg) repeat-x 0px -10px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	color: #555;
	}
.oneColFixCtrHdr #container {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../images/head_logo.jpg) 0px -10px no-repeat;
	margin: 0 auto -20px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
	}
.oneColFixCtrHdr #header {
	background: none; 
	padding:0;  
	text-align:right;
	height:75px;
	}
.oneColFixCtrHdr #header h1 {
	display:none;
	}
.oneColFixCtrHdr #mainContent {
	background:#000;
	float:left;
	width:850px;
	margin-top:4px;
	
	}


 #footer {
	margin-top:-1px;
	padding:0; /* this padding matches the left alignment of the elements in the divs that appear above it. */	
	width:850px;
	float:left;
	}
	

 #footer p {
 	border-top: #FFCC00 1px solid;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 15px 50px 5px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	}
	
/* ******************************************** */
	
/* -- Top Navigation -- */
#topSub {position:absolute; z-index:51; background: none;border:#FFCC00 1px solid; margin:10px; padding:10px; top:0px; right:0px;}
#topSub a{ color:#333333; font-size:12px; font-weight:bold;}
#topSub a:hover{ color: #CC6600; text-decoration:underline; font-size:12px; font-weight:bold;}

/* #headnav */
#headnav { width: 850px; height: 33px; margin: 0 0 5px; position: relative; z-index:50; float:left; }
#headnav ul#navbar { float:left; height: 36px; }
#headnav ul#navbar li { width:auto; margin: 0; float:left; clear:none; }

#headnav ul#navbar li a {
    color: #333333;
    display: block;
    float: left;
    font-size: 15px;
    margin: 0px;
    padding:8px 12px 5px;
	height:24px;
    text-decoration: none;
}


#headnav ul#navbar li a:hover {
    background-position: center right ;
	color: #FFCC00;
	background: #000; 
}


#headnav ul#navbar li ul {
	display:none;
	position: absolute;
	width:auto;
	top:33px;
	clear:both;
	border-right:#765D43 1px solid;
	border-left:#765D43 1px solid;
	border-bottom:#765D43 1px solid;
	margin-left:-1px;
	background-color:#000;
	 
	}
/*
#headnav ul#navbar li ul#applications {#left:119px;#margin:0 -10px;}
#headnav ul#navbar li ul#product  {#left:248px;#margin:0 -20px;}
#headnav ul#navbar li ul#chem {#left:370px;#margin:0 -25px;}
#headnav ul#navbar li ul#lit {#left: 520px;#margin:0 -20px;}
	
#headnav #navbar li#contact ul { left:510px}
#headnav #navbar li#history ul { left:310px}
#headnav #navbar li#about ul { left:410px}*/
	
#headnav #navbar li:hover ul  {display:block}
#headnav #navbar li:hover a  {color: #FFCC00!important;background: #000!important; }
#headnav #navbar li ul li { 
	float:left;
	clear:both;
	text-align:left;
	margin:0;
	}
#headnav #navbar li ul li a { 
	font-size: 13px; 
	color: #FFCC00!important;
	font-weight:normal!important; 
	float:left; 
	width:200px;
	text-align:left;
	padding:3px 10px 3px!important; 
	margin:0; 
	height: auto!important; 
	}
#headnav #navbar li ul li.last { 
	float:left;
	width:200px;
	height: 10px;
	margin:0;
	}

#headnav #navbar li ul li a:hover { background-color: #333!important; background-image:none!important; }



/* -- End Top Navigation -- */

/* ******************************************** */

/* -- footer 
	#footer a {margin: 0px 9px; padding:3px 0; font-size:12px; font-weight:normal!important; color: #414962!important;  }
	#footer a.current, #footer a:hover {color:  #A14F4D !important; }--*/
/* -- End Footer --*/

/* ******************************************** */

/* -- Main content area. This includes a sidebar and the main message area --*/

	/* --the sidebar --*/
	
		#mainContent #sidebar {
			height:auto;
			width:210px;
			display:block;
			float:left;
			text-align:left;
		}
		
		
		#sidebarTop, #sidebarBottom, #sidebarNext {
			width: 209px;
			display:block;
			float:left;
			line-height:0;font-size:0;
			border-right:#FFCC00 1px solid;
			
		}
		
		/*#sidebarTop { background: url(../images/sidebar_top.jpg) no-repeat; height: 31px; }
		#sidebarBottom { background:url(../images/sidebar_bottom.jpg) no-repeat; height: 31px; }
		#sidebarNext { background:url(../images/sidebar_next.jpg) no-repeat; height: 25px; }
		
		#sidebarContent {
			background:url(../images/sidebar_span.jpg) repeat-y; height:auto;
			width: 184px;
			padding:0 10px 0 15px;
			display:block;
			float:left;
			border-right:#FFCC00 1px solid;
			font-size:.9em;
			
		}*/
		
		#sidebarContent {
			background: #f2f2f2 url(../images/sidebar_span.jpg) repeat-x;
			width: 186px;
			padding:15px 10px;
			display:block;
			float:left;
			border:#FFCC00 3px solid;
			border-right-width:1px;
			border-bottom-width:1px;
			font-size:.9em;
		
		}
		
		#sidebarContent h1 {
			text-align:center;
			font-weight: bold;
			font-size: 16px;
			line-height: 18px;
			margin-bottom: 4px;
			padding-bottom:2px;
		}
		#sidebarContent p, #sidebarContent h2 { margin-bottom:3px;}
		#sidebarContent p {color:#000; text-align: right;}
	
		#sidebarContent .sitelink, #sidebarContent .sitelinkCurr {
			text-align:center;
			display:block;
			}
		#sidebarContent .sitelink:hover, #sidebarContent .sitelinkCurr {
			border-left:#D8E1F4 5px solid; 
			border-right:#D8E1F4 5px solid; 
		}
		
		#sidebarContent p.title {
			font-size:14px; 
			text-align:center; color:#404E69; 
			font-weight:bold; width:200px;
			 background:#D8E1F4; 
			 padding:5px;
		}
		
		#sidebar p.sidebar, #sidebar div.sidebar {
			display:block;
			text-align:right;
			padding:10px 10px 10px 5px;
			color: #FFFFF1;
			margin:0;
			border:#000 1px solid;
			border-right:#FFCC00 1px solid;
			
		}
		
		
		#sidebarNav a.supportLink {
			display:block;
			text-align:right;
			font-weight: bold;
			font-size: 14px;
			line-height: 18px;
			margin-bottom: 0px;
			padding:5px 5px 10px 5px;
			color: #999;
			border:#000 1px solid;
			border-right:#FFCC00 1px solid;
			
		}
		
		#sidebarNav .curr  {
			border:#FFCC00 1px solid;
			color: #FFCC00!important;
			border:#FFCC00 1px solid!important;
			border-right-color:#000000!important;
		}
		#sidebarNav a.supportLink:hover  {
			color: #FFCC00 !important;
			background-color: #000!important;
			border:#FFCC00 1px solid;
			border-right-color:#000000;
		}
		
		#sidebarContent p.logos a img {
			border:#FFFFFF 2px solid;
				}
				
		#sidebarContent p.logos a img:hover {
			border:#D8E1F4 2px solid;
				}
		
		
	/* -- END the sidebar --*/
	/* ******************************************** */
	/* --main message --*/
		#mainContent #message {
			width: 600px;
			margin:0;
			padding:0 15px 30px;
			float:right;
		}	
		
		p.messageArea {
			padding-left:10px;
			margin:5px 0 18px 0px;
			color: #CCCCCC;
		
		}
		
		p.messageArea i{
			padding-left:10px;
			margin:5px 0 18px 0px;
			color: #FFF;
		
		}
		
		#mainContent #message p.messageArea img {
			float:left;
			margin:0 15px 15px 0 ;
		}
		
		#mainContent #message h1 { border-bottom: #655B3A 1px solid; padding-bottom: 2px; margin-bottom: 6px; color:#CEC16A}

		
		
		#mainContent #message #map {
			width:400px;
			height:400px;
			border:#D8E1F4 2px solid;
			margin-bottom:10px;
			position:relative;
			display:block;
			float:left;
		}
		
		#mainContent dl {margin:0 20px; padding:0;}
		#mainContent dt {
			font-size:120%;
			line-height:170%;
			color: #CC9933;
		}
		#mainContent dd {
			margin:0 20px 10px;;
			padding:0;
		}
		
		
a.morLink {cursor:pointer!important; font-size:.9em; }	
a.morLink span {font-weight:normal; color:#999999 }	
.moreDiv { border-bottom:#FFFF66 1px solid; margin-bottom:20px; }	
a.pdf {padding: 0 18px 0 5px; background:url(../images/pdf.jpg) top right no-repeat}
a.web {padding: 0 18px 0 5px; background:url(../images/web.jpg) top right no-repeat}

		
	/* -- END main message --*/
/* ******************************************** */
	
/* -- end main content area -- */