* {
    margin: 0px;
    padding: 0px;
}
sup
{
	font-size: 8px;
}
body
{
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-image: url(images/bkg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	font-family: arial, "lucida console", sans-serif;
	font-size: 14px;
	margin: 0px;
	padding:0;
}

table.innerframe
{
	border: 2px;
	border-color: #000000;
	border-style: solid;
	padding-bottom: 15px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 15px;
}

h1
{
    color: White;
    background-color: Red;
    font-size: 26px;
    width: 99%;
    padding: 5px 0px 5px 10px;
}


h1 .subtitle
{
    font-size:large;
    display:block;
}

h2
{
    color: Red;
    font-size: 20px
}

p 
{
    /*width:550px;*/
}

em {
  color: Red;
  font-style: normal;
  font-weight: bold; 
  font-size: 17px; 
}

.footer
{
	color: #0A3278;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 15px;
	text-decoration: none;
	height: 140px;
}


table.menu
{ 
    background-color:Black;
    color:White;
    font-size:small;
    font-weight: bold;
    margin-top: 10px;
}

table.menu h1, table.menu h2
{
    color: inherit;
}

table.menu a
{
    color: inherit;
    text-decoration: none;
}

table.menu a:hover
{
    color:Yellow;
    text-decoration: none;
}

table.menu strong
{
    color:Yellow;
}

th 
{ background-color: Red;
  color: White;
}

a{
    color: #0A3278;
    text-decoration: none;
}

a {
    color: Blue;
    text-decoration: underline;
}


/*   WRAPPER    */

#wrapper {
    width: 808px;
    margin: 0 auto;
    background-color: #fff;

}


/*  CONTENT */

#homePage {
    background-color: #D1EEF6;
    width: 99%;
    padding: 5px 0px 5px 10px;
    margin-bottom: 15px;
}

#homePage h2 {
    color: Red; 
}

#homePage h2, #homePage h3, #homePage ul, .homeFooterTxt p {
    text-align: center;
}

.homeFooterTxt {
    width: 700px;
    padding-top: 15px;
    margin: auto;
}

#content {
    width: 670px;
    margin: auto;
    border: solid 2px #000;
    margin-top: 40px;
    padding: 35px 50px;
}

#content p {
    padding-bottom: 15px;
}

#content h1 {
    margin-bottom: 20px;
}

#content h2 {
    color: Red;
    padding-bottom: 15px;
}

#content h3 {
    color: Red;
    padding-bottom: 10px;
    font-size: 16px;
}

#content h4 {
    color: White;
    background-color: Black;
    font-size: 16px;
    padding: 5px 0px 5px 5px;
    margin-bottom: 10px;
}

#content h5 {
    color: Red;
    padding-bottom: 10px;
    font-size: 14px;
}

.chapterLeft ul {
    margin-left: 35px;
    padding-bottom: 10px;
}

.listEquip li {
    margin-left: 105px;
}

#content ol {
    margin-left: 20px;
}

.contentLeft {
    width: 400px;
    float: left;
    padding-right: 20px;
}

img.imgRight {
    float: right; 
    border: solid 1px black; 
    margin-left: 20px;
}

img.imgRight2 {
    float: right; 
    border: solid 1px black; 
    margin-left: 20px;
    margin-right: 5px;
}

img.imgRightNoBorder {
    float: right;  
    margin: 0px 10px 0px 0px;
}

img.imgRightNoBorder2 {
    float: right;  
    margin: 0px 0px 10px 10px;
}

img.imgLeft {
    float: left; 
    border: solid 1px black;
    margin: 0px 10px 10px 0px;
}


img.imgLeftNoBorder {
    float: left; 
    margin: 0px 10px 0px 0px;
}

img.imgCenter { 
    border: solid 1px black;
    margin: 10px 0px 15px 72px;
}

.chapterLeft {
    width: 49%;
    float: left;       
    margin-right: 15px;
}

.textRight {
    text-align: right; 
}

.textCenter {
    text-align: center; 
}

.hrRule {
    color: #fff;
    background-color: #fff;
    margin-bottom: 15px;
    border: 1px dotted #000;
    border-style: none none dotted; 
}

.facebook {
    margin: -25px 0 0px 85px;
}

.reddit {
    float: left;
    margin-right: 10px;
}


.border {
    width: 308px;   
    margin: 0px 15px 5px 0px;
    border: solid 1px #000;
    padding: 10px;
}

.border2 {
    width: 299px;
    min-height: 180px;     
    margin: 0px 0px 5px 0px;
    border: solid 1px #000;
    padding: 10px 10px 2px 10px;
}

.border3 {
    width: 299px;
    min-height: 125px;     
    margin: 0px 0px 5px 0px;
    border: solid 1px #000;
    padding: 13px 10px 2px 10px;
}

.border2 p {
    font-size: 12px;
}

.listEquip li {
    font-size: 12px;
    padding-bottom: 5px;
}

ul.listSpacing  {
    margin-left: 382px;
}

ul.listSpacing2  {
    margin-left: 40px;
}

.olSpacing  {
    margin-left: 40px !important;
}

ul.listSpacing3  {
    margin-left: 15px;
}

.spaceTop {
    margin-top: 8px;
}

ul.lightsList {
    margin-bottom: 5px;    
}

ul.lightsList li {
    display: inline;
    padding-right: 85px;
}

li.noPad {
    padding-right: 0px !important;
}

.chapterRight {
    float: right;
    margin-right: 5px;
}

.video {
    margin: 20px 0px 20px 14px;
}

.clear {
    clear: both;
    padding-bottom: 10px;
}



/*   ARTICLES CONTENT   */

.articlesLeft {
    width: 37%;
    float: left;       
    margin-right: 15px;
    border-right: solid 1px #a3a3a3;
    border-bottom: solid 1px #a3a3a3;
    padding-bottom: 20px;
}

.articlesRight {
    float: right;
    width: 60%;
}

.articlesLeft ul {
    margin-left: 15px;
}

.articlesLeft li {
    line-height: 22px;
}

.archives {       
    border-top: solid 1px #a3a3a3;
    padding-top: 12px;
    margin-top: 15px;
}

.archives li {       
    font-size: 12px;
}

.archives h3 {       
    color: #000 !important;
}

.fatalitiesNum {
    float: left;
    margin-right: 25px;
}

.fatalitiesNum2 {
    float: left;
    margin-right: 15px;
}

.fatalityRate {
    float: left; 
}

.fatalitiesNum .fNumTxt, .fatalitiesNum2 .fNumTxt, .fatalityRate .fRateTxt {
    padding: 7px 0 0 0px;
}

.fatalitiesNum .fNumTxt2, .fatalitiesNum2 .fNumTxt2 {
    margin-left: 105px;
    margin-top: -31px;
}

.fatalityRate .fRateTxt2 {
    margin-left: 98px;
    margin-top: -31px;
}

em.emfNum {
    font-weight: normal;
    font-size: 14px;
}


/*   HEADERS    */

#header {
    width: 805px;
    padding-left: 15px;
    margin: auto;
    margin-top: 4px;
    /*overflow:hidden;*/
}  

img.articlesHeader {
    margin-bottom: 15px;
    border: solid 1px #000;
}


#header ul {
    width:805px;
    padding-left: 3px;
}

#header li{
    display: block; 
    float: left;
} 

/*   NAVIGATION    */  

#nav {
   width: 777px;
   margin: auto; 
   background-color: #000;
   color: #fff;
   font-size:small;
   font-weight: bold;
   padding-bottom: 5px;
   margin-top: -3px;
}

#nav ul {
   padding-bottom:10px;
   text-align:center
}

#nav li{ 
    display: inline;
	padding-bottom:20px;
}

.navLink {
	padding-left: 5px;
	padding-right: 5px;
}



#nav h1, #nav h2{
    color: inherit;
}

#nav a{
    color: #fff;
    text-decoration: none;
}

#nav a:hover{
    color:Yellow;
    text-decoration: none;
}

#nav strong{
    color:Yellow;
}

/*    FOOTER     */

#footer {
    clear: both;
    width: 805px;
    margin: auto;
    color: #0A3278;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 15px;
	height: 140px;
}

#footer ul {
    text-align: center;
    padding-bottom: 15px;
}

#footer li {
    display: inline;
    padding: 0px 2px;
}


#footer p {
    text-align: center;
    padding-bottom: 10px;
}

#footer a{
    color: #0A3278;
    text-decoration: none;
}

#footer a:hover{
    color: #000;
    text-decoration: none;
}

/*   STUDY GUIDE NAVIGATION    */
.nav2 {width:671px; height:32px; position:relative; z-index:100; border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .nav2 {width:672px; w\idth:671px;}
/* remove all the bullets, borders and padding from the default list styling */
.nav2 ul {padding:0; margin:0; list-style-type:none;}
.nav2 ul ul {width:113px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.nav2 li {float:left; width:134px; position:relative; text-align: center; padding: 0px;}
/* style the links for the top level */
.nav2 a, .nav2 a:visited {display:block; font-size:12px; text-decoration:none; color:#000; width:134px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#fff; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .nav2 a, * html .nav2 a:visited {width:134px; w\idth:120px;}
 
/* style the second level background */
.nav2 ul ul a.drop, .nav2 ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
.nav2 ul ul a.drop:hover{background:#c9ba65;}
.nav2 ul ul :hover > a.drop {background:#c9ba65;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.nav2 ul ul {visibility: hidden; position:absolute; height:0 ;top:31px; left:0px; width:134px; border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .nav2 ul ul {top:30px; top:31px;}
 
/* style the table so that it takes no part in the layout - required for IE to work */
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
 
/* style the second level links */
.nav2 ul ul a, .nav2 ul ul a:visited {background:#fff; color:#000; height:auto; line-height:1em; padding:5px 10px; width:113px; border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .nav2 ul ul a, * html .nav2 ul ul a:visited {width:114px; w\idth:113px;}
 
/* style the top level hover */
.nav2 a:hover, .nav2 ul ul a:hover{color:#000; background:#bcbcbc;}
.nav2 :hover > a, .nav2 ul ul :hover > a {color:#000; background:#bcbcbc;}
 
/* make the second level visible when hover on first level list OR link */
.nav2 ul li:hover ul,
.nav2 ul a:hover ul{visibility:visible; }