﻿/* CSS Copyright © 2007 Impact Technologies Group, Inc.*/
@import "banners.css";

html, body {
margin: 0px;
padding: 0px;
text-align: left; 
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: .0em; 
text-decoration: none;
}

/* Global Layout Styles */
#container {
width: 770px; 
margin: 0px auto;  
padding: 0px; 
display: block; 
height: 100%; 
background-image: url("/images/main_background.png"); 
background-position: center; 
background-repeat:repeat-y;
}

#secondaryContainer {
width: 770px; 
margin: 0px auto;  
padding: 0px; 
display: block; 
height: 100%; 
background-image: url("/images/secondary_background.png");
background-position: center; 
background-repeat: repeat-y;
}

#footer {
clear: both; 
width: 770px; 
height: 42px;
background-image: url("/images/footer_back.png");
text-align:right;
}

#secondaryFooter {
clear: both; 
width: 770px; 
height: 54px;
background-image: url("/images/secondary_footer_back.png");
text-align:right;
}

.clearer {
clear: both;
display: block;
height: 1px;
padding-top: 20px;
margin-bottom: 10px;
font-size: 1px;
line-height: 1px;
border-bottom: 1px dashed #CCCCCC;
}

#content {
margin: 10px 0px 0px 0px; 
padding: 0px; 
width: 740px;  
display: block;
}

#singleHomeContent {
float: left; 
width: 700px; 
margin:  0px 0px 0px 35px; 
padding: 0px;
display: inline;
}

#leftHomeContent {
float: left; 
width: 345px; 
margin:  0px; 
padding: 0px;
display: inline;
}

#rightHomeContent {
float: right;
width: 345px;
padding: 0px;
display: block;
margin-top: 0px;
}

#leftHomeContent2 {
float: left; 
width: 450px; 
margin:  0px 0px 0px 40px; 
padding: 0px;
display: inline;
}

#rightHomeContent2 {
float: right;
width: 196px;
padding: 0px;
display: block;
margin-top: 0px;
}

#leftColumn {
float: left;
width: 205px; 
padding: 0px;
background-image: url("/images/left_column_back.png"); 
background-repeat: no-repeat;
}

#leftColumnAlt {
float: left;
width: 205px; 
padding: 0px;
background-image: url("/images/left_column_back_alt.png"); 
background-repeat: no-repeat;
}

#rightColumn {
position: relative;
float: right;
padding: 0px;
left: -25px;
width: 530px;
display: block;
}

#secondColumn {
width: 515px;
margin: 10px 0px 0px 5px;
}

#secondColumn2 {
width: 310px;
float: left;
padding: 0px;
display: inline;
margin-top: 10px;
margin-left: 5px;
}

#thirdColumn {
float: right;
width: 200px;
padding: 0px;
margin-left: 5px;
display: block;
margin-top: 10px;
}

#pdfDiv {
height: 29px;
margin-top: 10px;
}

#pdfDiv span{
width: 99px;
height: 29px;
background-image: url("/images/pdf.png"); 
display: block;
}

#map {
width: 310px;
height: 310px;
background-image: url("/images/googlemap_back.jpg"); 
margin: 10px 0px 0px 0px;
}

.partnersLogo {
padding: 10px 0px 20px 0px;
}

#homePartners {
padding: 0px 0px 0px 0px;
width:470px;
height: 56px;
}

.subBanners{
padding: 0px 0px 10px 0px;
}

/* The next 4 styles are not needed when using a flash banner on the home page*/
#podcastButton {
position:relative;
left: 315px;
top: 180px;
width: 85px;
height:16px;
}

#readMore{
position:relative;
left: 560px;
top: 164px;
height:20px;
width:160px;
}

#readMore a {
padding: 1px 2px 1px 2px;
margin: 0px;
font-size: 10pt;
text-decoration: none;
color: #FFFFFF;
}

#readMore a:hover {
color: #000000;
background-color: #FFFFFF; 
}

.part {
width: 196px;
background-image: url("/images/part_background_196.png");
margin: 0px 0px 5px 0px;
}

.partFooter {
width: 196px;
height: 20px;
background-image: url("/images/part_footer_196.png");
background-repeat:no-repeat;
display: block;
}

.partWords {
display:block;
width:165px;
padding: 15px 0px 0px 20px;
}

.part h4 {
font-weight: bold; 
color: #3C4E52;
font-size: 10pt; 
padding: 0px 0px 18px 5px; 
margin: -4px 0px 0px -8px;
text-decoration: none;
display: block;
width: 165px;
background-image: url("/images/part_h4_196.png");
background-position: bottom;
}

.partWords h3 {
font-weight: bold; 
color: #3C4E52; 
padding: 0px 0px 3px 0; 
text-decoration: none;
display: block;
width: 165px;
background-position: bottom;
}

.pdfButton {
display: block;
width:161px;
height: 29px;
clear: both;
}

.pdfButton span {
width: 161px;
height: 29px;
padding: 0px;
margin: 0px 0px 0px 16px;
background-image: url("/images/pdf_download.png"); 
display: block;
cursor:hand;
}


/* Header Styles */
#headerHome {
padding: 0px; 
width: 770px; 
height: 109px; 
display: block; 
background-image: url("/images/header1.png"); 
}

#headerProducts {
padding: 0px; 
width: 770px; 
height: 109px; 
display: block; 
background-image: url("/images/header2.png"); 
}

#headerServices {
padding: 0px; 
width: 770px; 
height: 109px; 
display: block; 
background-image: url("/images/header3.png"); 
}

#headerSupport {
padding: 0px; 
width: 770px; 
height: 109px; 
display: block; 
background-image: url("/images/header4.png"); 
}

#headerInformation {
padding: 0px; 
width: 770px; 
height: 109px; 
display: block; 
background-image: url("/images/header5.png"); 
}

#headerCompany {
padding: 0px; 
width: 770px; 
height: 109px; 
display: block; 
background-image: url("/images/header6.png"); 
}

#headerContact {
padding: 0px; 
width: 770px; 
height: 109px; 
display: block; 
background-image: url("/images/header7.png"); 
}

#headerNotab {
padding: 0px; 
width: 770px; 
height: 109px; 
display: block; 
background-image: url("/images/header8.png"); 
}

#headerNonav {
padding: 0px; 
width: 770px; 
height: 70px; 
display: block; 
background-image: url("/images/header9.png"); 
}

#homeBannerText{
margin: 0 0 0 485px; 
padding: 10px 0 0 0; 
width: 205px;	
} 

#homeBannerText p{
color: #FFF;
margin: 0;
padding: 0;	
} 

#homeBannerText h1{
color: #7dd0fe;	
font-size: 1.4em;
margin: 0;
} 

#homeBannerText a{
color: #ff7e20;	
} 

#homeBannerText ul{
margin: 0;	
padding: 0 0 0 20px;
} 

#homeBannerText li{
color: #fff;
margin: 0;
padding: 0;
} 


/* Text Settings */
p, td, ul, ol, li, dl, dt, dd, input,  pSpan {
font-size: 9pt;
line-height: 1.4em;
color: #000;
}

p, pSpan {
padding: 0 0 8px 0;
}

span {
padding: 0px;
margin: 0px;
font-size: 9pt;
}

p a, pSpan a, ul a {
text-decoration: none;
color: #D84C00;
padding: 0px;
}

p a:hover, pSpan a:hover, ul a:hover {
text-decoration:underline;
}

h1 {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
font-weight: bold; 
color: #0067C6; 
font-size: 14pt; 
padding: 0px; 
margin: 0px 0px 0px 0px;
display: block;
}

h2, h2 a, .h2Span, .h2Span a {
font-weight: bold; 
color: #3C4E52;
font-size: 10pt; 
padding: 2px 0px 3px 0px; 
margin: 0px;
display:block;
}

h3, h3 a {
font-weight: bold; 
color: #000;
font-size: 9pt; 
padding: 3px 0px 0px 0px; 
margin: 0px;
display:block;
}

.hpadding{
padding:0px 0px 10px 0px;
}

.productList a {
margin: 0px 0px 0px 0px;
padding: 3px 0px 1px 25px;
height: 20px;
display: block;
background: url("/images/application_icon.png") 0px 4px no-repeat;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: .04em; 
font-weight: bold; 
color: #3C4E52;
font-size: 8.5pt;
text-decoration:none;
}

.productList a:hover {
background: url("/images/application_icon.png") 0px -20px no-repeat;
background-color: #E0E0E0; 
}

.textMargin, .textMargin p {
margin: 0px 0px 10px 0px;
display: block;
}

.textMargin ul, .textMargin ol {
padding: 0 0 10px 5px;
}

.textMargin li {
padding: 0px 0px 7px 0px;
margin: 0 0 0 10px;
}

.textMargin ol ul li, .textMargin ul ul li {
font-size: 100%;
}

ul li ul {
margin: 0;
padding: 0;
}


.date {
color:#666;
font-size: 8pt;
}

.date2 {
color:#999999;
}

.italic {
font-style:italic;
}

/*
.textMargin li {
padding-left: 10px;
background-image: url("/images/bullet.png");
background-repeat: no-repeat;
background-position: 0px 5px;
}
*/

.topHeadline a {
display: block; 
padding: 0px 5px 2px 5px; 
margin: 0px 0px 10px 0px;
text-decoration: none;
color: #3C4E52;
}

.topHeadline a:hover {
background-color: #E0E0E0; 
}

.footerText, .footerText2 {
display: block;
position: relative;
top: 20px;
padding-right: 40px;
font-size: 7.5pt;
color: #999999;
}

.footerText2 {
top: 30px;
}

.jobTitle {
font-size: 7pt;
}

IMG.centered {
display: block;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 10px 0px;
}

.formPosition {
margin: 0px;
padding: 0px;
}


/* Navigation */
#navBar {
position: relative; 
top: 66px; 
left: 35px; 
width: 700px; 
height: 23px;
text-align: center;
}

#navBar span {
position: relative; 
top: 4px;
font-size: 9pt;
letter-spacing: .04em;
font-family: Arial, Helvetica, sans-serif;
}

#navBar ul {
margin: 0px; 
padding: 0px; 
white-space: nowrap;
}

#navBar li {
width: 100px; 
display: block; 
float: left;
}

#navBar a {
display: block; 
height: 23px; 
background: url("/images/navBar_Back.png") 0px 0px no-repeat;
color: #333;
text-decoration: none;
}

#navBar a:link, #navlist a:visited {
background: url("/images/navBar_Back.png") 0px 0px no-repeat;
}

#navBar a:hover {
background: url("/images/navBar_Back.png") 0px -23px no-repeat;
color: #FFFFFF;
text-decoration: none ;
}

.selectedTab {
font-family:Arial, Helvetica, sans-serif;
color: #333333; 
font-size: 9pt; 
font-weight: bold;
margin-top: 4px;
letter-spacing: .04em;
}

/* Secondary Navigation */
#secondaryNav {
margin: 15px 0px 0px 35px;
padding: 0px;
}

#secondaryNav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#secondaryNav a {
display: block;
width: 170px;
height: 17px;
background: url("/images/secondary_navBack.png") 0px 0px no-repeat;
color:#000;
}

#secondaryNav a:hover {
background: url("/images/secondary_navBack.png") 0px -34px no-repeat;
color:#FFFFFF;
text-decoration:none;
}

#secondaryNav span {
position:relative;
left: 17px;
top: 1px;
padding-left: 1px;
font-size: 8.5pt;
}

.secondaryActive, .secondaryActive a {
background: url("/images/secondary_navBack.png") 0px -17px no-repeat;
display:block;
height: 17px;
}

.navSection {
font-weight: bold; 
color: #0067C6; 
font-size: 8.5pt; 
padding: 0px; 
margin: 10px 0px 0px 7px;
display:block;
}
