/* CSS for penningtonfirstaid.org */
/* headings "body", "p" correspond to standard elements like <p> */

body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  background-color: white;
  padding: 10px;
  line-height: 110%;
  border: 3px solid #0000ad;
}
h1,h2,h3,h4,h5 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #0000ad;
  line-height: 115%;
  }
  
 
/*START THE NAVIGATION SECTION*/
#navigation a 
{ 
color: #000; 
background: #fb0 url("images/left-tab.gif") left top no-repeat; 
text-decoration: none; 
padding-left: 10px 
} 

#navigation a span 
{ 
background: url("images/right-tab.gif") right top no-repeat; 
padding-right: 10px 
} 

#navigation a, #navigation a span 
{ 
display: block; 
float: left 
} 

#navigation a:hover 
{ 
color: #fff; 
background: #26a url("images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none; 
padding-left: 10px 
} 

#navigation a:hover span 
{ 
background: url("images/right-tab-hover.gif") right top no-repeat; 
padding-right: 10px 
} 

#navigation 
{ 
list-style: none; 
padding: 0; 
margin: 0 
} 

#navigation li 
{ 
float: left; 
display: block; 
margin: 0; 
padding: 0 
}
/*END THE NAVIGATION SECTION*/

/*PICTURE CAPTIONS*/
#pcap 
     {
     width: 60%;
     font-size: small;
     color: red;
     }

/*WARNING*/
#warning
    {
    color: red;
    }
    
/*VARIOUS AMOUNTS OF INDENTED TEXT*/
#indent50 {padding-left:  3em;}
#indent100{padding-left:  6em;}
#indent200{padding-left: 12em;}
#indent400{padding-left: 24em;}

p.indent50
    {
    padding-left: 3em;
    }  
p.indent100
    {
     padding-left: 6em;
    }               
p.indent200 
    {
     padding-left: 12em;
    }
p.indent400
    {
     padding-left: 24em;
    }
p.indent600
    {
     padding-left: 36em;
    }    
ul.indent50
    {
    padding-left: 4em;
    }  
ul.indent100
    {
     padding-left: 7em;
    }               
ul.indent200 
    {
     padding-left: 13em;
    }
ul.indent400
    {
     padding-left: 25em;
    }
    
ol.indent50
    {
    padding-left: 4em;
    }  
ol.indent100
    {
     padding-left: 7em;
    }               
ol.indent200 
    {
     padding-left: 13em;
    }
ol.indent400
    {
     padding-left: 25em;
    }
               
/*DATA TABLES WITH LOTS OF COLUMNS, USE with <table class = "data_table">*/
table.data_table
  {
    border-collapse: collapse;
    font-size: small;
  }
table.data_table th, table.data_table td
  {
    padding: 1px;
    border: 1px solid gray;
  }

table.general
  {
    border-collapse: collapse;
  }
table.general th, table.general td
  {
    padding-left:   5px;
    padding-right: 30px;
    padding-top:    1px;
    padding-bottom: 1px;
    border: 1px solid gray;
  }
/*STYLES FOR ORDERED LISTS*/
ol.withupperalpha
  {
    list-style-type: upper-alpha;
  }
ol.withloweralpha
  {
    list-style-type: lower-alpha;
  }  
  
ol.witharabicnumbers
  {
    list-style-type: arabic-numbers;
  }   
ol.withlowerroman
  {
    list-style-type: lower-roman;
  }   
ol.withupperroman
  {
    list-style-type: upper-roman;
  }  

/*To force a page break for printing use
<body class = "page"> and surround each page with <div class="page-break>.
This will maintain the normal PFAS formatting with blue borders around each
of the DIV which become the printed pages.*/
body.page
  {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  border: none;
  padding: 0px;
  }
div.page-break
  {
    page-break-after: always;
    padding: 10px;
    line-height: 110%;
    border: 3px solid #0000ad;
    margin-top: 6px;
  }

