.html{height:100%;margin-bottom:0.1em}

/* general structure */
body {padding: 0; margin: 0;}
.bg-outer {background: url(images/bg-primary.jpg) #000 repeat;}
.outer-shell {width: 100%; background: url(images/bg-primary.jpg) #000 repeat;}
.hr-red {background: url(images/horizontal-red.jpg) repeat-x; width: 100%; margin-top: 10px;}
.float-l {float: left;}
.float-r {float: right;}
.div-clear { clear: both;}
.menuSpace { width: 845px; height: 51px; text-align: center; padding: 2px 0 0 8px; margin-left: 21px; background-color: #D5DFE8; border-bottom: 2px #1F3557 solid; }
/* links */
a:link,a:visited,a:active{background:transparent;color:#000080;text-decoration: none; font:bold 8pt arial,helvetica,verdana,geneva,sans-serif}
a:hover{background: transparent;color:#ff0000;font:bold 8pt arial,helvetica,verdana,geneva,sans-serif;text-decoration:none;}
.nav a:link,.nav a:visited,.nav a:active{background:transparent;color:#FFF;text-decoration: none; font:bold 7pt arial,helvetica,verdana,geneva,sans-serif}
.nav a:hover{background: transparent;color:#ff0000;font:bold 7pt arial,helvetica,verdana,geneva,sans-serif;text-decoration:none;}
/* list styles and list links */
.list-a {width: 400px;}
.list-a ul li {font: bold 9pt Arial, Helvetica, sans-serif; text-align: left; color: red; background-color: transparent; list-style-type: square;}
.list-a li span {color: navy;  background-color: transparent;}
.list-a a:link,.list-a a:visited,.list-a a:active{background:transparent;color:navy;text-decoration: none; font:bold 9pt arial,helvetica,verdana,geneva,sans-serif;}
.list-a a:hover{background: transparent;color:#9f0000;font:bold 9pt arial,helvetica,verdana,geneva,sans-serif;text-decoration:none;}
.list-b {width: 310px;}
.list-b ul {font: bold 8pt Arial, Helvetica, sans-serif; text-align: left; color: #ffffb2; background-color: transparent; list-style-type: disc;}
.list-b li span {color: #343434; background-color: transparent;}
.list-b-notype {list-style-type: none;}
.list-b a:link,.list-b a:visited,.list-b a:active { background:transparent; color: navy; text-decoration: none; font: bold 8pt arial,helvetica,verdana,geneva,sans-serif;}
.list-b a:hover{background: transparent;color:#9f0000;font:bold 8pt arial,helvetica,verdana,geneva,sans-serif;text-decoration:none;}
.list-c ul li {font: normal 10pt Arial, Helvetica, sans-serif; text-align: justify; padding: 2px 0; margin: 0 0 5px 0; color: #343434; background-color: #FFF; list-style-image: url(images/bullet-sm-blue.jpg);}
.list-c a:link,.list-c a:visited,.list-c a:active{text-indent: 0px; background-color: transparent; color: #343434; text-decoration: none; font:bold 10pt arial,helvetica,verdana,geneva,sans-serif;}
.list-c a:hover{text-indent: 0px; background-color: transparent; color:#343434;font:bold 10pt arial,helvetica,verdana,geneva,sans-serif;text-decoration:none;}
.list-d ul li {width: 400px;font: normal 8pt Arial, Helvetica, sans-serif; text-align: left; color: #000; background-color: transparent; list-style-type: disc;}
/* headers and fonts and text styles */
h1 {font: bold 12pt "Trebuchet MS", sans-serif; text-align: left; color: #00018c; background-color: transparent; letter-spacing: 2px; margin: 0 0 0 35px; padding: 0;}
h2 {font: bold 10pt "Times New Roman", Serif; text-align: left; margin: 2px 0 2px 10px; color: #343434; letter-spacing: 1px;}
h3 {font: bold 12pt "Times New Roman", Serif; text-align: left; margin: 2px 0 2px 10px; color: #00015b; letter-spacing: 1px;}
h4 {font: bold 12pt "Arial, Helvetica, sans-serif"; text-align: center; margin: 0; color: #343434; letter-spacing: 1px;}
p {font: normal 10pt Arial, Helvetica, sans-serif; text-align: justify; margin: 3px 5px 3px 10px; color: #343434; background-color: transparent;}
p.left {font: normal 8pt Arial, Helvetica, sans-serif; text-align: left; margin: 3px 5px 3px 10px; color: #3e3e3e; background-color: transparent;}
p.center{font: normal 8pt Arial, Helvetica, sans-serif; text-align: center;}
p.emphysis{font: bold 8pt Arial, Helvetica, sans-serif; text-align: left; margin-left: 10px;}
p.emphysis-center{font: bold italic 8pt Arial, Helvetica, sans-serif; text-align: center; margin: 10px 0 10px 10px;}
p.nav{font: bold 7pt Arial, Helvetica, sans-serif; text-align: left; margin-left: 10px; color: #FFF; background-color: transparent;}
p.left-plain {font: normal 9pt arial,sans-serif;color: black;background-color: transparent;text-align: left;padding: 0px 25px 0px 30px;margin: 0px;}
p.tags{ font: bold italic 9pt Arial, Helvetica, sans-serif; text-align: left; margin-left: 10px; color: #3e3e3e; background-color: transparent;}
p.inner {font: normal 10pt Arial, Helvetica, sans-serif; text-align: justify; margin: 3px 15px 3px 15px; color: #343434; background-color: transparent;}
.text-red{color:red; background-color: transparent;}
.text-blue{color:navy; background-color: transparent;}
.text-emphysis {font: bold 10pt Arial, Helvetica, sans-serif; color: navy; background-color: transparent;}
.text-emphysis-red {font: bold 10pt Arial, Helvetica, sans-serif; color: #9f0000; background-color: transparent;}
.text-green{color:green; background-color: transparent;}
.text-gold{color:#b8860b; background-color: transparent;}
.text-charcoal{color: #3e3e3e; background-color: transparent;}
.text-black {color: #000; font: bold 9pt Arial, Helvetica, sans-serif; background-color: transparent;}
.text-small {font: normal 8pt Arial, Helvetica, sans-serif; color: #343434; background-color: transparent;}

/* banner styles */
.banner {background: url(images/banner.jpg) #000 center no-repeat; width: 916px; height: 164px; padding: 0; margin: 0;}
.banner-space{width: 916px; height: 164px;}
.banner-bg-repeat { height: 164px; background: url(images/bg-banner-repeat.jpg) repeat-x; }
.date {color: #343434; background-color: transparent; font: normal 8pt Arial, Helvetica, sans-serif;text-align: right; padding: 140px 20px 10px 10px;}

/* body-main styles */
.bg-main-repeat {background: url(images/bg-main-repeat.gif) repeat-y; width: 916px;}
.div-ninety { width: 90%; }
.ex-one {float: left; width: 350px; margin-left: 25px; background: url(images/example-bg.jpg) no-repeat;}
.ex-two {float: right; width: 350px; margin-right: 25px; background: url(images/example-bg.jpg) no-repeat;}
.faq-subbanner { background: url(images/sub-banner-faq.jpg) no-repeat; height: 105px; width: 700px;  font: bold 12pt "Times New Roman", Serif; text-align: left; padding: 0; margin: 0; color: #FFF; letter-spacing: 1px; }
.faq-ban-space {margin: 15px 0 0 0; }
.faq-ban-text { margin: 55px 0 0 15px; }
.faq {font: bold 10pt Arial, Helvetica, sans-serif; color: navy; background-color: transparent; border-bottom: 1px red dashed; padding: 0; margin: 5px 5px 5px 0;}
.faq-bul {background: url(images/bullet-red.jpg) no-repeat; background-color: transparent;}
.faq-bul-sm-blue {background: url(images/bullet-sm-blue.jpg) no-repeat; background-color: transparent;}
.faa {font: normal 9pt Arial, Helvetica, sans-serif; text-align: justify; margin: 0 10px 0 55px; padding: 5px; color: #3e3e3e; background-color: #FFF; border: 1px #d5d5d5 dashed; }
.feature-bg {height: 389px; width: 816px; background: url(images/feature-main-825.jpg) no-repeat;}
.feature-content {width: 420px; font: normal 11pt Arial, Helvetica, sans-serif; text-align: justify; margin: 1px 5px 0px 5px; color: #343434; background-color: transparent;}
.highlight-box {background: url(images/highlight-box-bg-repeat.jpg) repeat-y; font: normal 10pt Arial, Helvetica, sans-serif; text-align: justify; padding: 0 5px 5px 5px; margin: 3px 5px 3px 10px; color: #343434;}
.highlight-boxtop {height: 22px; font: bold 12pt "Trebuchet MS", sans-serif; text-align: left; color: #00018c; background: url(images/highlight-boxtop.jpg) #F0F7FF no-repeat; 
letter-spacing: 2px; margin: 0; padding: 0;}
.highlight-box-footer {background: url(images/highlight-box-bottom.jpg) no-repeat; width: 804px; height: 29px; padding: 0; margin: 0;}
.leftside-col {position: absolute; top: 290px; width: 225px; float: left; margin: 5px 0 0 5px;}
.list-div {width: 470px; border-top: 1px #9f0000 solid; margin:0; padding: 0;}
.menu-space {margin: 0 0 0 11px; height: 259px; width: 855px;}
.puzzle-title {background: url(images/puzzle-title-bg.jpg) no-repeat; width: 550px; height: 38px; padding: 10px 0 0 40px;}

/* form page styles */
.form-title {font: bold 10pt Arial, Helvetica, sans-serif; text-align: left; margin: 3px 5px 3px 10px; color: #FFF; background-color: navy;}
.form-label {font: bold 9pt Arial, Helvetica, sans-serif; text-align: right; margin: 3px 10px 3px 5px; color: #343434; background-color: transparent;}
.form-div { width: 550px; float: right;}
.form-text {font: normal 9pt Arial, Helvetica, sans-serif; text-align: left; margin: 3px 5px; color: #343434; background-color: transparent;}
.form-req {font: bold 9pt Arial, Helvetica, sans-serif; text-align: left; margin: 3px 5px; color: red; background-color: transparent;}
.form-banner {background: url(images/form-banner.jpg) no-repeat; height: 100px; width: 550px;}
.form-bg {background: url(images/form-bg.jpg) no-repeat;}
.form-footer {background-color: #000; height: 25px;}

/* footer styles */
.bg-footer { height: 134px;width: 916px; background: url(images/bg-footer.gif) no-repeat; text-align: center;}

/* pix */
.imagesp-l { margin: 5px 10px 10px 0; }
.imagesp-r { margin: 5px 0 10px 10px;}
.puzzlepic {background: url(images/put-the-pieces-together.jpg) no-repeat; width: 229px; height: 430px; }






