/********************/
/* Main Tag Styles  */
/********************/

body 
{
	margin: 0px;
	padding: 0;
	background-color:#FFFFFF;
	text-align: left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

a:link 
{ 
	color: #E96B10;
	text-decoration: none; 
}

a:visited 
{ 
	color: #5B97B1;
	text-decoration: none; 
}

a:hover, a:active 
{ 
	text-decoration: underline; 
}

p, td
{
	margin: 8px 30px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 8px 30px;
	color: #003151;
}

h1
{
	font-size: 22px;
}

h2 
{
	font-size: 14px;
}

h3 
{
	font-size: 13px;
}

h4 
{
	font-size: 13px;
	font-style: italic;
}



h5 
{
	font-size: 12px;
}



h6 
{
	font-size: 11px;
}

img
{
	border: 0 solid;
}

ul
{
	margin: 15px 65px;
	padding: 0;
	list-style: circle;
	line-height: 16px;
}

ol
{
	margin: 15px 65px;
	padding: 0;
	list-style: circle;
	line-height: 16px;
}

li
{

}

/*********************************/
/* Layout Div and Sub-Tag Styles */
/*********************************/

/* Site Wrapper Layout */

#wrapper
{
	margin: 0 auto;
	padding: 0;
	min-width: 600px;
	text-align: left;
}

/* Header Layout and Styles */

#header
{
	margin: 0;
	padding: 0;
	width:100%;
	display: inline-block;
	clear: both;
	border-top: solid 6px #00496E;
	background: #B8D8E5 url(../images/bg-header.jpg) repeat-y left;
}

#logo
{
	width: 332px;
	height: 93px;
	float: left;
	background-color: #FFFFFF;
}

#utilityNav
{
	margin: 10px;
	padding: 0;
	float: right;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003151;
}

#utilityNav a:link 
{ 
	color: #003151;
	text-decoration: none; 
}

#utilityNav a:visited 
{ 
	color: #003151;
	text-decoration: none; 
}

#utilityNav a:hover, a:active 
{ 
	color: #003151;
	text-decoration: underline; 
}

#utilityNav form
{
	margin: 0 20px;
	padding: 0;
}

#utilityNav .searchBox
{
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
	height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003151;
	border: solid 1px #00496E;
}

#utilityNav .searchButton
{
	position:absolute;
	margin: 0;
	padding: 0;

}

#topNav
{
	margin: 0;
	width:100%;
	background-color: #FFFFFF;
	border-top: solid 1px #77B6D0;
	border-bottom: solid 4px #00496E;
}



#topNav .separator
{
	float: left;
	padding: 6px 0;
	background-color: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#topNavBlock
{
	float: right;
	width: 185px;
	height:25px;
	background-color: #E96B10;
}

#topSpacer
{
	clear: both;
	padding: 0;
	margin: 0;
	background-color: #6692A8;
}

#topSpacer img
{
	clear: both;
	margin-left: 149px;
}


/* Left Navigation, Content, and Right Callout Styles */

#mainBody
{
	clear: both;
	display: inline-block;
	background: #FFFFFF url(../images/main-body-left-column-bg.gif) repeat-y left;
}

#mainBodyClear
{
	clear: both;
	padding: 0;
	margin: 0;
}

#mainBodyClear img
{
	clear: both;
	margin-left: 151px;
}

/* Left Navigation Styles */

#leftColumn
{
	float: left;
	width: 188px;
	background-color: #CEE4ED;
}

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

#leftColumn a:hover, #leftColumn a:active
{
	text-decoration: underline;
	color: #003151;
}

#leftColumn ul
{
	margin: 1px 0;
	padding: 0 0 3px 0;
	list-style: none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003151;
}

#leftColumn ul li
{
	margin-bottom: 20px;
	padding: 4px 10px 5px 15px;
}

#leftColumn ul li.leftNavHeader
{
	padding-top: 7px;
	padding-bottom: 7px;
	color: #FFFFFF;
	background-color: #E96B10;
}

#leftColumn ul li.leftNavHeader a:link, #leftColumn ul li.leftNavHeader a:visited
{
	color: #FFFFFF;
}

#leftColumn ul li.leftNavState
{
	background: #FFFFFF url(../images/arrow-small-orange.gif) no-repeat;
	background-position: 8px 8px;
}

#leftColumn ul li ul
{
	padding-bottom: 0;
	margin: 8px 0 0 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#leftColumn ul li ul li
{
	margin: 0;
}

#leftColumn ul li ul li ul
{
	color: #F26500;
}

#leftColumn ul li ul li ul li
{
	margin: 0;
	background: url(../images/bullet-left-nav-fourth.gif) no-repeat;
	background-position: 8px 10px;
}

/* Right Callout Styles */

#rightColumn
{
	float: right;
	width: 185px;
	margin-top: 40px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color:#CCCCCC;
}

#rightColumn a:link, #rightColumn a:visited, #rightColumn a:hover, #rightColumn a:active 
{
	color: #FFFFFF;
	font-weight: bold;
}


#rightColumn p
{
	margin: 0px 15px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#rightColumn h3
{
	margin: 0px 15px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#rightColumn img.calloutButton
{
	margin: 15px 0 2px 90px;
}

#calloutHeader
{
	border-bottom: 1px solid #73D7FF
}

.calloutLight
{
	padding: 22px 0;
	background-color: #00496E;
}

.calloutDark
{
	padding: 22px 0;
	background-color: #00344D;
}

#calloutBottomLight
{
	padding: 22px 0;
	background-color: #00496E;
	border-bottom: 15px solid #407792;
}

#calloutBottomDark
{
	padding: 22px 0;
	background-color: #00344D;
	border-bottom: 15px solid #407792;
}

/* Content Section Styles */

#centerColumn
{
	padding: 15px 0 25px 15px;
	border-left: 1px solid #77B6D0;
	background-color:#FFFFFF;
}

.oneColumn
{
	margin: 0 0 0 0;
}

.twoColumn
{
	margin: 0 0 0 188px;
}

.twoColumnCallout
{
	margin: 0 185px 0 0;
}

.threeColumn
{
	margin: 0 185px 0 188px;
}

#centerColumn h1
{
	font-style: italic;
	margin-bottom: 15px;
}

#centerColumn h2
{
	margin-top: 30px;
	margin-bottom: 0;
}

#centerColumn h3
{
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
}

#centerColumn h5
{
	margin-top: 25px;
	margin-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#centerColumn p
{
	line-height: 16px;
}

#centerColumn .moreInfo
{
	margin: 0px 5px 8px 30px;
}


#breadcrumb
{
	margin: 5px 30px 25px 30px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003151;
}

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

#breadcrumb a:hover, #breadcrumb a:active
{
	text-decoration: underline;
	color: #003151;
}

.imgFloatLeft
{
	float: left;
	margin: 3px 10px 0 0;
}

.imgFloatRight
{
	float: right;
	margin: 3px 0 0 10px;
}

.caption200Left
{
	margin: 10px 30px;	
	padding: 10px;
	float: left;
	width: 200px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color:#EEEEEE;
}

.caption200Right
{
	margin: 10px 30px;
	padding: 10px;
	float: right;
	width: 200px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color:#EEEEEE;
}

.caption300
{
	margin: 10px 30px;
	padding: 10px;
	float: right;
	width: 300px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color:#EEEEEE;
}

/***********************************/
/* Homepage Body Layout and Styles */
/***********************************/

#hpWrapper
{
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#hpMainBody
{
	clear: both;
	width: 1024px;
	background: #FFFFFF url(../images/main-body-bg.gif) repeat-y bottom;
}

#hpMainBody ul
{
	list-style: disc;
}

#hpMainBodyClear
{
	clear: both;
	padding: 0;
	margin: 0;
}

#hpMainBodyClear img
{
	margin-left: 295px;
}

/* Homepage Right Column Layout and Styles */

#hpRightColumn
{
	float: right;
	width: 185px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#hpRightColumn h3
{
	margin: 0px 5px 0px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#hpRightColumn p
{
	margin: 0 5px 25px 15px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#hpRightCallout
{
	padding: 12px 0;
	background-color: #00344D;
}

#hpRightCallout p
{
	color: #FFFFFF;
}

#hpRightCallout img
{
	margin-left: 80px;
}

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

#hpRightCallout a:hover, #hpRightCallout a:active
{
	text-decoration: underline;
	color: #FFFFFF;
}

#hpQuickLinksHeader
{
	padding: 5px 6px;
	background: #00496E;
}

#hpQuickLinks
{
	padding: 1px 0px;
	border-left: 1px solid #77B6D0;
	background: #EEEEEE url(../images/banner-hp-quicklinks.gif) no-repeat top;
}

#hpQuickLinks p
{
	font-size: 10px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 0;
}

#hpQuickLinks ul
{
	margin: 20px 0 15px 20px;
	padding: 10px 10px 2px 8px;
}

#hpQuickLinks li
{
	margin-bottom: 7px;
}

#hpQuickLinks a:link, #hpQuickLinks a:visited
{
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}

#hpQuickLinks a:hover, #hpQuickLinks a:active
{
	font-size: 10px;
	text-decoration: underline;
	color: #E96B10;
}


/* Center Columns Body Layout and Styles */

#hpCenterColumn
{
	margin: 0 185px 0 0;
	padding:0;
}

#hpBoilerPlate
{
	padding: 1px;
	height: 202px;
	background-image: url(../images/boilerplate-hp.jpg);
}

#hpBoilerPlateText
{
	margin: 10px 10px 10px 363px;
	color: #00496E;
}

#hpBoilerPlateText h1
{
	margin: 0 0 10px 0;
	font: 26px Georgia, "Times New Roman", Times, serif;
}

#hpBoilerPlateText p
{
	margin: 0;
	color: #333333;
}

#hpBoilerPlateText .moreInfo
{
	margin-left: 60px;
}

#hpBody
{
	display: inline-block;
	margin: 0;
	padding: 1px 0;
}

#hpProducts
{
	float: left;
	width: 333px;
	color: #00344D;
}

#hpProducts h2
{
	margin: 0px 5px 0px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#hpProducts p
{
	margin: 0px 5px 0px 15px;
}

#hpProducts .moreInfo
{
	margin-left: 60px;
}

#hpXfAnalyzer
{
	position: relative;
	width: 333px;
	height: 91px;
	padding: 15px 0;
	background-image: url(../images/hp-xfanalyzer-bg.jpg);
}

#hpApplicationsHeader
{
	position: absolute;
	height: 17px;
	top: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	background-image: url(../images/hp-boilerplate-tab-top.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 999;
	left: 333px;
	width: 37px;
}

#hpLabware
{
	width: 333px;
	height: 86px;
	padding: 15px 0;
	background-image: url(../images/hp-labware-bg.jpg);
}

#hpTrainingHeader
{
	width: 333px;
	padding: 1px 0;
	background-color: #00496E;
}

#hpTrainingHeader h2
{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#hpTraining
{
	width: 332px;
	padding: 18px 0 1px 0;
	background: url(../images/hp-training-bg.gif) no-repeat top;
	background-color:#C1E86F;
	border-right: 1px solid #77B6D0;
	color: #000000;
}

#hpTraining h5
{
	margin: 0px 5px 0px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#hpTraining p
{
	margin-top: 0px;
}

#hpTraining ul
{
	margin: 0 0 0 35px;
	padding: 5px 10px 0 8px;
	font-size: 10px;
}

#hpTraining li
{
	margin-bottom: 7px;
}

#hpTraining a:link, #hpTraining a:visited
{
	font-weight: bold;
	color: #E96B10;
	text-decoration: none;
}

#hpTraining a:hover, #hpTraining a:active
{
	font-weight: bold;
	color: #E96B10;
	text-decoration: underline;
}

#hpApplications
{
	margin: 0 0 0 333px;
	color: #00344D;
}

#hpApplications .hpApplication
{
	margin: 30px 15px;
}

#hpApplications .hpApplication p
{
	margin: 0;
} 

/* Footer Layout and Styles */

#footer
{
	padding: 3px;
	clear: both;
	text-align: center;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 14px;
	background-color: #00496E;
}

#footer a:link, #footer a:visited
{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover, #footer a:active
{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

/* Utility Classes */

.moreInfo
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #E96B10;
	margin: 0px 5px 8px 15px;
	background: url(../images/arrow-small-orange.gif) no-repeat;
	background-position: 70px 4px;
}

.moreInfo a:link, .moreInfo a:visited
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #E96B10;
	text-decoration: none;
}

.moreInfo a:hover, .moreInfo a:active
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #E96B10;
	text-decoration: underline;
}

.clearfloat
{
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/***********************************/
/* Sitemap Styles */
/***********************************/

#siteMap 
{

}

#siteMap ul 
{
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 10px; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 10px;
	list-style: none;
}

#siteMap ul li ul 
{
		list-style: circle;
}