* {margin: 0; padding: 0;color: #000000;}

body {
background: #fff url(../../images/bgtilemain.gif);

	background-color: #006699;
	font: 11px Verdana, Arial, sans-serif; color: #032247; line-height: 15px;
	padding-bottom: 8px;
	}

img {border: none;}
fieldset {border: 0;}
.clear { clear: both; margin-bottom: 10px; }
.preloader { display:none; }

/*  text
=================================================*/
a {color: #003366; text-decoration: none;}
a:hover {color: #174477; text-decoration: underline;}

p {margin: 0 0 10px 0; text-align: left;}

h1 {font-size: 15px; color: #000; margin: 0 0 6px 0; line-height: 19px;}
h2 {font-size: 12px; margin: 15px 0 3px 0;}
h2 span {color: #8F6D44; font-size: 14px;}
h3 {color: #0A5E9F; margin: 3px 0 3px 0; font-size: 11px;}
h4 {line-height: 12px; font-size: 11px; margin-bottom: 3px; font-style: italic; font-weight: normal; margin-top: 10px;}

.red {color: #CC0000; font-weight: bold; font-size: 12px;}
.errorMessage {font-weight: bold; color: #FF0000;}
.required {font-weight: bold; color: #FF0000;}
.bullet {font-size: 14px; color: #003366;}
.note {font-size: 10px; font-style: italic;}
.smalltext {font-size: 10px; line-height: 12px; color: #000000;}

.errorSummary {
	font-weight: bold;
	color: #FF0000;
	}
	
	.errorSummary li { margin-left: 25px; color: #FF0000; }

/*  CSS tables
=================================================*/
.row {width: 880px;}
    .column {float: left;}

    .column-1-2 {float: left; width: 45%;}
    .column-2-2 {float: right; width: 45%;}

    .column-1-3 {float: left; width:274px; margin-right: 25px; text-align:left;}
    .column-2-3 {float: left; width: 32%; margin-right: 10px; text-align:left;}
    .column-3-3 {float: right; text-align:center;}

/*  header
=================================================*/
#header {
	width: 971px;
    height: 128px;
	margin: 10px 0 0px 0px;
	text-align: left;
	background: #fff url(../../images/gradientbar.gif);
	background-position: 0px 63px;
	background-repeat: repeat-x;
	}

	#header .left h1 {
		background: url(../../Images/logo.gif) 0px 5px no-repeat;
		width: 550px; height: 89px;
		text-indent: -99999px; overflow: hidden;
		}
		#header .left h1 a {
			display: block;
			width: 458px; height: 66px;
			text-indent: -999999px; overflow: hidden;
			}

	#header .right {
		float: right;
		width: 315px;
		}
		
		#header .right td {
			padding-right: 8px;
		}
		
		#header .right input {
			margin-right: 3px;
		}
		
		input.text {
		}
		
		.searchButton {position: relative; top: 6px;}

/*  main nav
=============================================*/
div#mainNav {
	margin: 20px 0 10px 20px;
	height:15px;
	}
	div#mainNav ul {
		list-style: none;
		margin:0;
		padding:0;	
		}
		div#mainNav ul li{
			float:left;
			
			}
			
			div#mainNav li a{			background: grey;
}
			
			
	/*  main nav switches
	=============================================*/
	div#mainNav ul li#navHome a {
		background:url(../../Images/n-home-1.gif) no-repeat;
		width:74px;
	}
	
	div#mainNav ul li#navHome a.on { background:url(../../Images/n-home-1.gif) no-repeat; }
	
	div#mainNav ul li#navBlog a {
		background:url(../../Images/n-blog-1.gif) no-repeat;
		width:74px;
	}
	
	div#mainNav ul li#navBlog a.on { background:url(../../Images/n-blog-2.gif) no-repeat; }
	
	
	div#mainNav ul li#navAbout a {
		background:url(../../Images/n-about-1.gif) no-repeat;
		width:138px;
		}
	div#mainNav ul li#navAbout a.on { background:url(../../Images/n-about-2.gif) no-repeat; }
	
	div#mainNav ul li#navServices a {
		background:url(../../Images/n-services-1.gif) no-repeat;
		width:86px;
		}
	div#mainNav ul li#navServices a.on { background:url(../../Images/n-services-2.gif) no-repeat; }
	
	div#mainNav ul li#navTestCatalog a {
		background:url(../../Images/n-testcatalog-1.gif) no-repeat;
		width:168px;
		}
	div#mainNav ul li#navTestCatalog a.on { background:url(../../Images/n-testcatalog-2.gif) no-repeat; }

	div#mainNav ul li#navSampleSubmission a {
		background:url(../../Images/n-samplesubmission-1.gif) no-repeat;
		width:150px;
		}
	div#mainNav ul li#navSampleSubmission a.on { background:url(../../Images/n-samplesubmission-2.gif) no-repeat; }
	
	div#mainNav ul li#navNews a {
		background:url(../../Images/n-news-1.gif) no-repeat;
		width:72px;
		}
	div#mainNav ul li#navNews a.on { background:url(../../Images/n-news-2.gif) no-repeat; }
	
	div#mainNav ul li#navCareers a {
		background:url(../../Images/n-careers-1.gif) no-repeat;
		width:86px;
		}
	div#mainNav ul li#navCareers a.on { background:url(../../Images/n-careers-2.gif) no-repeat; }
	
	div#mainNav ul li#navSupport a {
		background:url(../../Images/n-support-1.gif) no-repeat;
		width:82px;
		}
	div#mainNav ul li#navSupport a.on { background:url(../../Images/n-support-2.gif) no-repeat; }


	div#mainNav ul li#navHome a:hover, body.navHome div#mainNav ul li#navHome a {
		background:url(../../Images/n-home-2.gif) no-repeat;
		}
	div#mainNav ul li#navHome a.on:hover, body.navHome div#mainNav ul li#navHome a.on {
		background:url(../../Images/n-home-2.gif) no-repeat;
		}
		
	div#mainNav ul li#navBlog a:hover, body.navBlog div#mainNav ul li#navBlog a {
		background:url(../../Images/n-blog-2.gif) no-repeat;
		}
	div#mainNav ul li#navBlog a.on:hover, body.navBlog div#mainNav ul li#navBlog a.on {
		background:url(../../Images/n-blog-2.gif) no-repeat;
		}
		
	div#mainNav ul li#navAbout a:hover, body.navAbout div#mainNav ul li#navAbout a {
		background:url(../../Images/n-about-2.gif) no-repeat;
		}
	div#mainNav ul li#navAbout a.on:hover, body.navAbout div#mainNav ul li#navAbout a.on {
		background:url(../../Images/n-about-2.gif) no-repeat;
		}
	div#mainNav ul li#navServices a:hover, body.navServices div#mainNav ul li#navServices a {
		background:url(../../Images/n-services-2.gif) no-repeat;
		}
	div#mainNav ul li#navServices a.on:hover, body.navServices div#mainNav ul li#navServices a.on {
		background:url(../../Images/n-services-2.gif) no-repeat;
		}
	div#mainNav ul li#navTestCatalog a:hover, body.navTestCatalog div#mainNav ul li#navTestCatalog a {
		background:url(../../Images/n-testcatalog-2.gif) no-repeat;
		}
	div#mainNav ul li#navTestCatalog a.on:hover, body.navTestCatalog div#mainNav ul li#navTestCatalog a.on {
		background:url(../../Images/n-testcatalog-2.gif) no-repeat;
		}
	div#mainNav ul li#navSampleSubmission a:hover, body.navSampleSubmission div#mainNav ul li#navSampleSubmission a {
		background:url(../../Images/n-samplesubmission-2.gif) no-repeat;
		}
	div#mainNav ul li#navSampleSubmission a.on:hover, body.navSampleSubmission div#mainNav ul li#navSampleSubmission a.on {
		background:url(../../Images/n-samplesubmission-2.gif) no-repeat;
		}
	div#mainNav ul li#navNews a:hover, body.navNews div#mainNav ul li#navNews a {
		background:url(../../Images/n-news-2.gif) no-repeat;
		}
	div#mainNav ul li#navNews a.on:hover, body.navNews div#mainNav ul li#navNews a.on {
		background:url(../../Images/n-news-2.gif) no-repeat;
		}
	div#mainNav ul li#navCareers a:hover, body.navCareers div#mainNav ul li#navCareers a {
		background:url(../../Images/n-careers-2.gif) no-repeat;
		}
	div#mainNav ul li#navCareers a.on:hover, body.navCareers div#mainNav ul li#navCareers a.on {
		background:url(../../Images/n-careers-2.gif) no-repeat;
		}
	div#mainNav ul li#navSupport a:hover, body.navSupport div#mainNav ul li#navSupport a {
		background:url(../../Images/n-support-2.gif) no-repeat;
		}
	div#mainNav ul li#navSupport a.on:hover, body.navSupport div#mainNav ul li#navSupport a.on {
		background:url(../../Images/n-support-2.gif) no-repeat;
		}
	/*  end main nav switches
	=============================================*/

div#mainNav ul li a {
	display:block;
	height:15px;
	text-indent:-9999px;
	}
/*  end main nav
=============================================*/

/*  container
=================================================*/
#container {
	width: 971px;
	margin: 0 60px 0 46px;
	}
	

/*  forms
=================================================*/
fieldset {
    display: block;
    position: relative;
    margin: 20px 0 0 0;
    width: 100%;
    }

    fieldset fieldset {
        margin: 15px 0 0 0;
        width: auto;
        }

    fieldset ol {width: 100%;margin:0;}
    fieldset ol li {
        margin: 0 0 10px 0;
        list-style: none;
        }
        
        fieldset ol li em {
			margin-left: 160px;
			font-size: 0.8em;
			display: inline;
			}
        

        fieldset ol li input {
			width: 200px;
			}
			
		fieldset.highlight ol li span {
			width: 200px;
			}

        fieldset ol li label {
            float: left;
            display: inline-block;
            margin: 0 10px 0 0;
            width: 150px;
            font-weight: bold; font-size: 0.9em; text-align: right;
            }
 
        select {
            padding: 0;
            font-size: 0.95em;
            width: 100px;
            }

/*  table
=================================================*/            
.testResults {
	font-size: 10px;
	}
	
	.testResults tr.header  {
		background-color: #CCCCCC;
		color: #FFFFFF;
		border: solid 1px #000000;
		font-weight: bold;
		}

		.testResults td {padding: 4px; margin: 2px; vertical-align: top;}

			.testResults td.left {
				background-color: #CCCCCC;
				font-weight: bold;
				text-align: right;
				width: 150px;
				}
			.testResults td.shortLeft {
				background-color: #CCCCCC;
				font-weight: bold;
				width: 100px;
				}
			.testResults td.right {width: 275px;}
			
.formSubmit {
	font-size: 10px;
	}
	
	.formSubmit td {padding: 4px; margin: 2px; vertical-align: top;}
	.formSubmit td table { padding: 0; margin: 0; }
	
	.formSubmit td.left {
		font-weight: bold;
		text-align: right;
		width: 150px;
		}
	

/*  MULTI FIELD LINES layout
=================================================*/
.multi fieldset {margin: 0;}
    .multi li {
		list-style: none;
        display: inline;
        float: left;
        margin: 0 10px 0 0;
        width: auto;
        }
        
/*  FORM CONTROLS
=================================================*/
fieldset.controls {margin: 15px 0; width: 100%;}
    fieldset.controls ul {text-align: center;}
        fieldset.controls li {display: inline;}
            fieldset.controls li a {
                margin: 0 0 0 10px;
                font-size: 0.95em;
                }

        fieldset.controls input, .button {
            background: #0E478D;
            margin: 0 0 0 10px;
            padding: 2px 0 5px 0; border: 0;
            width: 100px; height: 20px;
            font-size: 0.85em; color: #FFFFFF; text-align: center;
            cursor: pointer;
            }
        * html fieldset.controls input, * html .button {padding: 3px 0;}

fieldset fieldset.controls {margin: 10px 0 15px 0;}

/*  boxes
=================================================*/
.blueBox {
	border: solid 1px #003580;
	width: 271px;
	}
	.blueBox h1 {
		background: url(../../images/hd_announcements.gif) no-repeat;
		background-color: #003580;
		width: 271px;
		height: 26px;
		text-indent:-9999px;
		}
	.blueBox p {
		padding: 5px 5px;
		}
		
	.blueBox p.moreLink {
		font-weight: bold;
		padding: 0 0 0 5px;
		}
		
		
.grayBox {
	border: solid 1px #6D6D6D;
	background-color: #EEEEEE;
	width: 271px;
	}
	.grayBox h1 {
		background: url(../../images/head_catalog.gif) no-repeat;
		background-color: #808080;
		width: 271px;
		height: 62px;
		text-indent:-9999px;
		}
	.grayBox p {
		padding: 5px 5px;
		}
	.grayBox .lettersMap {
		text-align: center;
		padding: 7px 0 0 5px;
		}

/*  footer
=================================================*/
#footer {
	width: 971px;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	height: 25px;
	margin: 7px 60px 0px 46px;
	}
	#footer a {padding-left: 4px;}
	#footer a:link {color:#000000; text-decoration:none}
	#footer a:visited {color:#000000; text-decoration:none}
	#footer a:hover {color:#003366; text-decoration:none}
	#footer .left {float: left; width: 45%;}
	#footer .right {float: right; width: 45%;margin-right:46px;}
	
/*  subpage
=================================================*/

#subPageContent {width: 900px; margin-top: 10px;}

h1 a {
	font-size: 12px;
	margin: 10px 0 4px 0;
	text-decoration: none;
	}

.subCallout {
	margin: 14px 0;
	padding: 14px;
	background: #CEE2F2;
	border: 1px solid #B9CDDD;
	}

ul, ol {
	margin: 10px 0 6px 30px;
	}

ul i, ol i, ul a {
	font-weight: bold;
	}

.leadership a {
	display: block;
	font-weight: bold;
	margin-top: 5px;
	}

.backButton {
        color: #003366;
	display: block;
	margin: 15px 0;
	text-decoration: none;
	font-weight: bold;
	}



.leftnav {
	font-size: 11px;
	text-align: right;
	color: #000000;
	margin: 0px;
	width: 175px;
	}

	.leftnav a {
		display: block;
		border-bottom: solid 1px #FFFFFF;
		padding: 8px 15px 8px 0;	
		font-size: 10px;	
		}

	.leftnav a.gray:link {color:#000000; text-decoration:none}
	.leftnav a.gray:visited {color:#000000; text-decoration:none}
	.leftnav a.gray:hover {color:#003366; text-decoration:none}

.redText, .subCallout span li, .redText li, .redText h1, .redText a {
	color: #EE0000;
	}

.redText h1{
font-size: 11px;
margin: 12px 0 0px 0;
}

.nonBullet {
	font-weight: bold;
	list-style-type: none;
	line-height: 16px;
	}

#mainContent {
	padding-bottom: 25px;
	}
	#mainContent a {
		font-weight: bold;
		}

.bottomText {
	font-size: 10px;
	padding-right: 30px;
	}


.supportFAQ h1 {
	border-top: 1px solid #ccc;
	padding-top: 15px;
	margin-top: 15px;
	color: #003366;
	}

hr.seperator {
	border: 0;
	width: 90%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	}
	

.supportFAQ h3 {
	margin: 13px 0 -6px 0;
	}

.submissionChart{
width: 100%;
margin: 15px 0;
background: #E7EEF4;
border: 1px solid #BED2E2;
border-collapse: collapse;
}

.submissionChart td, .submissionChart th{
text-align: left;
padding: 10px;
border-bottom: 1px solid #BED2E2;
width: 50%;
}

/*  dropdownmenus
=================================================*/
   #dropmenudiv {
		position: absolute;
		left: 600px;
		border: 1px solid #333333;
		border-bottom-width: 0;
		font-size: 9px;
		line-height: 19px;
		z-index: 100;
		}

	#dropmenudiv a {
		width: 100%;
		color: #033782;
		font-weight: bold;
		display: block;
		text-indent: 3px;
		border-bottom: 1px solid #333333;
		padding: 1px 0;
		text-decoration: underline;
		}

	#dropmenudiv a:hover {
		/*hover background color*/
		background-color: #666666;
		color: #FFFFFF;
		}

.checkBoxList td INPUT {
	width: 15px;
	float: left;
	}
	
.checkBoxList td Label {
	width: 40px;
	text-align: left;
	}
	
.verticalCheckBoxList td INPUT {
	width: 15px;
	float: left;
	}
	
.verticalCheckBoxList td Label {
	width: 200px;
	text-align: left;
	margin-bottom: 5px;
	}