/* WARNING BOX */
.warningHide { visibility: hidden; display: none; width: 0; height: 0 }
#warningBox            { background-color: #777; background-image: url("../images/warning.gif"); background-repeat: repeat; background-position: 0 0; text-align: left; display: block; margin: 0; padding: 10px; z-index: 90000 }
#warningBox strong { color: #ff4500; font-size: 14px; text-transform: capitalize }
#warningBox p { color: #282828; font-size: 12px; background-color: #fff; text-transform: capitalize; margin: 0; padding: 10px }
/* WARNING BOX */

body { text-align: center; margin: 0; padding: 0 }
#header       { background-image: url("../images/hearspan.gif"); background-repeat: repeat-x; background-position: 0 0; width: 100%; clear: both }
#headerLogo      { background-image: url("../images/header.jpg"); background-repeat: no-repeat; background-position: center top; margin: 0 auto; padding: 0; position: relative; width: 820px; height: 140px }
#headerLogoLink   { visibility: visible; display: block; position: absolute; top: 0; left: 40px; width: 300px; height: 105px }

#wrapper         { background-image: url("../images/middle_shadowb.gif"); background-repeat: repeat-y; background-position: 0 0; text-align: left; margin: 0 auto; padding: 0; width: 800px; clear: both }
#wrapper div.fade   { background-image: url(../images/middle_shadowb_fade.gif); background-repeat: no-repeat; background-position: 0 top; width: 100%; height: 20px }
#subNav               { background-color: #e7f2f7; text-align: center; padding: 3px; position: absolute; top: 26px; right: 50px; border: solid 1px #aeb0b3; opacity: 0.8      }
#subNav a, #subNav a:link      { font-size: 11px; font-weight: bold; display: inline; padding: 2px 5px; opacity: 1.0 }
#subNav a:hover, #subNav a:focus     { color: #eee; background-color: #004e95; background-repeat: repeat-x; background-position: 0 0; opacity: 1.0 }
#subNav a.first { border-left: medium none }
#mainNavHold   { }
ul#mainNav            { background-color: #fff; background-image: url("../images/menu/background.jpg"); background-repeat: no-repeat; background-position: 0 0; text-align: center; margin: 0 auto; padding: 0; position: relative; z-index: 1; width: 800px; height: 36px; clear: both }
#mainNav li       { list-style-type: none; display: inline; margin: 0; padding: 0 }
#mainNav a.link                { color: #1a3850; font-size: 11px; font-weight: bold; line-height: 36px; text-transform: uppercase; margin: 0; padding: 10px 16px; border-right: 1px solid #e2e3e4 }
#mainNav a#resLink.link  { border-left: 1px solid #e2e3e4 }
#mainNav a.link:hover, #mainNav a.link:focus, #mainNav li:hover a.link, #mainNav li:focus a.link            
         { color: #004e95; background-color: #eaf3ff; background-image: url("../images/menu/background.jpg"); background-repeat: no-repeat; background-position: 0 -46px }

body#resources a#resLink,
body#development a#devLink,
body#design a#desLink,
body#printing a#prtLink,
body#displays a#disLink,
body#promo a#proLink,
body#mail a#malLink
 { color: #282828; background-color: #eaf3ff } 

/*#mainNav li:hover ul#dropNav, #mainNav li:focus ul#dropNav      { display: block }*/
ul#dropNav         { background-color: #eee; text-align: left; display: none; margin: 0; padding: 5px 8px; position: absolute; z-index: 1000; top: 35px; left: 0; width: 150px; border: solid 1px #aeb0b3 }
#dropNav li      { background-color: #fff; list-style-type: none; display: block; margin: 0; padding: 0 }
#dropNav a        { color: #1a3850; font-size: 11px; display: block; margin: 0; padding: 4px; height: 15px; border-bottom: 1px solid #aeb0b3 }
#dropNav a:hover  { color: #4b6a83; background-color: #eee }

/*sub menu*/
#submenu, .submenu          { line-height: 25px; text-align: left; display: block; margin: 0 0 20px; width: 100%; height: 24px; border: solid 1px #eee }
#submenu a, .submenu a       { color: #004e95; font-size: 11px; font-family: Verdana, sans-serif; font-weight: normal; text-decoration: none; background-image: url("http://www.life-support.org/images/bullet.gif"); background-repeat: no-repeat; background-position: 4px 5px; margin-left: 5px; padding-right: 5px; border-right: 1px solid #c8c8c8 }
#submenu a:hover, .submenu a:hover              { }
/*sub menu*/

#footerSpan         { background-image: url("../images/footerspan.gif"); background-repeat: repeat-x; background-position: 0 0; margin-top: 20px; width: 100% }
#footer     { background-image: url("../images/footer.jpg"); background-repeat: no-repeat; background-position: 0 0; margin-right: auto; margin-left: auto; padding-top: 70px; width: 850px; height: 100px; clear: both }
#footNav  { margin-right: auto; margin-left: auto; width: 500px }
#footNav a, footNav a:link   { color: #b8ddff; display: inline; margin: 0; padding: 2px 5px }
#footNav a:hover, footNav a:focus { color: #fff; background-color: #326593 }
#content              { display: block; margin: 0; padding: 40px 0 0 30px; position: relative; width: 600px; float: right }
/* Left Colum */
dl#leftNav     { background-color: #fff; list-style-type: none; display: block; margin: 0 0 20px; padding: 40px 0 0 }
#leftNav dt    { list-style-type: none; display: block; margin: 0; padding: 0; border-bottom: 1px solid #eee }
#leftNav a,
#leftNav a:link,
#leftNav a:visited,
#leftNav a:active
  { color: #004e95; font-size: 11px; display: block; padding: 5px 10px }
#leftNav a:hover     { color: #fff; background-color: #004e95; background-image: url("../images/sidebar_ticks.gif"); background-repeat: no-repeat; background-position: right -40px }

#leftNav a.indexHere    { color: #282828; background-color: #e7f2f7; background-image: url("../images/sidebar_ticks.gif"); background-repeat: no-repeat; background-position: right -20px }


#leftNav a.indexHere:hover    { color: #aeb0b3; background-color: #004e95; background-image: url("../images/sidebar_ticks.gif"); background-repeat: no-repeat; background-position: right -60px }
.col    { margin: 0; width: 150px }
.col div.box  { margin: 10px; padding-bottom: 10px; border-bottom: 1px solid #aeb0b3 }
.left   { float: left }
#sixWaySave  { background-image: url("http://www.life-support.org/images/sideboxs/6ways.png"); background-position: -10px 0; display: block; width: 130px; height: 170px }
#whatCustsay   { background-image: url("http://www.life-support.org/images/sideboxs/what_say.gif"); background-position: -20px 0; display: block; width: 130px; height: 170px }
#nlThumbAd   { background-image: url("http://www.life-support.org/images/sideboxs/nl_thumb.png"); background-repeat: no-repeat; background-position: 0 0; display: block; margin: 0; padding: 0; width: 130px; height: 160px }

/*typography*/
* { margin: 0; padding: 0 }
body   { color: #414141; font-size: 12px; font-family: Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6, dl { margin: 0.5em 0 }
th h1, th h2, th h3, th h4, th h5, th h6, th dl { margin: 0; }
h1   { color: #0f4e78; font-size: 24px }
h2   { color: #0f4e78; font-size: 22px }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 11px; }
p { margin: 0.5em 0 1em; }
:-moz-any-link:focus  { border-style: none; outline: none; }
a, a:link  { color: #3d6faa; text-decoration: none; border-style: none; }
a:visited { color: #567eaa; text-decoration: none; border-style: none }
a:hover, a:focus, a:active { color: #ca8900; border-style: none; }
ul, ol  { list-style-type: square; margin: 0.5em 0 0.5em 30px; padding: 0; }
ul ul li, ol ol li { list-style-type: disc }
table { font-size: 12px; text-align: left }
.clearBoth  { display: block; margin-top: -1px; min-height: 1px; clear: both; }
.clearBothMargin   { display: block; margin-bottom: 20px; min-height: 1px; clear: both; }

.pdf  { background-image: url("../images/pdf.gif"); background-repeat: no-repeat; background-position: right 0; padding-top: 5px; padding-right: 24px }
.pdfsmall  { background-image: url("../images/pdfsmall.gif"); background-repeat: no-repeat; background-position: right 0; padding-top: 5px; padding-right: 18px }


.blue  { color: #3d6faa }
.box { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #aeb0b3 }
/*Cool table styles*/
.numbers     { background-color: #fff; margin-bottom: 10px; border: solid 1px #aeb0b3; border-collapse: collapse       }
.numbers col   { border-right: 1px solid #aeb0b3 }
.numbers thead th:hover col  { background-color: #eee }
.numbers td:hover col { background-color: #eee }
.numbers thead th   { background-color: #d8e8f6; background-repeat: repeat-x; background-attachment: scroll; background-position: left center; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5 }
.numbers_grayed   { background-color: #eee; background-repeat: repeat-x; background-attachment: scroll; background-position: left center; border-bottom: 1px solid #a5a5a5 }
.numbers th { font-weight: normal; text-align: left }
.numbers th b,  .numbers td b  { color: #004e95 }
.numbers th em,  .numbers td em { font-weight: bold }
.numbers th,  .numbers td    { padding: 4px 6px }
/* Numbers Tabs*/
.numbers .tab_head  { background-image: none; margin: 0; padding: 0 }
.numbers .tab_head th    { background-color: #fff; background-image: url(../images/tabs.gif); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; display: block; padding-top: 9px; padding-bottom: 5px; padding-left: 32px; border-style: none }
.numbers .tab_head th:hover, .numbers .tab_head th:active     { background-position: 0 -130px }
.numbers .tab_open th  { background-position: 0 -32px }
.numbers .tab_open th:hover, .numbers .tab_open th:active    { background-position: 0 -97px }


/* Numbers Tabs Close*/
.numbers tr    { background-color: #fff }
.numbers tr.odd  { background-color: #e8edf1 }
.numbers tr:hover     { color: #282828; background-color: #f5f5f5 }
/* Old Style .numbers tr:hover { color: #fff; background-color: #3d80df }*/
.numbers tr:hover th   { color: #282828 }
.numbers thead tr:hover { color: inherit; background-color: transparent }
.numbers col#noBorderCol { border: none }
/*Cool table styles Close*/
/*java css*/

/* Accordion */
.accordionBox            { margin-bottom: 40px; padding-top: 15px; position: relative }

.accordionBox a.close                     { background-image: url("../images/lightbox/closelabel1.gif"); background-repeat: no-repeat; background-position: right 0; text-indent: -5000px; display: block; position: absolute; top: 4px; left: 0; width: 100%; height: 20px }
.accordionBox a.topLink  { text-decoration: underline; display: block; margin-top: 5px; margin-bottom: 5px; clear: both }
/* Accordion Close*/

/* TABS */
.tabs ul,  .tabs li { margin-top: 0; padding-left: 0 }
.tab_body   { padding: 10px }
.tabLink    { background-color: #eee; margin: 0; padding: 5px 10px }
.check       { background-image: url(../images/tabs.gif); background-repeat: no-repeat; background-position: right -68px; padding-right: 25px }
.tabLink.idxH  { background-color: #c4ddf7 }

.tab_head        { background-image: url(../images/tabs.gif); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; display: block; margin: 0; padding: 5px 10px 5px 32px }
.tab_head:hover, .tab_head:active     { background-position: 0 -130px }
.tab_open, .tab_head .selected  { background-position: 0 -32px }
.tab_open:hover, .tab_open:active    { background-position: 0 -97px }

div .tabe-more {  background-color: #eee; margin: 0; padding: 5px 10px }
.tab-more { }
.tabs .showHide  { background-color: #eee; display: block; margin: 0 0 20px; padding: 10px }
/*Tiny Tabs*/
.tinyTabs   { list-style-type: none; margin-left: 10px }
.tinyTabs .tab_head        { background-image: url("http://www.life-support.org/images/tiny_tab.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: default; padding: 3px 0 0 22px; height: 20px }
.tinyTabs .tab_head a  { cursor: pointer }
.tinyTabs .tab_head.tab_open   { background-position: 0 -40px; padding-left: 22px; height: 20px }
.tinyTabs .tab_body     { margin-left: 15px; padding: 0 0 0 25px; border-left: 1px solid #aeb0b3 }
.tinyTabs .tab_body li { list-style-type: none; list-style-image: url("../images/h-boarder.gif") }
/* TABS Close */


/* READ More */
.read-more a  { color: #ff6b0a }
/* READ More */

/*Basic FORM*/
fieldset  { margin: 0; padding: 5px; border: solid 1px #aeb0b3 }
legend  { font-size: 10px; font-weight: bold; margin-right: 5px; margin-left: 5px }
label  { font-size: 11px; margin: 0 5px 0 0; padding: 0 }
.error { color: #900; font-size: 10px; font-style: italic; margin-left: 5px }
textarea  { margin: 0; padding: 0 }
input[type="text"]    { background-color: #fff; display: inline; margin: 0 0 5px; padding: 0; right: 10px; width: auto; height: 20px; border: solid 1px #6e6e72 }
input[type="password"]  { display: inline; margin: 0 0 5px; padding: 0; right: 10px; width: auto; height: 20px; border: solid 1px #6e6e72 }
/*Basic FORM CLOSE*/


/* Directory */
#directoryHold  { margin-right: auto; margin-left: auto; padding-top: 20px; width: 800px }
#directory .list       { color: #6e6e72; font-size: 10px; line-height: 18px; text-align: left; list-style-type: none; margin: 0 0 0 50px; padding-left: 0; float: left }
#directory .listSub  { margin-left: 10px }
#directory ul li ul li { list-style-type: none }
#directory .list a  { color: #282828 }
#directory .list a:hover  { color: #2e6ea8; background-color: #eee }
#directory .list b { color: #2e6ea8 }