/* - Modified E.Meyer Style Reset - */
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; border:0; outline:0; vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
body{
top:0px;
vertical-align:top;
background: url(../images/bg.jpg) repeat-x;
margin-right:auto;
margin-left:auto;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
}
a { text-decoration:none; }
#wrapper {
background: url(../images/wrapper-bg.gif);
background-color:#ffffff;
position:relative;
width:979px;
min-height:850px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
text-align:left;
}
/* --- Header Stuff --- */
#header {
width:979px;
height:112px;
margin:0px;
padding:0px;
background: url(../images/headerbg.gif) repeat-x;
float:left;
}
#topleft {
width:507px;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 15px;
float:left;
}
h1.title {
clear:left;
font-size:18px;
color:#000000;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
line-height:1.3em;
}
h1 span{margin-left:-999em;}
h3 span{margin-left:-999em;}
#logo{height:45px; width:304px; margin-bottom:0px; margin-top:0px; background:url(../images/logo.gif) no-repeat top left; float:left;}
#logo #logotext a{display:block; height:45px; width:304px;}
#topright {
width:437px;
margin:0px 0px 0px 0px;
padding:12px 15px 0px 0px;
float:right;
}
#toll-free {
vertical-align:middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#022a66;
float:right;
}
#toll-free strong{
vertical-align:middle;
font-size:12px;
font-weight:bold;
color:#022a66;
}
.phone {
vertical-align:middle;
font-size:28px;
font-weight:bold;
color:#022a66;
}
#search {
vertical-align:middle;
clear:both;
margin:0px 0px 0px 0px;
padding:11px 0px 0px 0px;
float:right;
font-size:12px;
font-weight:bold;
color:#022a66;
width:250px;
}
.searchbox {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:middle;
width:160px;
font-size:10px;
color:#022a66;
height:15px;
}
.go {
vertical-align:middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:right;
}
/* --- MIDDLE PHOTO ROTATION --- */
#photo {
vertical-align:top;
width:979px;
height:308px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear:both;
}
#left-photo {
vertical-align:top;
width:225px;
height:169px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
/* --- MIDDLE BUCKETS --- */
#bucket1-top {
display: block;
text-align:center;
vertical-align:top;
width:245px;
height:49px;
line-height:21px;
margin:0px 0px 0px 0px;
padding:25px 0px 0px 0px;
background: url(../images/bucket1-top.jpg) no-repeat;
color:#ffffff;
font-weight:bold;
float:left;
}
#bucket1-top, #bucket2, #bucket3-top, h2 {
display: block;
font-size:13px;
color:#ffffff;
font-weight:bold;
height:21px;
text-decoration:none;
}
#bucket1-top, #bucket2, #bucket3, div.text {
display: block;
font-size:13px;
color:#ffffff;
font-weight:bold;
width:245px;
height:49px;
text-decoration:none;
}
#bucket1-top, #bucket2, #bucket3, h2 a{
display: block;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}
#bucket1-top, #bucket2, #bucket3, h2 a:hover{
display: block;
text-decoration:none;
color:#ffe79c;
font-weight:bold;
}
#bucket2 {
display: block;
text-align:center;
vertical-align:top;
width:241px;
height:49px;
line-height:21px;
margin:0px 0px 0px 0px;
padding:25px 0px 0px 0px;
background: url(../images/bucket2-top.jpg) no-repeat;
color:#ffffff;
font-weight:bold;
float:left;
}
#bucket3 {
display: block;
text-align:center;
vertical-align:top;
width:244px;
height:49px;
line-height:21px;
margin:0px 0px 0px 0px;
padding:25px 0px 0px 0px;
background: url(../images/bucket3-top.jpg) no-repeat;
color:#ffffff;
font-weight:bold;
float:left;
}
/* --- Home News Area --- */
#newsbucket {
vertical-align:top;
width:229px;
height:188px;
background-color:#ffffff;
margin:0px 0px 0px 0px;
padding:25px 0px 0px 10px;
float:left;
}
#newsbucket p{
vertical-align:top;
font-size:11px;
margin:0px 0px 0px 0px;
padding:0px 0px 3px 0px;
color:#5b708c;
}
.newstitle {
vertical-align:top;
font-size:16px;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#022a66;
}
/* --- Footer --- */
#footer {
clear:both;
width:100%;
text-align:center;
margin:10px 0px 0px 0px;
padding:3px 0px 3px 0px;
}
#footer a.links{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color: #092b5c;
font-size: 10px;
}
#footer a.links:hover{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color: #3d7cd3;
font-size: 10px;
}
.vline {
margin:0px 3px 0px 3px;
padding:0px 6px 0px 6px;
}
.address {
font-size:11px;
margin:0px 0px 0px 0px;
padding:03px 0px 0px 0px;
}
/* --- Subpage Content --- */
#content {
vertical-align:top;
width:700px;
float:left;
margin:10px 0px 0px 0px;
padding:3px 0px 3px 20px;
}
#content p{
margin:0px 0px 0px 0px;
padding:5px 0px 10px 0px;
line-height:1.4em;
}
/* --- Breadcrumb --- */
.breadcrumb {
width:500px;
vertical-align:top;
/* float:left; */
font-size:11px;
color:#8d98a8;
text-decoration:none;
line-height: 16px;
}
.breadcrumb a {
vertical-align:top;
font-size:11px;
color:#1859b6;
text-decoration:none;
line-height: 16px;
}
/* --- Site Map --- */
#sitemap {
vertical-align:middle;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 35px;
float:left;
}
#sitemap ul{
list-style: none;
line-height:22px;
}
#sitemap ul ul{
list-style-image: url(../images/blue-arrow.gif);
line-height:22px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 35px;
}
#sitemap a{
font-size:12px;
font-weight:bold;
color:#003d95;
}
#sitemap a:hover{
font-size:12px;
font-weight:bold;
color:#7db4ff;
}
#sitemap ul ul a{
font-size:12px;
font-weight:bold;
color:#3d7cd3;
}
#sitemap ul ul a:hover{
font-size:12px;
font-weight:bold;
color:#7db4ff;
}
/* --- Link Styles --- */
.hr {
text-align:center;
width:100%;
color:#f6f6f6;
border-style:solid;
border-top:0px;
border-bottom:1;
border-left:0;
border-right:0;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
clear:both;
}
.error {
color:#f00;
}
table.tableborder tr td {
padding: 3px;
font-size: 11px;
white-space:nowrap;
}
table.tableborderinfo tr td {
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
font-size:11px;
padding:3px;
white-space:nowrap;
}
.tableborder tr th{
font-size:12px;
}
.tableborder th {
padding:5px;
text-align:left;
border-right: 1px solid #8b99af;
}
a.catalog {margin-bottom:2px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color: #022a66; font-size: 12px}
a.catalog:visited {font-family: Arial, Helvetica, sans-serif; font-weight:bold; color: #022a66; font-size: 12px}
a.catalog:hover {font-family: Arial, Helvetica, sans-serif; font-weight:bold; color: #1255ba; font-size: 12px}
a.more {font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color: #4898ff; font-size: 11px}
a.more:visited {font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color: #4898ff; font-size: 11px}
a.more:hover {font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color: #48647c; font-size: 11px}
a.seo {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #ababab; font-size: 10px}
a.seo:visited {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #ababab; font-size: 10px}
a.seo:hover {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #48647c; font-size: 10px}
a{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color: #092b5c;
}
a:hover{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color: #3d7cd3;
}
.categories p img {
float:left;
margin-right:10px;
}
.categories h3 {clear:both; margin-top:15px;}
.categories h3 a {font-size:14px !important; color:#000 !important;}
li.blue {
color:#c2d7f6;
background:#c2d7f6;
}
.float {
float:right;
margin:0 0 15px 15px;
}
#list {
margin:0px 0px 0px 0px;
padding:0px 0px 10px 35px;
}
#list li { line-height:1.4em; }
h1 {font-size:16px;}
h3 {color:#1859b6; line-height:1.4em; font-size:14px;}
.quickcontact {
margin: 0px 0px 0px 20px;
}
.quickcontact p {
font: bold 11px Arial, Helvetica, sans-serif;
line-height: normal;
color:#1859b6;
}
/* --- LEFT SUBNAV --- */
#left-subnav { width:190px; margin:0px 0px 20px 0px; padding:20px 0px 0px 10px; }
#nav, #nav ul { /* all lists */ padding: 0; margin: 0; width:11em; }
#nav li { z-index:0; /* all list items background:url(../images/blue-arrow.gif) left 5px no-repeat; */ list-style:outside; list-style-image: url(../images/blue-arrow.gif); position:relative; padding:5px; margin-left:15px; /* display:block; */ line-height:1.25em; /* margin-bottom:1px; */ width:11em; }
#nav li a { color:#3d7cd3; font-weight:bold; text-decoration:none; display:block; /* padding:5px 0px 10px 0px; */ }
#nav li ul { /* second-level lists */ width:153px; border-bottom:1px solid #3d7cd3; border-top:1px solid #efefef; margin-left:-6px; position:absolute; left: -999em; /* margin-left : 11.7em; margin-top:-22px; margin-top : -1.35em; */ background:#fff; }
#nav li li { margin-left:0px; border-bottom:1px solid #efefef; /* padding:0; margin-bottom:0px; */ list-style:none; list-style-image:none !important; border-right:1px solid #3d7cd3; border-left:1px solid #efefef; }
#nav li li a { /* padding:7px 0 7px 7px; */ }
#nav li ul ul { /* third-and-above-level lists */ left: -999em; }
#nav li:hover { background-color:#3d7cd3; }
#nav li:hover a { color:#fff; }
#nav li:hover li { padding:5px 10px 5px 10px; color:#3d7cd3; background:#fff;}
#nav li:hover li a { color:#3d7cd3; background-color:#fff; }
#nav li:hover li:hover a { color:#fff; background-color : #3d7cd3; }
#nav li:hover li:hover { color:#fff; background-color : #3d7cd3; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left:145px; top:-1px; }
/* top menus */
.sfmenu, .sfmenu ul { /* all lists */ }
.sfmenu ul li ul li a { display: block; padding: 5px; }
.sfmenu ul li ul li { border: none !important; }
.sfmenu li { float: left; list-style-image: url(../images/blue-arrow.gif); }
.sfmenu li ul { position: absolute; background: #003E97; width: 140px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
.sfmenu li:hover ul, .sfmenu li.sfhoverx ul { /* lists nested under hovered list items */ left:0; top:14px; padding-top:5px; z-index:999; }
.sfmenu a { font-weight:bold; color: #bdc7d5; }
.sfmenu a:hover { font-weight:bold; color: #c5d7f0; }
#topright-links-sub { width:352px; margin:0px; padding:20px 0px 0px 0px; clear:right; float:right; }
#topright-links-sub ul li ul.wider {width: 200px !important;}
#topright-links-sub ul li, #topleft-links ul li { border-right:1px solid #6289C3; margin:0; padding:2px 4px 5px 5px; position:relative; z-index:999; display:block; }
#topright-links-sub ul li.lastmi, #topleft-links ul li.lastmi {border:none;}
#topleft-links { width:507px; height:12px; margin:0px 0px 0px 0px; padding:26px 0px 0px 0px; float:left; font-family: arial, sans serif; font-size:12px; color:#6289c3; }
#topleft-links a { height:12px; font-family: arial, sans serif; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; min-width:100px; }
#topleft-links a:hover { height:12px; font-family: arial, sans serif; font-size:12px; font-weight:bold; color:#aacdff; text-decoration:none; }
/* News Page */
.news-content { }
.news-content .date { font-style:italic; padding:0px 0 3px 0 !important; margin:0; }
.news-content h3.title { color:#00419f; padding:8px 0 4px 0; border-bottom:1px solid #cacaca; font-size:16px; }
.news-content ul { margin:10px 0 0 20px; }
.news-content li { list-style:none; line-height:2em; }
.news-content li a { }
.news-content table { margin-bottom:10px; }
.news-content table td, .news-content table th { padding:8px 5px 5px 5px; border:1px solid #999; }
.news-content table th { font-weight:bold; text-align:center; }
div#results {font-family: Arial, Helvetica, sans-serif !important;font-size:12px;}
#aboutusmenu {width:155px;}
#aboutusmenu li {width:150px; padding:0; margin:0;}