
/*       Body/centering
--------------------------------
*/
* {
	margin: 0;
}
html, body{
	height: 100%;
}
body{
 font-family:  "Georgia", Times, serif;
 font-size:12px;
 margin: 0px;
 padding: 0px;
 text-align: center;
 width: 100%;
 color: #000000;
 background-color: #FFFFFF; 
 background-image: url(1b_bg.jpg); 
 background-repeat: repeat-x;
}
/*.bottomGradient{
background-image: url(images/footer_bg.jpg);n
background-repeat:repeat-x;
background-position:100% 100%;
}*/

p{
line-height: 22px;
font-size: 12px;
color: #0000000;
}

#centers{
 position:relative;
 width:781px;
 text-align:left;
 padding: 84px 0 0 0;
/*min-height: 80%;*/
min-height: 750px;
/*height: auto !important;
 height: 100%;*/
 margin: 0px auto 45px auto;
}
/* A CSS hack that only applies to IE*/
* html #centers{
		/*height: 80%;*/
		height: 800px;
}
#home #centers{
	min-height: 620px;
	height: 670px;
}
a{
color: #003399;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
hr{
	background-color: #999999;
	height: 1px;
	border: none;
}
sup{
	font-size: 9px;
	color: #333333;
}
/*       banner/logo's
-------------------------
*/
#logo {
 background-image: url(images/logo.jpg);
 background-repeat: no-repeat;
 position:absolute;
 left:0px;
 top:12px;
 width:532px;
 /*height:93px;*/
 height: 72px;
 margin: 0px;
 /*border: 1px solid red;*/
}

#banner {
 /*background-image: url(images/banner.jpg);*/
 position:relative;
 left:200px;
 top: 5px;
 width:581px;
/*height:236px;
 text-align: center;*/
}
/*        Content
----------------------------
*/
#content {
 /*background-image: url(images/content.jpg);*/
 position:absolute;
 left:0px;
 top:363px;
 width:781px;
 height:357px;
 line-height: 1.8em;
 margin-right: 1em;
}

.table{
 width: 780px;
 position: relative;
 left: 0px;
top: 20px;
 line-height: 1.8em;
}
#home .table{
	width: 500px;
	left: 220px;
}
.table a{
color: #003399;
text-decoration: none;
}

.table a:hover{
text-decoration: underline;
}

ul{
list-style-image: url(images/arrow2.gif);
list-style-position: outside;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
}

li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #000000;
}
.leftCol{
background-image:url(images/content_border.jpg); 
background-repeat:repeat-y; 
background-position: right; 
padding-right: 36px;
padding-top: 0px;
width: 336px;
}
.rightcol{
width: 250px;
line-height: normal;
padding-left: 8px;
padding-top: 15px;
}
.rightcol img{
margin-left: 15px;
}
.rightcol p{
padding-left: 15px;
}
/*.inside1b{
background-color:#FFFFFF;
width: 581px;
height: 593px;
position:absolute;
left: 200px;
top: 127px;
}
.inside1b a, a:hover{
color: #003399;
text-decoration: none;
}
.inside1b li{
line-height:1.5em;
}*/
.itable{
margin-left: 220px;
}
.itable h1{
margin-top: 0px;
margin-bottom: 25px;
}
.itable2{
margin-left:2em;
width: 500px;
}
.dottedBdr_right{
background-image:url(images/content_border.jpg); 
background-repeat:repeat-y; 
background-position: right; 
}
.rightLinks{
padding-left: 15px;
padding-top: 15px;
line-height: 22px;
}
/* footer
----------------------
*/

#footer{
position: absolute;
left: 0px;
/*top: 35px;*/
bottom: 0px;
color: #000000;
font-size: 10px;
padding-top: 10px;
padding-bottom: 25px;
text-indent: -550px;
background-image: url(images/footer_bg.jpg);
background-repeat:repeat-x;
background-position:top;
}

#ifooter{
color: #000000;
font-size: 10px;
padding-top: 10px;
padding-bottom: 15px;
background-image: url(images/footer_bg.jpg);
background-repeat:repeat-x;
background-position:top;
clear: both;
width: 100%;
/*border: 1px solid red;*/
}
*html #ifooter{
	margin-top: -38px;
}
/*            H1-H6
-----------------------------------
 */
 
 #ifooter div.foot {
 	width:781px;
	margin:0px auto 0px auto;
	text-align:left;
}
h1{
 font-size: 18px;
 color: #000000;
 margin-bottom: 10px;
 /*margin-top: 15px;*/
 padding-bottom: 0;
 margin: 5px 0px 5px 10px;
}
h2{
 font-size: 14px;
 color: #000000;
 margin-bottom: 0;
 padding-bottom: 0;
}
h3{
 font-size: 12px;
 color: #000000;
 margin: 0;
 padding: 0;
}




/*       navigation
--------------------------------
*/

#nav-bg {
 background-image: url(images/nav_bg.jpg);
 background-repeat: no-repeat;
 background-position : top left;
 background-color: #003399;
 padding-bottom: 10px;
 position:absolute;
 left:0px;
 top:89px;
 width:200px;
 min-height:226px;
 color: #FFFFFF;
 font-family: "Times New Roman", Times, serif;
}
/*  nav height for IE */
* html #nav-bg {height:226px}


#nav-bg ul{
 list-style-image: none;
 list-style-type: none;
 line-height: 1.9em;
 margin-left: 10px;
 margin-top: 2.2em;
 padding: 0;
}
#nav-bg ul li{
margin: 0px;
}
#nav-bg ul li a{
color: #FFFFFF;
 text-decoration: none;
padding: 0px 0px 0px 15px;
}
#nav-bg ul li a:hover{
 color: #CCCC99;
background-image: url(images/arrow.gif);
background-position: left center;
background-repeat: no-repeat;
}
#nav-bg ul li a.active{
 color: #CCCC99;
background-image: url(images/arrow.gif);
background-position: left center;
background-repeat: no-repeat;
}
#nav-bg ul ul{
margin: 0px 0px 0px 15px;
}

/*nav long
----------
*/
#nav-bg2 {
 background-image: url(images/nav_bg.jpg);
 background-repeat: no-repeat;
 background-color: #003399;
 padding-bottom: 10px;
 position:absolute;
 left:0px;
 top:127px;
 width:200px;
 /*min-height:457px;*/
 height: 597px;
 height/* */: 600/* */px;
 color: #FFFFFF;
 font-family: "Times New Roman", Times, serif;
}
/*.nav-top {
background-color:#003399;
font-family: "Times New Roman", Times, serif;
color:#FFFFFF;
 }
.nav-top a{
color:#FFFFFF;
text-decoration:none;
padding:3px 3px 3px 3px;
margin:0px 0px 10px 10px; 
}
.nav-top a:hover{
color: #CCCC99;
}
.nav-top a.Active{
color: #CCCC99;
}*/
/*  nav height for IE
* html #nav-bg2 {
 height: 597px;
 height : 600 px;
 } */

#nav-bg2 ul{
 list-style-image: none;
 list-style-type: none;
 line-height: 1.9em;
 margin-left: 10px;
 margin-top: 2.2em;
 padding: 0;
}
#nav-bg2 ul li{
margin: 0px;
}
#nav-bg2 ul li a{
color: #FFFFFF;
 text-decoration: none;
padding: 0px 0px 0px 15px;
}
#nav-bg2 ul li a:hover{
 color: #CCCC99;
background-image: url(images/arrow.gif);
background-position: left center;
background-repeat: no-repeat;
}
#nav-bg2 ul li a.active{
 color: #CCCC99;
background-image: url(images/arrow.gif);
background-position: left center;
background-repeat: no-repeat;
}
#nav-bg2 ul ul{
margin: 0px 0px 0px 15px;
}

.nav-top {
background-image: url(images/nav_bg.jpg);
 background-repeat: repeat-x;
background-color:#003399;
font-family: "Times New Roman", Times, serif;
color:#FFFFFF;
text-align: center;
height: 28px;
padding-top:15px;
/*margin-top: -28px;
border: 1px solid green;*/
 }
.nav-top a{
color:#FFFFFF;
text-decoration:none;
padding:3px 3px 3px 3px;
margin:0px 0px 0px 20px; 
}
.nav-top a:hover{
color: #CCCC99;
}
.nav-top a.Active{
color: #CCCC99;
}
.nav-top ul{
	margin: 0px;
	padding: 0px;
	/*border: 1px solid green;*/
}
.nav-top ul li{
list-style-type : none;
display : inline;
height: 22px;
padding-left: 0px;
margin-left: 0px;
/*border: 1px solid red;*/
}
.nav-top ul li a{
padding-left: 0px;
margin-left: 15px;
}
.nav-top ul li a:hover{
	text-decoration: none;
}
.nav-top ul li ul{
	display: none;
	position: absolute;
	right: 0px;
	z-index: 100;
	margin-top: 0px;
	margin-top/* */: 18/* */px;
	margin-left:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*padding-top: 10px;*/
	width: 160px;
	list-style-type : none;
	background-image: none;
	background-color: #012674;
	padding-top: 15px;
}
.nav-top ul li #articles{
	right: 55px;
}
.nav-top ul li #vehSafety{
	right: 115px;
}
.nav-top ul li #conSafety{
	right: 240px;
}
.nav-top ul li #videos{
	right: 380px;
}
.nav-top ul li #cases{
	right: 440px;
}
.nav-top ul li #bios{
	right: 550px;
}
.nav-top ul li ul li{
	display: block;
	/*height: 20px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #012674;
	background-image: none;
	list-style-type : none;
	list-style-image : none;
	text-align: left;
	/*border: 1px solid red;*/
}
.nav-top ul li ul li a{
	width: 150px;
padding-left: 10px;
margin-left: 0px;
/*border: 1px solid green;*/
}
.nav-top ul li ul li a:hover{
	/*background-color: #000000;*/
	text-decoration: none;
}
.nav-top ul li:hover ul, .nav-top ul li.over ul{
	display: block;
}

.border_bottom{
background-image: url(images/content_border_bottom.jpg);
background-repeat: repeat-x;
background-position: bottom;
padding-left: 10px;
padding-top: 5px;
}
.gallery_nav{
margin-top: -3px;
background-image: url(images/cases_titleBg.jpg);
height: 51px;
width: 579px;
}
.gallery_title{
padding-left: 15px;
color: #000000;
font-size: 16px;
}
.table_border{
	border: 1px solid #c0c6c4;
}
.table_border_bottom td{
	border-bottom: 1px solid #c0c6c4;
}
.firefoxFix{
	height: 260px;
	height/* */: 1/* */px;
}
.firefoxFix2{
	height: 70px;
	height/* */: 0/* */px;
}
.greyBar{
	background-image: url(images/greybarimage.jpg); 
	height: 50px; 
	width: 780px; 
	float: right; 
	margin-top: 5px;
}
.greyBar h1{
	color: #363636; 
	padding-left: 20px; 
	font-family: times; 
	font-size: 18px; 
	padding-top: 13px;
	margin-top: 0px;
}

.clearer{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
#divscroll{
	overflow:auto; 
	height:480px; 
	width: 607px;
}
.quotes{
	width: 160px;
	height: 400px;
	float: right;
	padding: 105px 5px 5px 5px;
	/*background-image: url(images/nav_bg.jpg);
 background-repeat: repeat-x;
background-color:#003399;*/
background-color: #002775;
 color: #ffffff;
 margin: -34px 0px 0px 0px;
 margin-top/* */: -35/* */px;
	/*border: 1px solid red;*/
	text-align: center;
}
.quotes p{
	color: #ffffff;
	text-align: center;
}
iframe{
	border: 1px solid #003399;
}
#epsMark{
	width: 90px;
	font-size: 10px;
	line-height: 12px;
}
#epsMark img{
	float: left;
}
#epsMark a{
	font-size: 10px;
	line-height: 12px;
}