﻿.coronaBody {
   margin: 0;
   padding: 0;
   background-color:#ffffff;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height:18px;
}
a, a:hover {
   color: #000000;
}

#container {
  background-color:#ffffff;
  overflow:hidden;
  width:900px;
}

#header, #headerShort {
   background-color:#3e3e3e;
   background: url(/images/header_back.gif) top left repeat-x; color: #90bce2;
}
#header {
   height: 274px;
}
#headerShort {
   height: 227px;
}
#headerTitle {
   position:absolute;
   left:22px;
   top:45px;
}
#headerLogo {
   position:absolute;
   left:782px;
   top:16px;
}
#headerFlash {
   position:absolute;
   left:0;
   top:79px;
}

#contentBox {
   border-right: solid 1px #a6a6a6;
   border-bottom: solid 1px #a6a6a6;
   /* padding: 0px; */
   position: relative;
   top: -18px;
}
#contentWrapper {
   background: url(/images/left_back.jpg) top left repeat-x; color: #000000;
   width: 636px;
   border-right: 264px solid #ffffff;
   /* The width and color of the sidebar */
   margin-right: -264px;
   float: left;
   height: 424px;
   border-bottom: solid 1px #a6a6a6;
}
#content2ColBox {
   width:899px;
   border-right: solid 1px #a6a6a6;
   border-bottom: solid 1px #a6a6a6;
   height: 444px;
}
#content {
   margin: 20px;
   height:90%; /* covers the footer if 100% */
}

/* font formats */
.centerTxt {
   text-align: center;
}
.blueHeading , .blueHeadingSmall, .blueHeadingSmaller, .blueHeadingTiny {
   font-weight: bold;
   color: #3d77aa;
}
.blueHeading {
   font-size: 16px;
   line-height: 26px;
}
.blueHeadingSmall {
   font-size: 14px;
   line-height: 24px;
}
.blueHeadingSmaller {
   font-size: 13px;
   line-height: 20px;
}
.blueHeadingTiny {
   font-size: 12px;
   line-height: 18px;
}
.bodyCopy, .bodyCopy p {
   font-size: 14px;
   line-height:18px;
}
.bodyCopySmall, .bodyCopySmall p {
   font-size: 12px;
   line-height:14px;
}
.bodyCopySmaller, .bodyCopySmaller p {
   font-size: 11px;
   line-height:13px;
}
.bodyCopyTiny, .bodyCopyTiny p {
   font-size: 10px;
   line-height:12px;
}

.bodyCopySmallerLinks, .bodyCopySmallerLinks p {
   font-size: 12px;
   line-height:20px;
}
.bodyCopySmallerLinks a {
   text-decoration: none;
}
.bodyCopySmallerLinks a:hover {
   text-decoration: none;
   background-color: #d9ecf3;
}

img.floatRight {
    float: right;
    margin-left: 6px;
    border: none;
}
img.floatRightExtra {
    float: right;
    margin-left: 16px;
    margin-right: 16px;
    border: none;
}
img.padSides {
    margin-left: 6px;
    margin-right: 6px;
    border: none;
}
img.noPad {
    border: none;
}

/* spacers */
.pSpace5 {
   margin-top: 5px;
}
.pSpace10 {
   margin-top: 10px;
}
.pSpace14 {
   margin-top: 14px;
}
.pSpace20 {

   padding-top: 20px;
}
.spacer4 {
   width: 4px;
   height: 4px;
}
.spacer10 {
   width: 10px;
   height: 10px;
}
.spacer14 {
   width: 14px;
   height: 14px;
}
.spacer18 {
   width: 18px;
   height: 18px;
}
.spacer24 {
   width: 24px;
   height: 24px;
}
.spacer32 {
   width: 32px;
   height: 32px;
}

/* left nav */
#leftNavBox {
   position: absolute;
   left: 25px;
   /* top: 276px; */
   width: 215px;
   height: 224px;
   background-color: #d9ecf3;
}
#leftNavBoxApp {
   position: absolute;
   left: 25px;
   width: 215px;
   height: 320px;
   background-color: #d9ecf3;
   overflow: visible;
   visibility: visible;
}

#leftNavBox .blueHeadingSmall {
   margin-left: 10px;
   width: 200px;
}

#leftNav {
   font-size: 12px;
   list-style: none;
   position: relative;
   top: -8px;
   left: -32px;
   width: 200px;
   overflow:hidden;
}

#leftNav a {
   color: #000000;
   text-decoration: none;
}
#leftNav a:hover {
   color: #000000;
   text-decoration: none;
   background-color: #f4f9fc;
}

/* could use body.coronaBody .current */
.currentLeftNav {
   background-color: #f4f9fc;
   list-style-image: url(/images/arrow.gif);
}

.blueList {
   list-style: disc url(/images/bullet-blue.gif) outside;
}
.blueList li {
   padding-bottom: 4px;
}

.padRight p {
   padding-right: 20px;
}

/* center column */
#centerColumn {
   font-size: 12px;
   position: absolute;
   top: 254px;
   left: 252px;
   width: 370px;
   height: 224px;
}
#centerColumnNarrow {
   font-size: 12px;
   position: absolute;
   top: 218px;
   left: 252px;
   width: 220px;
   height: 224px;
}
#centerColumnWide {
   font-size: 12px;
   position: absolute;
   top: 218px;
   left: 252px;
   width: 625px;
   height: 224px;
}

/* right column */
#sidebar {
  background-color:#ffffff;
  width:262px;
  height:424px;
  float:left;
  border: solid 1px #aaa;
  border-top:none;
}
#sidebarHead {
   background-color:#acd5f3;
}
#sidebarContent {
   margin:11px;
}
#sidebarImage {
  width:262px;
  height:424px;
  float:left;
}

/* two equal columns */
#leftCol {
   float:left;
   width:410px;
   /* padding-left: 20px; */
   /* background:#9c9; */
}
#rightCol {
   float:right;
   width:400px;
}

/* wider right columns */
#leftColNarrow {
   float:left;
   width:300px;
}
#rightColWide {
   float:right;
   width:520px;
}

/* positioned graphics */
#customerImage {
   position: relative;
   top: -80px;
   left: 300px;
}

/* info table styles not used */
.infoTable {
   border-width: 2px;
   border-spacing: 0;
   border-style: solid;
   border-color: black;
   border-collapse: separate;
   background-color: #006699;
   font-weight: bold;
}

.infoTable td {
   color: #d3d2a1;
   border-width: 0px;
   padding: 4px 8px 4px 16px;
   border-style: none;
   background-color: #006699;
}

.infoTable td.data {
   color: #000;
   border-width: 0px;
   padding: 4px 16px 4px 8px;
   border-style: solid;
   border-color: #ccc0b0;
   background-color: #ccc0b0;
}


/* footer */
#footer, #footer2col {
   clear: both;
   margin-left: 20px;
   margin-right: 10px;
   width: 550px;
   height: 40px;
   
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   line-height: 11px;
}
#footer2col {
   position: absolute;
   top: 640px;
   left: 20px;
}
#footer {
   margin-top: -40px;
}
#footerWide {
   clear: both;
   margin-left: 20px;
   margin-right: 10px;
   height: 40px;
   width: 870px; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   line-height: 11px;
}
