@charset "utf-8";

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
font-weight:inherit;
font-style:inherit;
font-family:inherit;
text-align:left;
}

body {
color:#444;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a, a:visited {
color:#0e4ca1;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
img {
display:block;
}

div.hr {
height:1px;
margin-top:12px;
background:#fff url(../images/hr.png) top center no-repeat;
}


p,ul,ol,dl,table,form,blockquote{
margin-top:12px;
line-height:20px;
}

/* heading styles */
h1,h2,h3,h4,h5,h6{
color:#0e4ca1;
font-weight:bold;
padding-bottom:1px;
}
h2,h3,h4,h5,h6{ 
margin-top:12px;
color:#444;
}
h1{
font-size:18px;
border-bottom:1px solid #cba120;
}
h2{ font-size:15px;}
h3{ font-size:14px; }
h4,h5,h6{ font-size:12px; }

td{ vertical-align:top; }
strong,b{ font-weight:bold; color:#557500;}
em,i{ font-style:italic; }
blockquote{
font-style:italic;
margin:0 20px 10px 20px;
}
cite{
color:#666;
font-size:10px;
text-align: center;
}

/* list styles */
ul{
list-style:none;
}
li{
padding:3px;
}
ul li{
padding-left:20px; /* custom bullet (because FF has ugly bullets) */
background:url(images/bullet-default.gif) 0 2px no-repeat;
}
li ul li{
background:url(images/bullet-circle.gif) 0 2px no-repeat;
}
ol{
list-style-position:inside;
}
li ol{
padding-left:20px;
}

/* nested lists */
li ol, li ul{ margin-bottom:0; }

/*
Generic classes
*/
.clear{
clear:both;
}
.floatleft{
float:left;
margin-right:10px;
}
.floatright{
float:right;
margin-left:10px;
}
.floatright p{
text-align:center;
}
.grayBox {
background:#e5e5e5 url(../images/gray-box.png) 0 0 no-repeat;
width:245;
padding:12px;
}

/* A class is used for formatting tables so nothing weird happens
   when someone wants to use a table for layout. */
table.dataTable{
margin:16px 0 24px 0;
}
.dataTable caption{
color:#0e4ca1;
font-weight:bold;
font-size:14px;
}
.dataTable tr{
}
.dataTable th, .dataTable td{
text-align:center;
padding:5px;
}
.dataTable th{
font-weight:bold;
color:#fff;
background:#2c6ac0;
padding-top:1px;
padding-bottom:1px;
}
.dataTable th p{
text-align:left;
margin:0;
}
.dataTable td{
border-bottom:1px solid #ccc;
}
.dataTable td h3{
margin:0;
}
.dataTable td p a{
font-size:11px;
text-align:left;
}
.dataTable td p{
padding:0;
margin:0;
padding-left:20px;
}
.dataTable th a{
color:#fff;
}
.dataTable td.lighter{
background:#f0f0f0;
}
.img {
padding: 10px 0;
text-align: center;
}
.img img {
margin-bottom: 10px;
border: none;
}
.news{
background:#F8F8F8 0 0 no-repeat;
width:245;
padding:12px;
border-right:#e5e5e5 1px solid;
border-left:#e5e5e5 1px solid;
font-size:10px;
line-height:14px;
}
table.news{
margin:16px 0 24px 0;
}
.news th, .news td{
text-align:left;
padding:5px;
}
.news th{
font-weight:bold;
color:#fff;
background:#2c6ac0;
padding-top:3px;
padding-bottom:3px;
font-size:12px;
}
.news th p{
text-align:left;
margin:0;
}
.news td{
border-bottom:1px solid #ccc;
}
.news th a{
color:#fff;
}
.design{
padding: 0 15px;
margin: 4px 0 0;
font-size:11px;
text-align:right;
}

/*
layout
*/
body {
background:#bdcfe2 url(../images/blue-fade.jpg) 0 0 repeat-x;
}
#wrap {
text-align:center;
background:url(../images/bg-image.jpg) center 30px no-repeat;
padding:13px 0 8px;
}
#pageWrap {
tect-align:left;
background:url(../images/page-bg.png) 0 0 no-repeat;
width:807px;
padding:3px;
margin:0 auto 0 auto;
}
#pageBody {
background:#fff;
width:801px;
border-top:1px solid #eceef1;
border-bottom:2px solid #8c9aa9;
}
#logo {
float:left;
/*overflow:hidden;*/
width:235px;
margin:14px 0 0px 14px;
padding:0;
border:0;
height: 53px;
}
#banner {
clear:both;
background:url(../images/narrow-header.jpg) 0 0 no-repeat;
height:76px;
}
#main {
padding: 12px 12px 10px;
}
.minheight {
width:0px;
height:320px;
float:left;
}

#logo {
position: relative;
top: -11px;
z-index: 10;
left: -10px;
}

/*
Footer
*/
#footer {
clear:both;
float:left;
width:778px;
color:#777;
font-size:11px;
border-top:2px solid #b2c2da;
margin-top:16px;
}
#footer a {
color:#777;
}
#footer .left {
float:left;
font-style:italic;
padding-top:8px;
}
#footer .right {
float:right;
/* margin-right:16px; /* For IE 7 */
}
#footer .right a {
display:block;
float:right;
padding:8px 6px 0px 6px;
border-left:1px solid #b2c2da;
}
#footer .right a.last {
border-right:1px solid #b2c2da;
}
#footer .right a:hover {
color:#06c;
}
/*
Homepage
*/
#homeLeft {
width:495px;
float:left;
}
#homeLeft p{
line-height:18px;
}
#homeRight {
float:right;
width:269px;
}
#homeNews {
/*margin-top:12px; Removed green calculator 3/26/13*/ 
}
#homeNews h2 {
color:#cba120;
font-size:14px;
padding:0 0 3px 0;
background:url(../images/gray-box-rule.png) bottom center no-repeat;
}
#homeNews h2 a {
color:#cba120;
}
#homeNews dt, #homeNews dd {
font-size:11px;
line-height:14px;
}
#homeNews dt {
color:#0e4ca1;
font-weight:bold;
margin-top:12px;
}
#homeNews dd {
color:#444;
}
#homeNews dd a {
display:block;
color:#709900;
font-style:italic;
}
#homeNews dd a:hover {
}

/*
Content Pages
*/
.sidenav {
float:left;
width:165px;
background:#f9f9f9;
border:1px solid #dedede;
border-top:3px solid #b2c2da;
padding-bottom:10px;
}
.content {
float:right;
width:600px;
}

/*
Content
*/
.content ul{
list-style:none;
padding-left:30px;
}
.content li{
padding:0;
padding-bottom:5px;
padding-left:15px;
background:url(../images/bullet.png) 0px 5px no-repeat;
}
.content li ul{
margin:0;
padding:0;
padding-left:10px;
}
.content li ul li{
line-height:15px;
background:none;
margin:0;
padding:0;
}
.content li ul li a{
font-size:11px;
color:#333;
}
.content dl dt {
margin-top:12px;
padding-bottom:5px;
font-size:15px;
font-weight:bold;
}
.content dl dd {
margin-left:15px;
padding-bottom:5px;
padding-left:15px;
background:url(../images/dash.png) 0px 5px no-repeat;
}
.content hr{
height: 0;
border: 0;
border-bottom: 1px solid #ccc;
margin: 6px;
}
.emphasisLeft{
font-style:oblique;
font-weight:bold;
color:#06c;
}
.emphasisCenter{
text-align:center;
font-style:oblique;
font-weight:bold;
}
.italicLeft{
font-style:oblique;
}
.citation{
color:#aaa;
font-size:10px;
}
.acrobat td{
font-size:11px;
padding:5px;
color:#999999;
line-height:normal;
}
.acrobat td img{
margin-left:20px;
}
#green-link{
color:#557500;
font-weight:bold;
}

/*
Sidenav
*/
.sidenav {
line-height:18px;
}
.sidenav h2 {
font-style:oblique;
margin:8px 10px;
padding-bottom:1px;
border-bottom:1px solid #b1c2da;
}
.sidenav h2 a, .sidenav h2 a:visited {
color:#444;
background:none;
margin:0;
padding:0;
}
.sidenav h2 a:hover {
color:#0e4ca1;
text-decoration:none;
}
.sidenav h3 {
font-size:12px;
color:#777;
margin:0 10px;
}
.sidenav a, .sidenav a:visited {
display:block;
color:#06c;
background:url(../images/sidenav-arrow-yellow.png) 0px 10px no-repeat;
padding:3px 0 3px 9px;
}
.sidenav ul {
margin:0 0 10px 10px;
padding:0;
}
.sidenav li {
margin:0;
padding:0;
font-size:11px;
}
#icon-tech{
background:url(../images/icon-tech.png) 20px 7px no-repeat;
padding-left:37px;
font-size:11px;
}
#icon-contact{
background:url(../images/icon-contact.png) 20px 7px no-repeat;
padding-left:37px;
font-size:11px;
}
#icon-locations{
background:url(../images/icon-locations-2.png) 20px 7px no-repeat;
padding-left:37px;
font-size:11px;
}
#icon-faqs{
background:url(../images/icon-faqs.png) 20px 7px no-repeat;
padding-left:37px;
font-size:11px;
}
#icon-video{
background:url(../images/mini-monitor.png) 20px 7px no-repeat;
padding-left:37px;
font-size:11px;
}
#fadeshow1 {
z-index:0;
}