/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */ 
html, body { 
padding:0px; 
margin:0px; 
height: 100%; 
_text-align: center;
} 

body { 
padding:0px; 
margin:0px; 
background-color: #FFFFFF; 
} 


h1 { 
text-align: left; 
color: #000000; 
letter-spacing: -1px; 
margin-top: 15px; 
margin-right: 0px; 
margin-bottom: 6px; 
margin-left: 12px; 
font-family: "Trebuchet MS", Tahoma, Helvetica; 
font-size: 1.4em; 
padding: 0px; 
} 


h2 { 
font-size:1em; 
color: #e40202; 
text-align: left; 
font-weight: bold; 
font-family: "Trebuchet MS", Tahoma, Arial; 
line-height: 1em; 
margin: 0px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 10px; 
} 

h3 { 
font-size: 0.9em; 
color: #333333; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align: center; 
padding-top: 0px; 
padding-right: 20px; 
padding-bottom: 5px; 
padding-left: 20px; 
margin: 0px; 
line-height: 1.5em; 
} 

h4 { 
font-family: "Trebuchet MS", Tahoma, Helvetica; 
font-size: 0.95em; 
font-weight: bold; 
color: #257ACD; 
padding-left: 10px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 5px; 
margin: 0px; 
} 
h5 { 
font-family: "Trebuchet MS", Tahoma, Helvetica; 
font-size: 1.1em; 
font-weight: bold; 
color: #2479CC; 
padding-left: 10px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 10px; 
margin: 0px; 
} 
h6 { 
text-align: left; 
color: #2479CC; 
letter-spacing: -1px; 
margin-top: 2px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-left: 12px; 
font-family: "Trebuchet MS", Tahoma, Helvetica; 
font-size: 1.5em; 
padding: 0px; 
} 


p { 
font-family: "Trebuchet MS", Tahoma, Arial; 
font-size: 0.9em; 
line-height: 1.3em; 
padding-right: 12px; 
padding-left: 12px; 
padding-top: 0px; 
padding-bottom: 15px; 
margin: 0px; 
text-align: left; 
} 

strong { 
color: #000000; 
} 

/* This sets a default font for all of our selectors. We set the text align back to left so it won't center (based on the body to compensate for IE.) */ 


address { 
font-style: normal; 
margin: 0px; 
line-height: 1.2em; 
color: #000000; 
text-align: left; 
font-size: 0.9em; 
font-family: "Trebuchet MS", Tahoma, Helvetica; 
float: left; 
padding-top: 30px; 
padding-right: 5px; 
padding-bottom: 5px; 
padding-left: 10px; 
} 


address a:link { 
color:#FFFFFF; 
} 

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */ 

/* Styles the div that serves as the container for the content and navigation.*/ 
div#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
position:relative; 
width: 980px; 
background-color: #FFFFFF; 
background-image: url(../images/container_g.jpg); 
background-repeat: repeat-y; 
margin-top: 0px; 
margin-right: auto; 
margin-bottom: -138px; 
margin-left: auto; 
} 
div#sidebarleft { 
float: left; 
width: 260px; 
margin: 0px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
text-align: center; 
} 

div#horizonalnav { 
height: 46px; 
width: 980px; 
background-image: url(../images/nav_bg.gif); 
background-repeat: no-repeat; 
position: relative; 
margin: 0px; 
padding: 0px; 
} 
div#subnav { 
height: 39px; 
width: 980px; 
position: relative; 
margin:0; 
padding:0; 
background-image: url(../images/subnav_bg.gif); 
background-repeat: no-repeat; 
} 
div#subnavlinks { 
position: absolute; 
left: 8px; 
top: 11px; 
margin: 0px; 
padding: 0px; 
} 
div#searchbox { 
position: absolute; 
left: 644px; 
top: 7px; 
} 
div#subnavlinks a:link, div#subnavlinks a:visited { 
color: #FFFFFF; 
font-family: "Trebuchet MS", Tahoma, Arial; 
font-size: 0.7em; 
font-weight: bold; 
text-transform: uppercase; 
padding-right: 10px; 
padding-left: 10px; 
text-decoration: none; 
margin: 0px; 
padding-top: 8px; 
padding-bottom: 8px; 
border-right-width: 1px; 
border-right-style: solid; 
border-right-color: #014E9B; 
display: inline; 
} 

div#subnavlinks a:hover { 
color:#D9DCE2; 
} 


div#content { 
margin: 0px; 
width:980px; 
position: relative; 
padding: 0px; 
} 



div#content a, div#content a:visited { 
color:#000000; 
font-weight: normal; 
} 
div#content a:hover { 
color: #FF0000; 
} 
div#contentindex { 
float: left; 
width: 345px; 
border-left-width: 1px; 
border-left-style: dashed; 
border-left-color: #CCCCCC; 
border-right-width: 1px; 
border-right-style: dashed; 
border-right-color: #CCCCCC; 
} 
div#contentindex p { 
font-family: "Trebuchet MS", Tahoma, Arial; 
font-size: 0.85em; 
font-weight: normal; 
color: #000000; 
text-align: justify; 
padding-right: 10px; 
line-height: 1.3em; 
} 
div#contentindex ul { 
margin: 0px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 20px; 
} 
div#contentindex li { 
font-size: 0.85em; 
font-weight: bold; 
color: #CC0000; 
line-height: 1.5em; 
} 



/* Creates DIV container for body. Setting the left and right margins to auto will center DIV. */ 
div#body { 
padding: 0px; 
margin: 0px; 
width: 720px; 
float: right; 
} 


div#body li { 
/*list-style-image: url(../images/bullet.gif); */
color: #000000; 
font-size: 0.85em; 
padding: 0px; 
font-family: "Trebuchet MS", Tahoma, Arial; 
margin: 0px; 
line-height: 1.2em; 
} 


/* Creates DIV container for header. Setting the left and right margins to auto will center DIV. */ 
div#header { 
position: relative; 
width: 980px; 
height: 254px; 
margin: 0px; 
padding: 0px; 
background-image: url(../images/header.jpg); 
background-repeat: no-repeat; 
} 
div#headerindex { 
position: relative; 
width: 980px; 
height: 254px; 
margin: 0px; 
padding: 0px; 
background-image: url(../images/headerindex.jpg); 
background-repeat: no-repeat; 
} 
div#flashindex { 
float: right; 
height: 254px; 
width: 720px; 
} 
div#productsindex { 
float: right; 
width: 356px; 
padding-top: 15px; 
margin: 0px; 
padding-left: 5px; 
padding-right: 10px; 
padding-bottom: 0px; 
} 
div#productsindex h2 { 
font-size:1em; 
color: #1061B0; 
text-align: center; 
font-weight: bold; 
font-family: "Trebuchet MS", Tahoma, Arial; 
line-height: 1em; 
margin: 0px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 10px; 
padding-left: 0px; 
} 
div#products { 
float: left; 
width: 350px; 
padding-top: 5px; 
margin: 0px; 
padding-left: 10px; 
padding-right: 0px; 
padding-bottom: 10px; 
} 
div#products p { 
font-family: "Trebuchet MS", Tahoma, Arial; 
line-height: 1.3em; 
font-size: .85em; 
} 
div#products li { 
font-family: "Trebuchet MS", Tahoma, Arial; 
color: #CC0000; 
font-size: 0.8em; 
font-weight: bold; 
margin: 0px; 
padding: 0px; 
line-height: 1.6em; 
} 
div#products ul { 
margin: 0px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 18px; 
} 

div#products a:link, div#products a:visited { 
color: #000000; 
font-weight: bold; 
} 

div#products a:hover { 
color: #CC0000; 
font-weight: bold; 
} 

div#contactinfo { 
float: left; 
width: 230px; 
margin-top: 30px; 
padding: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-left: 20px; 
font-family: "Trebuchet MS", Tahoma, Arial; 
font-size: 0.9em; 
color: #333333; 
} 
div#columnleft { 
float: left; 
width: 320px; 
padding-top: 0px; 
margin: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
} 
div#columnleft li { 
margin: 0px; 
padding: 0px; 
list-style-image: url(../images/arrow.gif); 
font-size: 0.75em; 
line-height: 1.5em; 
font-family: "Trebuchet MS", Tahoma, Arial; 
} 
div#columnleft ul { 
margin: 0px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 25px; 
} 
div#columnleft p { 
font-size: .8em; 
} 
div#columnright { 
float: left; 
width: 320px; 
padding-top: 0px; 
margin: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
} 
div#columnright p { 
font-size: .8em; 
} 
div#columnright li { 
font-size: 0.75em; 
line-height: 1.5em; 
margin: 0px; 
padding: 0px; 
list-style-image: url(../images/arrow.gif); 
font-family: "Trebuchet MS", Tahoma, Arial; 
} 
div#columnright ul { 
margin: 0px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 25px; 
} 
div#viperfeatures { 
width: 335px; 
float: left; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 25px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
margin-left: 0px; 
} 

div#testimonials { 
float: left; 
width: 336px; 
background-color: #E8E8E8; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-left: 15px; 
padding-top: 10px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
border: 1px solid #CCCCCC; 
} 

div#testimonials p { 
font-size: 0.85em; 
font-style:italic; 
text-align: left; 
line-height: 1.4em; 
color: #135BA3; 
} 

div#tableform { 
width: 450px; 
margin: 0px; 
padding: 0px; 
float: left; 
} 

div#tableform td { 
padding: 5px; 
font-family: "Trebuchet MS", Tahoma, Arial; 
font-size: .9em; 
} 
.field { 
background-color: #E8E8E8; 
border: 1px solid #CCCCCC; 
color: #000000; 
} 

/* ----------------- CSS HORIZONTAL NAV ----------------- */ 


/* NAVIGATION CONTAINER */ 
div#nav { 
left: 305px; 
height: 25px; 
z-index: 2; 
padding-top: 0; 
padding-right: 0; 
padding-bottom: 0; 
padding-left: 20px; 
margin: 0px; 
position: absolute; 
top: 19px; 
width: 661px; 
} 

ul#navlist li a#current, ul#navlist li a#current:hover{ 
padding: 0 0 0 15px; 
color: #FFFFFF; 
background-image: url(../images/navcurrent1.gif); 
background-repeat: no-repeat; 
background-position: left top; 
} 

ul#navlist li a#current span, ul#navlist li a#current:hover span { 
display: block; 
padding: 7px 15px 7px 0; 
background: url(../images/nav_current2.gif) top right no-repeat; 
} 

/* UL TAG */ 
ul#navlist { 
margin:0; 
padding:0; 
font-size:10px; 
text-transform:uppercase; 
font-family: tahoma;} 

ul#navlist li { 
list-style: none; 
float:left; 
position: relative; 
margin:0 1px 0 0; 
padding:0; 
line-height:normal; 
text-indent:0;} 

ul#navlist li a { 
display:block; 
/*width: 100px;*/ 
color:#FFFFFF; 
text-decoration:none; 
background: url(../images/nav_off.gif) top right no-repeat; 
font-weight: bold; 
font-family: Tahoma; 
padding-top: 7px; 
padding-right: 18px; 
padding-bottom: 7px; 
padding-left: 18px; 
} 

/**/* html #nav a { 
width: 1%;} 

ul#navlist li a:hover { 
background: url(../images/nav_on.gif) top right no-repeat; 
color: #fff;} 

/* ----------------- FOR THE CSS DROPDOWN ----------------- */ 


ul#navlist li ul { /* second-level lists */ 
display: none; 
position: absolute; 
top: 20px; 
left: 0; 
list-style: none; 
margin: 0; 
padding: 0 0 0; 
z-index: 6; 
} 

ul#navlist li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ 
top: auto; 
left: auto; 
} 

ul#navlist li:hover ul, ul#navlist li.over ul { /* lists nested under hovered list items */ 
display: block; 
} 

ul#navlist li ul li { 
float: none; 
text-transform: capitalize; 
} 

ul#navlist li ul li a { 
background: #000 url(../images/subnav_off.gif) top left no-repeat; 
width: 190px; 
padding: 7px 0; 
text-indent: 10px; 
color: #fff;} 

ul#navlist li ul li a:hover { 
color: #FFFFFF; 
background-color: #333333; 
background-image: url(../images/subnav_on.gif); 
background-repeat: no-repeat; 
background-position: left top; 
} 

/* ----------------- IMAGE ELEMENTS ----------------- */ 

img.left { 
float: left; 
margin: 0px 10px 5px 0px; 
border: 1px solid #EFE1D6; 
padding: 2px; 
} 
div#imagesright { 
float: right; 
width: 225px; 
padding-top: 5px; 
padding-left: 15px; 
padding-right: 15px; 
} 
img.right { 
float: right; 
padding: 2px; 
border: 1px solid #CCCCCC; 
margin-top: 7px; 
margin-right: 0px; 
margin-bottom: 5px; 
margin-left: 15px; 
} 
img.border { 
margin: 0px; 
padding: 2px; 
border: 1px solid #CCCCCC; 
} 
img.symbol { 
float: left; 
margin-top: 0px; 
margin-right: 8px; 
margin-bottom: 0px; 
margin-left: 0px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
} 

.clear { 
clear: both; 
} 



/* DIV UTILITY NAV */ 

div#utilnav { 
/*margin-left: 150px;*/ 
text-align: right; 
color: #000000; 
padding-top: 30px; 
padding-bottom: 0px; 
padding-right: 10px; 
padding-left: 0px; 
margin: 0px; 
width: 500px; 
float: right; 
} 
div#utilnav a:link, div#utilnav a:visited { 
text-decoration: none; 
font-size: 0.75em; 
color: #000000; 
padding-right: 2px; 
padding-left: 2px; 
line-height: normal; 
padding-top: 0px; 
padding-bottom: 0px; 
font-family: "Trebuchet MS", Tahoma, Arial; 
font-weight: normal; 
margin: 0px; 
} 
div#utilnav a:hover { 
text-decoration: underline; 
color: #dc291e; 
} 

div#addressbox { 
width: 183px; 
background-color: #094297; 
left: 7px; 
top: 248px; 
padding: 0px; 
border: 1px solid #093C88; 
position: absolute; 
} 

.copyright { 
font-size: 0.65em; 
text-align: right; 
color: #000000; 
width: 480px; 
line-height: normal; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
padding-top: 35px; 
padding-right: 10px; 
padding-bottom: 0px; 
padding-left: 0px; 
float: right; 
margin: 0px; 
clear: both; 
} 

.copyright a:link, .copyright a:visited { 
color: #000000; 
text-decoration: underline; 
} 

div#footercontact { 
text-align: center; 
height: 138px; 
background-image: url(../images/footer_bg2.jpg); 
background-repeat: no-repeat; 
width: 980px; 
position: relative; 
padding: 0px; 
margin-top: 0px; 
margin-right: auto; 
margin-bottom: 0px; 
margin-left: auto; 
} 

div#footercontact a:link, a:visited, a:hover, a:active { 
} 

div#push { 
height: 138px; 
} 
div#sidebarleft h2 { 
font-size:1em; 
color: #e40202; 
text-align: center; 
font-weight: bold; 
font-family: "Trebuchet MS", Tahoma, Arial; 
line-height: 1em; 
margin: 0px; 
padding-top: 15px; 
padding-right: 0px; 
padding-bottom: 10px; 
padding-left: 15px; 
} 
div#buttons { 
float: left; 
width: 150px; 
padding-left: 15px; 
padding-right: 0px; 
margin: 0px; 
padding-top: 0px; 
padding-bottom: 15px; 
} 
div#indexcta { 
float: left; 
height: 254px; 
width: 260px; 
} 
div#tablesitemap { 
margin: 0px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 15px; 
} 

div#tablesitemap a:link, div#tablesitemap a:visited { 
color: #CC0000; 
font-family: "Trebuchet MS", Tahoma, Arial; 
font-size: 0.9em; 
} 

div#tablesitemap a:hover { 
color: #000000; 
} 
div#tablesitemap strong { 
color: #000000; 
font-family: "Trebuchet MS", Tahoma, Arial; 
font-size: 0.9em; 
} 
