.clear { clear: both; }

body {
  margin: 0;
  background: #21397E;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

h2 { color: #221d5c; font-size: 3.5em; margin: 0; font-weight: normal; padding-left: 5px; }

h6 { margin: 1em 0 0 0; font-size: 1em; font-weight: bold; }

p { margin: 0; }

li { list-style-type: disc; }


a { text-decoration: none; }
a:hover { text-decoration: underline; }

#container {
  width: 1015px;
  margin: 0 auto;
  background: white;
  position: relative;
  padding: 5px;
}

#top_navigation {
  position: absolute;
  top: 10px;
  right: 10px;
}

#top_navigation ul { margin: 0; }

#top_navigation li {
  float: left;
  list-style-type: none;
}

#top_navigation li a {
  display: block;
  padding: 0 10px 0 0;
  font-weight: bold;
  font-size: 1.1em;
  color: #221d5c;
}

#top_navigation li a:hover,
#top_navigation li a.current {
  color: #2767cb;
}

#logo {
  margin: 10px 0 0;
}

#logo a img {
  border: none;
}

p.tag { margin-left: 5px; font-size: 12px; color: #1E5A95; }

#main_content { margin: 20px 0 50px 0; min-height: 400px; }

.col {
  background: white;
  width: 33%;
  float: left;
  margin: 0 2.5px;
}

.col1 { margin-left: 0; }
.col3 { margin-right: 0; }

.splash {
  overflow: hidden;
  height: 282px;
  color: white;
  position: relative;
}

.splash-text {
  position: absolute;
  bottom: 10px;
  left: 20px;
  width: 88%;
}

.splash p {
  margin: 0;
}

.splash p.headline {
  font-size: 2.5em;
}

.splash p.sub-headline {
  font-size: 2em;
}

.splash p.headline strong {
  font-size: 2em;
  font-weight: normal;
  line-height: 1em;
  letter-spacing: -2px;
}

.col1 .splash { background: white url(/images/col1-img.png) no-repeat top left; }
.col2 .splash { background: white url(/images/col2-img.png) no-repeat top left; }
.col3 .splash { background: white url(/images/col3-img.png) no-repeat top left; }

.action-call {
  height: 80px;
  overflow: hidden;
  margin-top: 5px;
  display: block;
  padding: 10px 20px;
}

.col1 .action-call { background-color: #1e5a95; }
.col2 .action-call { background-color: #2767cb; }
.col3 .action-call { background-color: #adcff0; }

.action-call p { margin: 0; }
.action-call a { color: white; }
.action-call p a { font-size: 1.5em; }

.action-call ul { margin: 0; padding: 0; }
.action-call li { list-style-type: none; }
.action-call li a { font-size: .9em; }

.quote p { color: #1E5A95; margin: 10px 20px; }

.tagline { margin: 0; padding-left: 5px; color: #221d5c; font-size: 1.25em; }

.col_container { margin-top: 10px; }

.side-nav { float: left; width: 15%; margin-right: 5px; }
.sales-points { float: left; width: 34%; margin: 0 5px; }
.text { float: left; width: 34%; margin: 0 5px; }
.full-width { float: left; margin: 0 5px; width: 83%; }
.view-window { float: left; width: 48.5%; margin-left: 5px; height: 379px; }

.side-nav ul { margin: 0; padding: 0; }
.side-nav li { list-style-type: none; }
.side-nav li a { height: 60px; background: #999999; margin-bottom: 5px; display: block; padding: 10px; color: white; font-size: 1.5em; }
.side-nav li a:hover { text-decoration: none; }
.side-nav a.current, .side-nav a:hover { background: #5285d5; }
.side-nav .special a.current, .side-nav .special a:hover { background: #cd3e3c; }

.sales-points ul { margin: 0; padding: 0; }
.sales-points li { list-style-type: none; }
.sales-points li a { display: block; height: 50px; margin-bottom: 5px; padding: 10px; background: #5285d5; color: white; font-size: 1.25em; }
.sales-points li a:hover { background: #3b5f98; text-decoration: none; }
.sales-points h5 { font-size: 14px; margin: 0 0 5px; }
.sales-points p { margin-bottom: 10px; }


.text ul { padding-left: 20px; }
.text li { margin: 5px 0; }
.text li li { margin: 0; }

.view-window { position: relative; }
.view-window div { position: absolute; top: 0; left: 0; display: none; font-size: 15px; }
.view-window div p { border: 2px solid #ccc; background: #ddd; padding: 50px 50px 0; height: 325px; }

.footer { border-top: 2px solid #d6e7f8; width: 100%; }
.footer a img { border: 0; }
.footer-col { width: 31%; height: 55px; border-right: 2px solid #d6e7f8; float: left; margin-top: 5px; text-align: right; padding: 10px; }
.footer-col.last { border-right: 0; }

.error { padding: 5px; background: #cd3e3c; margin-bottom: 10px; font-size: 110%; font-weight: bold; color: white; }

.phonelist, .loadlist { border-collapse: collapse; border: 1px solid black; }
.phonelist { width: 75%; margin: 10px auto; border: 1px solid #ccc; }
.phonelist td { padding: 3px 10px; border-bottom: 1px solid #ccc; white-space: nowrap; }
.list-container { height: 300px; overflow: auto; border: 1px solid black; margin-bottom: 20px; width: 800px; margin: 0 auto; }
.stats { position: relative; } 
.loadlist { margin-top: 32px; }
.loadlist thead { position: absolute; top: 1px; }
.loadlist thead th { height: 30px; }
.loadlist td { border: 1px solid black; padding: 3px 5px; }
.loadlist th { border: 1px solid black; background: #221D5C; color: white; padding: 3px 5px; font-weight: normal; }
tr.hot td { background: #5285D5; }
tr.covered td { background: #762983; color: white; }
.loadlist .col1 { width: 75px; }
.loadlist .col2 { width: 75px; }
.loadlist .col3 { width: 75px; text-align: center;}
.loadlist .col4 { width: 50px; text-align: center;}
.loadlist .col5 { width: 50px; text-align: center;}
.loadlist .col6 { width: 100px; text-align: center;}
.loadlist .col7 { width: 50px; text-align: center;}
.loadlist .col8 { width: 75px; }
.loadlist .col9 { width: 50px; text-align: center;}
.loadlist .col10 { width: 75px; }
.spacer { width: 100%; }

.comp-text { width: 500px; margin: 0 100px; }
.comp-text p { margin: 1em 0; }