/* COMMON STYLE
--------------------------------------------------------- */
body {
	margin : 0;
	padding : 0;
	color : white;
	background : black;
	font : 10px Arial, sans-serif;
	line-height: 12px;
}

body#bd {
	background : black url(images/bg.gif) top left repeat;
}

div.two-columns{
	position: relative;
	display: inline;
	float: left;
	width: 200px;
}


h1 {
	font-size : 1.4em;
}

h2 {
	margin : 10px 0;
	font-size : 24px;
	font-weight: normal;
	vertical-align: bottom;
}

h3, h4 {
	margin : 10px 0;
	font-size : 1.2em;
}

/* normal text */
td, div {
	font-size : 1em;
}

/* Title text */
h1, h2, h3, h4 {
	font-family : Arial, sans-serif;
	color: black;
}

/* Normal link */
a {
	color : white;
	text-decoration : none;
  outline : none;	
}

a:hover, a:active {
	text-decoration : underline;
  outline : none;
}

a.email {
	color : #ed981e;
	text-decoration : none;
  outline : none;	
}

a.email:hover, a:active {
	text-decoration : underline;
  outline : none;
}

p {
	margin : 12px 0;
	line-height: 10px;
}

ul {
	margin : 0;
	padding : 0;
	list-style : disc;
	padding-left : 15px;
}

li {
	line-height : 200%;
}

th {
	padding : 4px;
	font-weight : bold;
	text-align : left;
}

fieldset {
	border : none;
	margin : 0;
	padding : 0;
}

fieldset a {
	font-weight : bold;
}

hr {
	border-top : 1px solid #999999;
	border-right : 0;
	border-left : 0;
	border-bottom : 0;
	height : 1px;
}

img {
	border : 0;
}

/* TYPOGRAPHY
----------------------------------------------------------- */
table.contentpaneopen td, table.contentpane td,
p {
  margin-top : 0.35em;
  margin-left : 0;
  padding-left : 0;
  line-height : 1.5em;
}
ul {
  margin-top : 0.35em;
  margin-left : 1em;
  padding-left : 5px;
}
li {
  line-height : 1.5em;
}

/* FORM
--------------------------------------------------------- */
form {
	margin : 0;
	padding : 0;
}

input, select {
	font : 11px "Trebuchet MS", Arial, sans-serif;
}

select, .inputbox {
	background : white;
}

textarea {
	border : 1px solid #E6E6E6;
	padding-left : 2px;
}

.button {
	padding-left : 5px;
	padding-right : 5px;
	border : 1px solid #808080;
	background : #dddddd;
}

.inputbox {
	padding-left : 2px;
	border-top : 1px solid #999999;
	border-right : 1px solid #DDDDDD;
	border-bottom : 1px solid #DDDDDD;
	border-left : 1px solid #999999;
}

/* MAIN LAYOUT DIVS WIDTH
--------------------------------------------------------- */
#container {
	position : relative;
	padding : 0;
	margin : 0 auto;
	text-align : left;
	background : transparent url(images/bg-contents.gif) top left repeat;
	width : 800px;
}

#logo-front {
	position : absolute;
	background : transparent url(images/logo.png) top left no-repeat;
	height : 91px;
	width : 316px;
	top : 45px;
	left : 30px;
}

#logo {
	position : absolute;
	background : transparent url(images/logo.png) top left no-repeat;
	height : 91px;
	width : 316px;
	top : 15px;
	left : 30px;
}


.header-left-pad {
	width : 275px;
	height : 80px;
	border-right : 1px solid #345776;
}

.header-left-pad-short {
	width : 275px;
	height : 50px;
	border-right : 1px solid #345776;
}

.footer-left,
.footer-right,
.footer-left-front,
.footer-right-front,
.header-left-pad,
.header-right-pad,
.header-left-pad-short,
.header-right-pad-short {
	background : transparent url(images/bg.gif) bottom left repeat;
}

.footer-left-front {
	height : 250px;
	border-right : 1px solid #345776;
}

.footer-right-front {
	vertical-align : top;
}

.footer-left {
	height :30px;
	border-right : 1px solid #345776;
}

.footer-right {
	vertical-align : top;
}

.header-left {
	border-right : 1px solid #50a1ea;
}

.header-left-short {
	border-right : 1px solid #50a1ea;
}

.header-left,
.header-right {
	border-top : 1px solid #50a1ea;
	border-bottom : 1px solid #50a1ea;
	height : 80px;	
}

.header-left-short,
.header-right-short {
	border-top : 1px solid #50a1ea;
	border-bottom : 1px solid #50a1ea;
	height : 50px;	
}

.right-wrapper {
	position : relative;
	width : 100%;
	padding : 0;
	margin : 0;
}

.contents-left {
	position : static;
	border-bottom : 1px solid #50a1ea;
	background : transparent url(images/bg-menu.jpg) top left no-repeat;
	vertical-align : top;
	text-align : right;
}

.contents-left-front {
	position : static;
	border-bottom : 1px solid #50a1ea;
	background : transparent url(images/bg-menu-front.jpg) top left no-repeat;
	vertical-align : top;
	text-align : right;
}

.contents-right {
	background : white;
	border-bottom : 1px solid #50a1ea;
}

/* TOP MENU
--------------------------------------------------------- */
#top-menu {
	position : relative;
	float : right;
	padding : 5px 10px 10px 0;
	font : 12px Arial, sans-serif;
	line-height: 14px;
}

.menu-sep {
	background : transparent url(images/top-menu-sep.gif) bottom left repeat-x;
}

/* MAIN MENU
--------------------------------------------------------- */
#main-menu {
	position : static;
	background : transparent url(images/menu-bg.png) top left repeat-y;
	float : right;
	width : 200px;
}

#main-menu-b {
	position : static;
	background : transparent url(images/menu-bg-b.png) bottom left no-repeat;
	float : right;
	width : 200px;
}

#main-menu-c {
	position : absolute;
	top: 530px;
	left: 60px;
	text-align: right;
	width : 210px;
	z-index: 50;
	font-size: 10px;
}

#main-menu-f {
	position : absolute;
	top: 470px;
	left: 60px;
	text-align: right;
	width : 210px;
	z-index: 50;
	font-size: 11px;
}

#nfpa_logo {
	position: absolute;
	top: 600px;
	left: 168px;
	text-align: right;
	z-index: 50;
	font-size: 12px;
}
#nfpa_logo_front {
	position: absolute;
	top: 545px;
	left: 163px;
	text-align: right;
	z-index: 50;
	font-size: 12px;
}

#font-changer {
	position : absolute;
	top: 20px;
	left: 590px;
	text-align: right;
	width : 210px;
	z-index: 55;
	font-size: 12px;
}

#menu-pad {
	position : static;
	padding : 10px 5px 5px 30px;
	text-align : left;
}

#main-menu a,
#main-menu a:link,
#main-menu a:visited {
	position : relative;
	z-index : 100;
	display : block;
	padding : 5px 0 0 15px;
	font-weight : 500;
	color : #645713;
	font : 11px Arial, sans-serif;
	line-height: 14px;
	text-decoration : none;
	background : transparent url(images/menu-bullet.gif) top left no-repeat;
}

#main-menu a:hover {
	color : #e1dfe2;
	background : transparent url(images/menu-selected.gif) top left no-repeat;
}

.main-menu-sep {
	position : relative;
	z-index : 0;
	background : transparent url(images/main-menu-sep.gif) top left no-repeat;
	width : 150px;
}

#main-menu a.menu_active,
#main-menu a.menu_active:link,
#main-menu a.menu_active:visited {
	color : #e1dfe2;
	background : transparent url(images/menu-selected.gif) top left no-repeat;
}
/* CONTENTS
--------------------------------------------------------- */
#header-art {
	position : relative;
	/*width : 445px;
	height : 176px;*/
	width : 525px;
	height : 208px;
}

#contents {
	color : #666666;
	padding : 10px 5px 10px 10px;
}

#contents-2 {
	color : #666666;
	padding : 0;
}

.contents-title {
	text-align : left;
	vertical-align : top;
	width : 115px;
}

.contents-sep {
	width : 3px;
	background : transparent url(images/contents-sep.gif) top left repeat-y;
}

.main-contents {
	text-align : left;
	vertical-align : top;
	padding : 5px 10px 0 15px;
}

.main-contents-2 {
	text-align : left;
	vertical-align : top;
	padding : 0;
}

.readmore {
	float : right;
	background : transparent url(images/readmore.gif) top left no-repeat;
	height : 12px;
	width : 74px;
}

#contents a,
#contents a:link,
#contents a:visited {
	color : #2a8de6;
	text-decoration : underline;
}

#contents a:hover {
	color : #e38d12;
	text-decoration : underline;
}

#contents-scroll {
	padding : 10px 10px 10px 15px;
	height : 150px;
	overflow-x:hidden;
	overflow-y:scroll;
}	
/* FOOTER
--------------------------------------------------------- */

#copyright {
	float : right;
	font-size : 11px;
	padding : 10px 10px 10px 0;
}	
#hit-button {
	position: absolute;
	top: 641px;
	left: 0px;
	text-align: left;
	width : 240px;
	z-index: 50;
  font-size : 11px;
}

#hit-button-2 {
	position: absolute;
	top: 642px;
	left: 50px;
	text-align: left;
	width : 240px;
	z-index: 51;
}