body	{ color:#ffffff;  margin-left: 5pt; }

#toc { margin:0px auto;
		padding:10px;
		width: 800px;
		white-space:nowrap;
		 color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none;
			}

#pagejumps-col1 {margin-left:10px;
		float:left;
		padding:10px;
}


	
#poll {
		margin-left:10%; margin-right:10%; margin-top:20px;
		float:right;
		width:300px;
		
}


#breaking {

		width: 90%;

			margin-right:10px;
			margin-left:10px;

}


#News { 	margin-right:10px;
			margin-left:10px;

		float: left;
		padding-right:10px;

		 color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none;
			}


#news-col1 {margin-left:10px;

		padding:10px;
}


#news-spot {
		width: 300px;
		margin-top: 15px; margin-bottom: 15px; margin-left: 15px;
	float: right;
	
}



#Further { 	margin-right:10px;
			margin-left:10px;
	vertical-align: middle;
		padding-right:10px;

		 color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none;
			}


#bottomSponsor {
		width: 300px;
		margin-top: 25px; margin-bottom: 5px; margin-left: 15px;
	float: right;
	vertical-align: middle;

}


#footer {
		width: 95%;
		 margin-left: 20px;

}



#partnerBar	{ white-space:nowrap; text-align: center; margin-top:0px; margin-bottom:0px; padding:0px; margin-left: auto; margin-right: auto; word-wrap: break-word;}


.general { width: 95%;

			margin-right:10px;
			margin-left:10px;

}




ul, ol { color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; } 




img.centerMe { display: block; margin-left: auto; margin-right: auto; }

img.sponsorBanner { border:none ; height:60px; width:468px; margin: 0px;}
img.nfpaLogo	{ border:none ; height:81px; width:74px; margin-left:10px; }
img.pageLogo	{ border:none ; height:86px; width:316px;  margin: 0px;}
img.ilpiLine	{ border:none ; height:3px; width:482px;  display: block; margin-top: 0px; margin-left: auto; margin-right: auto;}
img.buttonSpot  { border:none ; height:60px; width:120px; margin-right: 20px;
			margin-left:20px; margin-bottom: 10px; }


div.centerMe	{text-align: center; margin-top:0px; margin-bottom:0px; padding:0px; margin-left: auto; margin-right: auto;}


p	{ color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; }

pre	{
  color: #000000;
  font-size: 12px; 
  display: block;
  font-family: monospace; Monaco, Courier;
  white-space: pre;
  margin: 1em 0;
  text-decoration: none;
}

p.centerMe	{ margin-left:auto; margin-right:auto; }


p.indented 	{ color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; padding-left: 25pt; }


table.centerMe {margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; border-width: 1px; border-color: gray; border-style: solid;}



table.navtable { margin-left: 20px; width: 95%; margin-right: 20px; margin-top:0px; margin-bottom:0px; padding: 0px; border-width: 1px; border-color: #666666; border-style: solid; background-color: #aacccc;}


table.siteTables { margin-left: 0px; width: 95%; margin-right: 0px; margin-top:0px; margin-bottom:0px; padding: 2px; border-width: 1px; border-color: gray; border-style: solid; border-width: 1px;border-color: #729ea5 ;border-collapse: collapse; }

table.siteTables tr { margin-left: 0px; width: 95%; margin-right: 0px; margin-top:0px; margin-bottom:0px; padding: 2px; border-width: 1px; border-color: gray; border-style: solid; border-width: 1px;border-color: #729ea5 ;border-collapse: collapse; }

table.siteTables td, th { padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px;} 

table.sponsor { border: 0px ; width: 500px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;}

table.tocLayout { border: 0px ; padding: 2px; width: 95%; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; table-layout:fixed; }

table.poll { border:none; padding:4px; background-color: #aaccdd; width: 95%; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px;}

table.partnerText  { border:none; padding:4px; background-color: #ffff00; width: 85%; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; padding: 2px; word-wrap: break-word;}

table.partnerText2  { border:none; padding:4px; background-color: #aaccff; width: 85%; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; padding: 2px;}

table.partnerText3  { border:none; padding:4px; background-color: #ffcc33; width: 85%; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; padding: 2px;}


tr.partnerText { white-space:nowrap; border:none; }

tr.poll	{ color: #000000; border: 0px; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none;  border: none;}

tr.navtable	{ color: #000000; border: 0px; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none;  border: #666666;}


tr.tablecenter, td.tablecenter, th.tablecenter	{ text-align:center; border: none; }

tr	{ color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none;  border: none;}



th.siteName	{ color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; text-align: center; border-width: 1px; border-color: gray; border-style: solid; }

th.siteNumber	{ color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; text-align: center; ; border-width: 1px; border-color: gray; border-style: solid; }

th.siteComments	{ color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; text-align: center;  border-width: 1px; border-color: gray; border-style: solid;}


th	{ color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; border-width: 1px; border-color: gray;  border-style: solid;}


td.partnerTextRight { text-align: right;  vertical-align: text-top; border: none; width: 25%; padding: 3px; word-wrap: break-word;}
td.partnerTextLeft { text-align: left;  vertical-align: text-top; border: none; width: 25%; padding: 3px; word-wrap: break-word;}


td.navtable    { color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; width: 14%; border-width: 1px; border-color: #666666;  word-wrap: break-word;border-style: solid;}

td.navtabler2    { color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none;  border-width: 1px; border-color: #666666; word-wrap: break-word;border-style: solid;}

td.polltd  	{ color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; white-space:nowrap; border: none; }

td.polltd_question  	{ color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; white-space:normal; border: none; }


td.siteTable   { color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; border-width: 1px; border-color: gray; border-style: solid; padding: 3px;  word-wrap: break-word; ;width:100%;}

td    { color: #000000; font-size: 12px; font-family: verdana, arial, helvetica; text-decoration: none; border-width: 1px; border-color: gray; border-style: solid; word-wrap: break-word;}





.centered { text-align: center; }


.emporiumText	{ color: green; font-size: 10px; font-family: verdana, arial, helvetica; text-decoration: none; }

.bigGreenText  	{ color: green; font-size: 14px; font-weight: bold; font-family: verdana, arial, helvetica; text-decoration: none; border: none; }

.smalltext { color: #000000; font-size: 10px; font-family: verdana, arial, helvetica; text-decoration: none; }

.color1 {background-color: #aacccc; }
.color2 {background-color: #dddddd; }


.green {color: green;}
.purple {color: purple;}
.purpleCenter {color: purple; text-align: center; }
.gray { color: gray; }

.nowrap {white-space: nowrap;}

h1.site	{ color: blue; margin-bottom: 0px; font-size: 18px; font-family: verdana, arial, helvetica; text-decoration: none; }

h2.site	{ color: green; margin-top: 0px; margin-bottom:0px; font-size: 16px; font-family: verdana, arial, helvetica; text-decoration: none;}

h2.centered	{ color: green; margin-top: 0px; margin-bottom:0px; font-size: 16px; text-align: center;font-family: verdana, arial, helvetica; text-decoration: none; }

h3.site	{ color: black; margin-bottom:0px; font-size: 14px; font-family: verdana, arial, helvetica; text-decoration: none;}

h3.centered	{ color: black; margin-bottom:0px; font-size: 14px; text-align: center; font-family: verdana, arial, helvetica; text-decoration: none;}


li.padded { margin-bottom: 10px }


hr.hr80line { width: 80%; }

img { width:initial; max-width:100%; }


.tocTable { width: auto; margin-left:auto; margin-right:auto; border-collapse: collapse; border: 0px; padding: 5px;}

.tocTR:hover { background-color: #f3f8aa;}

.tocTH { border: 0px;}

.tocTD { border: 0px; margin-left: 5px;}

.SE_floatLeft { float: left; padding: 10px; width: 25%; text-align: center; margin-left: auto; margin-right: auto; color:green; font-size: 10px; font-weight: normal; font-family: verdana, arial, helvetica; text-decoration: none; border: none;}

.SE_floatRight {  float: right; padding: 10px; width: 25%; text-align: center; margin-left: auto; margin-right: auto; color:green; font-size: 10px; font-weight: normal; font-family: verdana, arial, helvetica; text-decoration: none; border: none; }

.sponsorBar { padding: 10px; text-align: center; margin-left: auto; margin-right: auto; color: green; font-size: 10px; font-weight: normal; font-family: verdana, arial, helvetica; text-decoration: none; border: none; }

.sponsorText {color: green; font-size: 10px; font-family: verdana, arial, helvetica; text-decoration: none; }


/* SDS section nav buttons */
.btnSDS {
  border: 2px solid transparent;
  background-color: #3092c0;
  color: white;
  padding: 0.5em 1em;
  margin: 3px 0px;
  font-size: 10px;
  cursor: pointer;
  display: inline-block;
  border-radius: 1em;
  font-size: 10px;
  font-family: verdana, arial, helvetica;
}

.btnSDS_current {
  border: 2px solid transparent;
  background-color: #e45610;
  color: white;
  padding: 0.5em 1em;
  margin: 3px 0px;
  font-size: 10px;
  cursor: pointer;
  display: inline-block;
  border-radius: 1em;
  font-size: 10px;
  font-family: verdana, arial, helvetica;
}

.btnSDS:hover {border: 2px solid black;}

/* Software and supplier vendor name nav buttons */
.btnVendor {
  background-color: #eeeeee;
  color: #333333;
  padding: 0.5em 1em;
  margin: 3px 0px;
  font-size: 10px;
  cursor: pointer;
  display: inline-block;
  border-radius: 1em;
  font-size: 10px;
  font-family: verdana, arial, helvetica;
}

.btnVendor:hover {  background-color: #333333;
  color: #eeeeee;
}

.btnVendor_current {
  background-color: #333333;
  color: #eeeeee;
  padding: 0.5em 1em;
  margin: 3px 0px;
  font-size: 10px;
  cursor: pointer;
  display: inline-block;
  border-radius: 1em;
  font-size: 10px;
  font-family: verdana, arial, helvetica;
}


/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 800px) {
  .SE_floatRight, .SE_floatLeft {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
   }
   .btnSDS, .btnSDS_current {
	  display:block;
	  margin: 10px; 10px;
	}
}


/* Style the button that is used to open and close the collapsible content */


.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 10px;
  width: 95%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 12px;
  margin-left: 5px;
}

.collapsible:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}