/*  
	----- DESIGN.CSS -----
	This css document controls the colors, fonts, background, links and other visual elements
*/


/* Overall (tags, body, wrappers, containers, etc) 
-----------------------------------------------------------------------------*/ 
	body
	{		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 150%;
		color: #353535;
	}
	
	h2
	{
		color: #6597ba;
		font-size: 15px;
	}
	
	h3
	{
		font-size: 12px;
		font-weight: bold;
	}
	
	hr
	{
		border: solid #a5b4c4 thin;
		clear: both;
	}
	input
	{
		margin-top: 5px; 
		margin-bottom: 5px; 
		border: 1px solid #999; 
		padding: 3px;
	}
input.checkbox {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
	label
	{
		font-weight: bold;
	}


/* Content (inside content, main content)
-----------------------------------------------------------------------------*/ 
	.content_picture
	{
		line-height: 1em;		
		text-align: center;
		font-size: 80%;
	}
	
	table.product_details th
	{
		text-align: left;
	}
	
	.table_spacer
	{
		height: 10px;
	}
	
	.table_hr
	{
		height: 3px;
		font-size: 3px;
		background-color:#a5b4c4;
	}
	
	.required
	{
	color:#FF0000;
	}



/* Header (logo, header image, not the menu)
-----------------------------------------------------------------------------*/ 
	#header
	{
		background-color: #022448;
		color: #FFFFFF;
		height: 172px;
	}
	
	#header_image
	{
		text-align: center;
		width: 850px;
		overflow: hidden;
	}
	


/* Footer
-----------------------------------------------------------------------------*/ 	
	#footer
	{
		color: #666666;
	}
	
	
	
	
/* Menus (main navigation, submenus)
-----------------------------------------------------------------------------*/ 
	#menu 					  
	{ 
		background: url(../images/menu_bg.jpg) repeat-x; 
		font-size: 9px; 
		color: #FFFFFF; 
	}
	#menu_about 			a { background: url(../images/menu_about.jpg); }
	#menu_products 			a { background: url(../images/menu_products.jpg); }
	#menu_research 			a { background: url(../images/menu_research.jpg); }
	#menu_resources 		a { background: url(../images/menu_resources.jpg); }
	#menu_requestsample		a { background: url(../images/menu_requestsample.jpg); }
	#menu_contactus 		a { background: url(../images/menu_contactus.jpg); }
	#menu_international 	a { background: url(../images/menu_international.jpg); }
	
	ul.submenu
	{
		list-style-image: url(../images/submenu_arrow_blue.jpg);
		font-size: 10.5px;
		line-height: 1.5em;
	}
	ul.submenu li
	{
		padding-bottom: 5px;
	}
	ul.submenu li.submenu_selected
	{
		list-style-image: url(../images/submenu_arrow_grey.jpg);
	}	
	ul.submenu a
	{
		color: #0279ED;
		text-decoration: none;
	}
	ul.submenu a:hover
	{
		text-decoration: underline;
	}
	


/* Sidebar (logo, header image, not the menu)
-----------------------------------------------------------------------------*/ 
	blockquote
	{
		color: #999999;
		font-style: italic;
		font-size: 11px;
	}
	
	.sidebar_citation
	{
		font-style: normal;
		line-height: 1.25em;
		margin-top: 5px;
	}

	.sidebar_content
	{
		background: url(../images/sidebar_bg_middle.jpg) repeat-y left;
		text-align: left;

		font-size: 12px;
		line-height: 2em;
	}
	
	ul.checkmenu
	{
		list-style-image: url(../images/sidebar_checkmark.jpg);
	}
	
	.small
	{
		font-size: 10px;
		line-height: 1.5em;
	}
	


/* Home Page (special classes, specifically for the homepage).
-----------------------------------------------------------------------------*/ 
	.sidebar_content_home
	{
		background: url(../images/sidebar_home_bg_middle.jpg) repeat-y left;
	}
	
	#header_home
	{
		background: #003366 url(../images/header_home_bg.jpg) repeat-x;
		height: 309px;
	}
	
	#header_image_home
	{
		text-align: center;
		width: 850px;
		overflow: hidden;
	}
	
	#container_home
	{
		background: #FFFFFF url(../images/body_home_bg.jpg) repeat-x;
	}