/*	--- NOTE ---
	This stylesheet is optimized for Firefox. 
	Some properties have a note indicating that	
	they are also listed in the IE-specific stylesheet
	called IE.CSS.  Please refer to
	that stylesheet to make IE-specific changes.
*/ 


/* GENERAL */

body {
	background-color: #FFFFFF;
	margin: 0px;
	behavior: url(../_js/randomPhotos.js);
}
p {
	margin-top: 0px;
	line-height: 16px;
}
div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
}
a {
	color: #1100F8;
	text-decoration: underline;
}
a:visited {
	color: #1100F8;
	text-decoration: underline;
}
a:hover {
	color: #1100F8;
	text-decoration: none;
}
.head1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #C00A0B;
}
.head2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #575757;
}
.headline2 {
	font-family : Arial, Verdana;
	font-size : 12px;
	color : #C00A0B;
	font-weight: bold;
}

.smallcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #989596;
}
#bodyContainer {
	position: relative;
	margin: auto;
	width: 797px;
}
.hDivider {
	display: block;
	border: dashed #036FD7;
	border-width: 1px 0px 0px 0px;
}
.clear {
	clear: both;
	display: block;
}
.iePixFix {		/* also in IE stylesheet */
	display: block;
}

/* HEADER */

#headerLogo {
	position: relative;	
	width: 797px;
	text-align: right;	
}
#headerPrintOnly {
	display: none;
}
#headerImage {
	position: relative;
}
#taglineBar {
	position: relative;
	width: 797px;	
	height: 20px;
	background-color: #8BA8CE;
}
#taglineLeft {
	position: absolute;
	top: 3px;
	left: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
#taglineHidden {
	color: #8BA8CE;
	background-position: center;
	position: absolute;
	left: 286px;
	top: 4px;
}

#taglineRight {
	position: absolute;
	top: 4px;
	right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;	
}
#utilityBar {
	position: relative;
	background-color: #E5F0FB;
	width: 797px;
	height: 18px;
	border-top: solid #CACACA 12px;
}
#utilityBar ul {
	position: relative;
	float: left;	
	list-style: none;
	margin: 0px 0px 0px -40px;	/* also in IE stylesheet */
	height: 18px;
}
#utilityBar ul li {
	float: left;
	list-style: none;
	padding-left: 12px;	
	margin: 0px;
	height: 18px;	
}
#utilityBar div {
	position: relative;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 2px 20px 0px 0px;	/* also in IE stylesheet */
}
#utilityBar div a:link, #utilityBar div a:visited {
	color: #036FD7;
	text-decoration: none;
}
#utilityBar div a:hover {
	color: #036FD7;
	text-decoration: underline;
}

/* HOME PAGE */

#homeTable{
	width: 797px;
	border: dashed #036FD7;
	border-width: 1px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
}
.homeTopL {
	width: 160px;
	border: dashed #036FD7;
	border-width: 0px 1px 1px 0px;
	padding: 10px 0px 10px 0px;	
	vertical-align: top;
}
.homeTopM {
	width: 159px;
	border: dashed #036FD7;
	border-width: 0px 1px 1px 0px;	
	padding: 10px 0px 10px 0px;	
	vertical-align: top;		
}
.homeTopR {
	width: 160px;
	border: dashed #036FD7;
	border-width: 0px 0px 1px 0px;
	padding: 10px 0px 10px 0px;	
	vertical-align: top;			
}
#homeTable2{
	width: 797px;
	margin-bottom: 4px;
	border: dashed #036FD7;
	border-width: 0px 0px 1px 0px;
	margin: 1px 0px 0px 0px;
}
.homeBotL {
	width: 266px;
	background-color: #E5F0FB;
	border: dashed #036FD7;
	border-bottom-style: dashed #036FD7;
	border-width: 0px 1px 1px 0px;	
	vertical-align: top;	
	padding: 18px 0px 24px 0px;	
}
.homeBotLtable {
	padding: 18px 0px 24px 0px;		
	background-color: #E5F0FB;
	vertical-align: top;
	
}
.homeBotM {
	width: 265px;
	background-color: #E5F0FB;
	border: dashed #036FD7;
	border-bottom-style: dashed #036FD7;
	border-width: 0px 1px 1px 0px;	
	vertical-align: top;
	padding: 18px 0px 24px 0px;		
}
.homeBotMtable {
	padding: 18px 0px 24px 0px;		
	background-color: #E5F0FB;
	vertical-align: top;
	width: 265px;
}


.homeBotR {
	width: 266px;
	background-color: #E5F0FB;
	border: dashed #036FD7;
	border-bottom-style: dashed #036FD7;
	border-width: 0px 0px 1px 0px;	
	vertical-align: top;	
	padding: 18px 0px 24px 0px;	
}
.homeNavHeader {
	margin-left: 11px; 
}
.copyrightFooter  {
	display: block;
	position: relative;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #989596;
}
ul.homeNavList {
	list-style: none;
	margin: 14px 10px 0px -29px; /* also in IE stylesheet */	
}
ul.homeNavList li {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
	margin-bottom: 6px;
	line-height: 13px;
}
ul.homeNavList li a:link, ul.homeNavList li a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
	text-decoration: none;
}
ul.homeNavList li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
	text-decoration: underline;
}
.homeImg {
	float: left;
	margin-left: 20px;
	padding-right: 4px;
	
}
.homeBlurb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #192A67;
	margin: 40px 30px 0px 104px;
	vertical-align: top;		
}
.homeBlurb2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #192A67;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	vertical-align: top;		
}
/* INTERIOR FLYOUT NAVIGATION */

#topNavClear {
	background: transparent;
	position: absolute;
	z-index: 20;
	left: -2px;
	top: 50px;
	width: 800px;
	height: 114px;
}
#topNavCompany {
	position: absolute;
	z-index: 30;
	left: 0px;
	top: 52px;	
}
#topNavSolutions {
	position: absolute;
	z-index: 30;
	left: 83px;
	top: 52px;	
}
#topNavProducts {
	position: absolute;
	z-index: 30;
	left: 211px;
	top: 52px;	
}
#topNavInfo {
	position: absolute;
	z-index: 30;
	left: 369px;
	top: 52px;	
}
#topNavContact {
	position: absolute;
	z-index: 30;
	left: 476px;
	top: 52px;	
}
#topNavCompanyOver {
	visibility: hidden;	
	position: absolute;
	z-index: 40;
	left: 0px;
	top: 52px;
	width: 	81px;
}
#topNavSolutionsOver {
	visibility: hidden;	
	position: absolute;
	z-index: 40;
	left: 83px;
	top: 52px;
	width: 	81px;
}
#topNavProductsOver {
	visibility: hidden;	
	position: absolute;
	z-index: 40;
	left: 211px;
	top: 52px;	
	width: 	155px;	
}
#topNavInfoOver {
	visibility: hidden;	
	position: absolute;
	z-index: 40;
	left: 369px;
	top: 52px;
	width: 	81px;
}
#topNavContactOver {
	visibility: hidden;	
	position: absolute;
	z-index: 40;
	left: 476px;
	top: 52px;	
	width: 	71px;	
}
#topNavCompanyFly {
	visibility: hidden;
	position: absolute;
	z-index: 40;
	left: 0px;
	top: 77px;
	background-color: #3366CC;
	height: 86px;
	width: 200px;	
}
#topNavSolutionsFly {
	visibility: hidden;
	position: absolute;
	z-index: 40;
	left: 83px;
	top: 77px;
	background-color: #3366CC;
	height: 86px;
	width: 200px;		
}
#topNavProductsFly {
	visibility: hidden;
	position: absolute;
	z-index: 40;	
	left: 211px;
	top: 77px;
	background-color: #3366CC;
	height: 86px;
	width: 320px;	/* also in IE stylesheet */
}
#topNavInfoFly {
	visibility: hidden;
	position: absolute;
	z-index: 40;
	left: 369px;
	top: 77px;
	background-color: #3366CC;
	height: 86px;
	width: 200px;	
}
#topNavContactFly {
	visibility: hidden;	
	position: absolute;
	z-index: 40;
	left: 476px;
	top: 77px;
	background-color: #3366CC;
	height: 86px;
	width: 200px;
}
ul.topNavList {
	float: left;
	list-style: none;
	margin: 10px 20px 0px -28px;  /* also in IE stylesheet */
}
ul.topNavList li {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
ul.topNavList li a:link, ul.topNavList li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
ul.topNavList li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}

ul.topNavList2ndCol {
	list-style: none;
	margin: 10px 20px 0px -28px;  /* also in IE stylesheet */
}
ul.topNavList2ndCol li {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
ul.topNavList2ndCol li a:link, ul.topNavList2ndCol li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
ul.topNavList2ndCol li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}

/* INTERIOR CONTENT */
.level3  {
	color : 575757;
	font-family : Arial, Verdana;
	font-size : 11px;
	text-decoration: none;
	font-weight: normal;
}
.subnavi  {
	color : #FFFFFF;
	font-family : Arial, Verdana;
	font-size : 11px;
	text-decoration: none;
	font-weight: normal;
}
#intContainer {
	width: 797px;
	border: dashed #036FD7;
	border-width: 1px 0px 1px 0px;
	margin: 1px 0px 4px 0px;
}
#intLeftCol {
	position: relative;
	float: left;
	width: 124px;
	margin: 18px 0px 0px 0px;
	vertical-align: top;
}
#intLeftCol #intLeftHeader {
	background-color: #575757;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 1px;
	padding: 2px 4px 4px 4px;	
}
#intLeftCol ul {
	list-style: none;
	margin: 8px 4px 0px -36px; /* also in IE stylesheet */
}
#intLeftCol ul li {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
	margin-bottom: 6px;
	line-height: 13px;
}
#intLeftCol ul li a:link, #intLeftCol ul li a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
	text-decoration: none;
}
#intLeftCol ul li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
	text-decoration: underline;
}
#intMidCol {
	margin: 0px 241px 0px 130px;
	border: dashed #036FD7;
	border-width: 0px 0px 0px 1px;
	padding: 44px 0px 10px 20px; /* also in IE stylesheet */		
}
#intMidCol .iePixFixCol {
	width:400px;
	text-align: left;		
}
#intMidCol2 {
	width: 640px;
	margin: 0px 241px 0px 130px;
	border: dashed #036FD7;
	border-width: 0px 0px 0px 1px;
	padding: 44px 0px 10px 20px; /* also in IE stylesheet */		
}
#intMidCol .iePixFixCol2 {
	width:640px;
	text-align: left;		
}
#intMidCol ul li {
	line-height: 16px;
}
#intRightCol {
	position: relative;
 	float: right;
	width: 240px;
	text-align: left;
	margin: 18px 0px 0px 0px;
}
#intRightCol ul {
	text-align: left;
	margin-left: 56px;  /* also in IE stylesheet */
}
.twoColTable1 {
	vertical-align: top;
	padding: 6px 6px 0px 0px;
}
.twoColTable2 {
	vertical-align: top;
	padding: 6px 0px 0px 0px;
}