body {
  background: #FFFFFF;
  font-family:helvetica,arial,sans-serif;
  margin-top: 0px;
  margin-bottom: 20px;
}

div.floatleft {
  float: left;
  margin: 0px 20px 0px 20px;
}

.align_right {
  margin-left: 50%;
}

.htwoblue{
  color: #0000FF;
  line-height: 1.5em;
  font-size: 1.6em;
}

div#outerBody {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  overflow: hidden;
}

div#header {
  position: relative;
  width: 950px;
  height: 103px;
}

img#logo {
  float: left;
  color: #737373;
  margin: 5px 0px 10px 10px;
  border: 0px;
}

h3#tagline {
  float: left;
  margin: 40px 0px 0px 20px;
  color: #737373;
}

div#mininav {
  float: right;
  margin: 20px 10px 0px 0px;
  font-weight:bold;
  font-size: .90em;
}

div#mininav2 {
  text-align: center;
  margin: -10px 10px 10px 0px;
  font-weight:bold;
  font-size: .90em;
}

div#mininav  a, div#mininav2 a{
  text-decoration: none;
  color: #737373;
}

div#menu {
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 950px;
  background: #D5E4F4;
}

ul#main-nav {
  clear: left;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  left: 50%;
  text-align: center;
}

ul#main-nav li {
  position: relative;
  margin: 0px 0px 0px 0px;
  list-style: none;
  float: left;
  right: 50%;
}

ul#main-nav li a {
  text-align: center;
  line-height: 202%;
  text-decoration: none;
  padding: 0px 20px 0px 20px;
  border-left: solid 1px #FFFFFF;
  border-right: solid 1px #B5CAE1;
  font-size: 1em;
  font-weight: bold;
  display: block;
  color: #000099;
  float: left;
  background-image: url('images/menu_back.png');
  background-repeat: repeat-x;
}

ul#main-nav li a#current {
  background-image: none;
}
ul#main-nav li a:hover {
  background-image: url('images/menu_back_hover.png');
  background-repeat: repeat-x;
  color: #0012FF;
}

div#wrapper{
  clear: both;
  margin: 0px;
  padding: 0px;
}

div#content{
  margin-top: 0px;
  padding: 0px;
  background: transparent;
}

div#banner{
  margin: 0px;
  padding-top: 15px;
}

div#banner img{
  float: left;
  margin-right: 10px;
}

div#banner h3{
  margin: 0px;
  color: #215868;
  line-height: 1.5em;
}

div#banner p{
  margin: 5px 0px 5px 0px;
  color: #215868;
  line-height: 1.5em;
  font-size: 95%;
}

.ln_hgt{
  line-height: 1.9em;
}

p.sub_banner {
  color: #984806;
  text-align: center;
  margin: 20px 0px 5px 0px;
}

.bigger {
  font-size: 110%;
}

.more {
  font-size: 85%;
  color: #0070C0;
}

.advanced{
  color: #0070C0;
  text-align: center;
  font-style: italic;
}

.quote{
  color: #0070C0;
  font-style: italic;
}

.call_left{
  float: left;
  width: 630px;
}

.htwohalf{
  font-size: 145%;
}

img.pdf{
  vertical-align: middle;
}

.cmmd_left{
  float: left;
  margin-right: 50px;
  width: 550px;
}

.ul_fix{
  margin: 0px 5px 20px 5px;
}

table.downloads{
  border-collapse:collapse;
}

.gry_brdr{
  border: 1px solid #CCCCCC;
}

.toplevel{
  background: #CCCCCC;
  height: 2em;
}

td.center{
  text-align: center;
}

td.right{
  text-align: right;
}

.cols{
  width: 330px;
}

.last_col{
  width: 710px;
}

ul#featured{
  clear: both;
  float: left;
  margin: 20px 0px 0px 10px;
  padding: 0px;
  background: url('images/panel.jpg') no-repeat;
  height: 459px;
}

li#li1, li#li2, li#li3, li#li4{
  position: relative;
  top: 8px;
  padding: 0px;
  margin: 0px 20px 0px 5px;
  padding: 0px;
  width: 257px;
  height: 109px;
  font-size: 14px;
  list-style:none;
  vertical-align: bottom;
}

ul#featured li ul{
  position:absolute;
  left:138px;
  top: -29px;
  margin: 24px 0px 0px 120px;
  padding: 0px 0px 0px 0px;
  height: 456px;
  width: 641px;
  overflow: auto;
  background-image:url('images/blu_grad.jpg');
  background-repeat:repeat-x;
}

ul#sub1{
  background: #FFFFFF;
  display: block;
}

ul#sub2, ul#sub3, ul#sub4{
  display: none;
}

ul#featured li ul li{
  margin: -1px 0px 0px 20px;
  padding: 10px 20px 0px 0px;
  list-style: none;
  width: 599px;
  height: 438px;
  
  border-right: 1px solid #888888;
}

ul#featured li#li2:hover ul#sub2{
  display:block;
  top: -138px;
  background-image:url('images/grn_grad.jpg');
}

ul#featured li#li2:hover ul#sub2 b.xtop b.xb2, ul#sub2 b.xtop b.xb3, ul#sub2 b.xtop b.xb4{
  background:#FFFFFF;
}

ul#featured li#li2:hover ul#sub2 b.xbottom b.xb2, ul#sub2 b.xbottom b.xb3, ul#sub2 b.xbottom b.xb4{
  background:#DEFDB7;
}

ul#featured li#li3:hover ul#sub3{
  display:block;
  top: -247px;
  background-image:url('images/yel_grad.jpg');
}

ul#featured li#li3:hover ul#sub3 b.xtop b.xb2, ul#sub3 b.xtop b.xb3, ul#sub3 b.xtop b.xb4{
  background:#FFFFFF;
}

ul#featured li#li3:hover ul#sub3 b.xbottom b.xb2, ul#sub3 b.xbottom b.xb3, ul#sub3 b.xbottom b.xb4{
  background:#FFFFB5;
}

ul#featured li#li4:hover ul#sub4{
  display:block;
  top: -356px;
  background-image:url('images/orn_grad.jpg');
}

ul#featured li#li4:hover ul#sub4 b.xtop b.xb2, ul#sub4 b.xtop b.xb3, ul#sub4 b.xtop b.xb4{
  background:#FFFFFF;
}

ul#featured li#li4:hover ul#sub4 b.xbottom b.xb2, ul#sub4 b.xbottom b.xb3, ul#sub4 b.xbottom b.xb4{
  background:#FFD5A3;
}
 
.xtop, .xbottom {display:block; background:#FFFFFF; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-right:1px solid #888888;}
.xb1 {margin:0 5px 0 0; background:#888888;}
.xb2 {margin:0 3px 0 0; border-width:0 2px 0 0;}
.xb3 {margin:0 2px 0 0;}
.xb4 {height:2px; margin:0 1px 0 0;}
.xbottom{position:absolute; bottom:0px; right:0px; width:661px;}
b.xtop b.xb2, b.xtop b.xb3, b.xtop b.xb4{background:#FFFFFF;}
b.xbottom b.xb2, b.xbottom b.xb3, b.xbottom b.xb4{background:#9BE5FE;}

br.clear {
  clear: both;
}
br.clearleft {
  clear: left;
}

div#footer_txt{
  font-size: .80em;
  text-align: center;
}