/*  
Theme Name: FRC
Theme URI: http://fireresearch.com
Description: FRCNews theme design to match FRC homepage.
Version: 1.0
Author: Nate Berry
Author URI: http://in8sworld.net
*/
body {

        background-image:url('http://www.fireresearch.com/foampro/wp-content/themes/frc/images/foamspray.jpg');
        background-repeat:no-repeat;
        background-size: 100%;
	background-color: #6d0000;
	font-family: Trebuchet MS;
	font-size: 12pt;
	color: #40474E;
}

img.pad {
    display: block;
    padding: 7px 7px 7px 7px ;
}

img.padtop {
    display: block;
    padding: 7px 0px 0px 0px ;
}

img.padtbottom {
    display: block;
    padding: 0px 0px 7px 0px ;
}

img.padleft {
    display: block;
    padding: 0px 0px 0px 7px ;
}

img.padright {
    display: block;
    padding: 0px 30px 0px 0px ;
}



#container {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	border:  solid 10px #000000;
	width: 742px;
}

#header {
	float:left;
	padding: 0;
	background-color: #000000;
	height: 49px;
	width: 211px;
}

#header h2 {
	margin: 0px;
	color: #cccccc;
	padding: 10px 0px 10px 5px;
	text-align: left;
	font-size: xx-large;
}
#header h2 a {color: #ffffff; text-decoration: none;}

#logo {

	float: left;
	top: 0px;
	left: 0px;
	width: 211px;
        padding: 10px 0px 1px 0px;
	border-color: #000000;
	background-color: transparent;
	background-image: none;
}

#frame0 {
	background-color: #000000;
	}


#frame2 {
	border: 3px solid #000000;
	float: left;
	height: 104px;
	width: 740px;
      background-image:url('images/fp-logobg.gif');

	background-color: #000000;
}


#menu1 {
	float: right;
	border: 0px solid #000000;
	width: auto;
	font-family: arial, sans-serif;
	background-color: transparent;
	background-image: none;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
}

#menu1 ul {
	margin: 0px;
	padding-top: 0px;
	padding-left: 20px;
	list-style-type: none;
}

#menu1 li {
	float: left;
	padding-right: 1em;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000000;
	background-image: none;
	font-size: 11px;
	text-align: left;
}

#menu1 a {
	display: block;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}

#menu1 a:link, a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
#menu1 a:hover {color: #FF0000; text-decoration: none; font-weight: bold;}

#menu1 li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#menu1 li li {
	margin: 0 0 0 -1.75em;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 8px;
	width: 12em
}

#menu1 ul li ul li ul{
    margin-left: 135px;
    display: block;
}


#menu1 li ul ul {
	margin: -1.75em 0 0 14em;
}

#menu1 li:hover ul ul, #menu1 li:hover ul ul ul, #menu1 li.sfhover ul ul, #menu1 li.sfhover ul ul ul {
	left: -999em;
	clear: left;
}

#menu1 li:hover ul, #menu1 li li:hover ul, #menu1 li li li:hover ul, #menu1 li.sfhover ul, #menu1 li li.sfhover ul, #menu1 li li li.sfhover ul {
	left: auto;
	clear: left;
}

#menu1 li:hover, #menu1 li.sfhover {
	background: none repeat scroll 0 0 #000000;

}

#menu2 {
	 margin-left:auto;
	margin-right:auto;
	border: 0px solid #000000;
	width: 100%;
	font-family: arial, sans-serif;
	background-color: #D5D5D5;
	background-image: none;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	color: #FFFFFF;
	display: block;
	line-height: 1;
    border-radius: 5px 0px 0px 8px; 
}

#menu2 ul {
    margin-left: 5px;
	padding-top: 0;
	padding-left: 0px;
	list-style: none;
	display:block;
}

#menu2 ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#menu2 ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#menu2 ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
}
#menu2 ul li ul li {
    margin-left: -5px;
  max-height: 0;
  position: relative;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #D5D5D5;
}
#menu2 ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000000;
  z-index: 1;
  top: 5px;
  right: 15px;
}
#menu2.align-right ul li ul li.has-sub:after {
  right: auto;
  left: 15px;
}
#menu2 ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #ffffff;
  z-index: 2;
  top: 7px;
  right: 15px;
}
#menu2.align-right ul li ul li.has-sub:before {
  right: auto;
  left: 15px;
  border-left-color: transparent;
  border-right-color: #ffffff;
}
#menu2 ul li ul li a {
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  color: #6D0000;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 0;
  display: block;
  width: 170px;
  padding: 5px 10px 5px 10px;
}
#menu2 ul li ul li:hover > a,
#menu2 ul li ul li.active > a {
  color: #FF0000;
  background-color: #EBEBEB;
}
#menu2 ul li ul li:hover:after,
#menu2 ul li ul li.active:after {
  background: #4cb6ea;
}
#menu2 ul li ul li:hover > ul {
  left: 100%;
  top: 0;
}
#menu2 ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#menu2 > ul > li {
  float: left;
}

#menu2.align-right ul ul li:hover > ul {
  right: 100%;
  left: auto;
}
#menu2.align-right ul ul li a {
  text-align: right;
}
#menu2 > ul > li:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: #ffffff;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#menu2 > ul > li.has-sub > a {
  padding-right: 40px;
}
#menu2 > ul > li.has-sub > a:after {
  display: block;
  content: "";
  background: #ffffff;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 16px;
}
#menu2 > ul > li.has-sub > a:before {
  display: block;
  content: "";
  border: 4px solid transparent;
  border-top-color: #4cb6ea;
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}
#menu2 > ul > li > a {
  color: #6D0000;
  padding: 9px 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  z-index: 2;
  position: relative;
}
#menu2 > ul > li:hover:after,
#menu2 > ul > li.active:after {
  height: 100%;
}
#menu2 > ul > li:hover > a,
#menu2 > ul > li.active > a {
  color: #000000;
}
#menu2 > ul > li:hover > a:after,
#menu2 > ul > li.active > a:after {
  background: #000000;
}
#menu2 > ul > li:hover > a:before,
#menu2 > ul > li.active > a:before {
  border-top-color: #ffffff;
}
#menu2 > ul > li:hover > ul {
  left: 0;
}
#menu2 > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#menu2 #menu-button {
  display: none;
}
#menu2 > ul > li > a {
  display: block;
}
#menu2 > ul > li {
  width: auto;
}
#menu2 > ul > li > ul {
  width: 170px;
  display: block;
}
#menu2 > ul > li > ul > li {
  width: 170px;
  display: block;
}
@media all and (max-width: 300px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #menu2 > ul {
    max-height: 0;
    overflow: auto;
    -webkit-transition: max-height 0.35s ease-out;
    -moz-transition: max-height 0.35s ease-out;
    -ms-transition: max-height 0.35s ease-out;
    -o-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;
  }
  #menu2 > ul > li > ul {
    width: 100%;
    display: block;
  }

  #menu2 > ul > li > ul > li {
    width: 100%;
    display: block;
  }

  #menu2 > ul > li > ul > li > a {
    width: 100%;
    display: block;
  }
  #menu2 ul li ul li a {
    width: 100%;
  }

  #menu2 > ul.open {
    max-height: 1000px;
  }
  #menu2 ul {
    width: 100%;
  }
  #menu2 ul > li {
    float: none;
    width: 100%;
  }
  #menu2 ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 20px;
  }
  #menu2 ul > li:after {
    display: none;
  }
  #menu2 ul li.has-sub > a:after,
  #menu2 ul li.has-sub > a:before,
  #menu2 ul li ul li.has-sub:after,
  #menu2 ul li ul li.has-sub:before {
    display: none;
  }
  #menu2 ul li ul,
  #menu2 ul li ul li ul,
  #menu2 ul li ul li:hover > ul,
  #menu2.align-right ul li ul,
  #menu2.align-right ul li ul li ul,
  #menu2.align-right ul li ul li:hover > ul {
    left: 0;
    position: relative;
    right: auto;
  }
  #menu2 ul li ul li,
  #menu2 ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #menu2 ul li ul li a {
    padding: 8px 20px 8px 35px;
    color: #ffffff;
  }
  #menu2 ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #menu2 ul li ul li:hover > a {
    color: #000000;
  }
}


#navigation {
	float: right;
	margin: 0;
	width: 529px;
	height: 40px;
	font-size: 1em;
}

#pagination {
	padding-top: 15px;
}

#pagination .navleft a {
	color: #6D0000;
	float: left;
	font-weight: bold;
}

#pagination .navright a {
	color: #6D0000;
	float: right;
	font-weight: bold;
}

#content {
	color: #000000;
	background-color: #000000;
	margin-top: 0px;
	width: 742px;
}

#content .commentform {
	background: #F2F2F2;
	font-size: 10pt;
	padding: 5px;
	border-bottom: solid #696969 3px;
}
#content .commentform a {color: #3D4F60; text-decoration: none;}

#content .left {
	clear:both;
	font: 14px arial, sans-serif;
	color: #555555;
	   text-align: center;
	width: 200px;
	float:left;
}

#content .left h3 {
        margin: 3px 5px 0px 3px;
	color: #ff0033; 
	font-size: 13px; 
	font-family: arial, sans-serif; 
	font-weight: bold; 
	background-image: none; 
/*	text-transform: uppercase; */
}

#content .left p {
	padding: 0px 5px 0px 5px;
}




#motd  {   
	   clear: none;
	   font: 12px arial, sans-serif;
	   color: #CCCCCC;
	   background-color: #333333;
	   background-image: none;
	   text-align: center;
	   margin: 10px 0 12px 0;
	   width: 190px;
	   float: left;
	   border-style: solid;
	   border-width: 10px 8px;
	   border-color: #000000;
	 
	    }
#motd h1 { color: #FF0033; font-size: 13px; font-family: arial, sans-serif; font-weight: bold; background-color: #333333; background-image: none; padding: 0px 7px 0px 10px  }
#motd h2 { color: #FFFFFF; font-size: 13px; font-family: arial, sans-serif; font-weight: bold; background-color: #333333; background-image: none; padding: 0px 7px 0px 10px  }
#motd a { color: #FFFFFF; text-decoration: underline; font-weight: bold }
#motd p { color: #CCCCCC; padding: 0px 7px 0px 10px  }
#motd b.rtop, b.rbottom { display:block; background-color: #000000; background-image: none; }
#motd b.rtop b, b.rbottom b { display:block; height: 1px; overflow: hidden; background-color: #333333; }
#motd b.r1 {margin: 0 5px }
#motd b.r2 {margin: 0 3px }
#motd b.r3 {margin: 0 2px }
#motd b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px;height: 2px}


#catalog {
           clear: both;
	   color: #CCCCCC;
	   font: 12px arial, sans-serif;
	   font-weight: bold;
	   background-color: transparent;
  	   background-image: none;
	   text-align: left;
	   margin: 0px 0 2px 0;
	   padding: 3px 2px 2px;
	   width: 190px;
	   float: left;
	   clear: none;
	   border-style: solid;
	   border-width: 1px 8px;
	   border-color: #000000;
}

#catalog h2 { color: #CCCCCC; font: 14px arial, sans-serif; font-weight: bold; text-align: center; word-spacing: +3px; background: #000000; background-image: none;}

#facebook {
           clear: both;
	   color: #CCCCCC;
	   font: 12px arial, sans-serif;
	   font-weight: bold;
	   background-color: transparent;
  	   background-image: none;
	   text-align: right;
           width: 170px;
           margin: 5px;
	   padding: 0px 2px 0px 10px;
	   float: left;
	   clear: none;
	   border-style: solid;
	   border-width: 1px 0px;
	   border-color: #000000;
}

#content .left ul {
	margin: 0;
	padding: 0px 10px 10px 10px;
	background-color: #000000;
	   text-align: left;
	list-style-type: none;
	border-top: 0px solid #333333;
	}
#content .left ul li {
        padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #333333;
	}
#content .left ul li a {
	font-weight: normal; 
	display: block;

	color: #8D8F91;
	text-decoration: none;
	}
#content .left ul li a:hover {
	font-weight: normal;
	color: #FFFFFF;
	}

#content .title {
        padding: 10px 5px 5px 5px;
        color:#FF0000;
        font-family:arial,sans-serif;
        font-size:13px;
        font-weight:bold;
}
	
#content .right {
        color: #000000;
	background-color: #FFFFFF;
	float:right;
	width:  511px;

	font-family: Verdana,sans-serif;
	font-size: 14px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
        margin-left: 0px;
}

#content .right blockquote {
	padding: 2px 10px 2px 10px;
	background-color: #F2F2F2;
	font-size: 10pt;
	border-left: solid #8F8F8F 3px;
	border-right: solid #8F8F8F 3px;
}
#content .right blockquote ul {list-style: none;}
#content .right cite {color: #737373;}

#content .right h2 {
	color: #333333; 
	font-size: 16px;
	margin-bottom: 0;
}

#content .right h2 a 
        {
		color: #6d0000;
		font-family: arial,helvetica,verdana;
		font-size: 18px;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
        }

#content .right p a {
	color: #6d0000;
	font-weight:bold;
}

#content .right em {
        font-size: 12px;
}

#content .right ul li {
	padding:1px;
}

#content .right li a {color: #3D4F60;}

#content .right img {
	margin: 10px}

#content .alignright {
       float: right;
}

#content .commentbox {
	color: #918E85;
	background-color: #D5D5D5;
	padding: 2px 10px 2px 10px;
	border-top: solid #888888 3px;
	border-bottom: solid #888888 3px;
	text-transform: uppercase;
	font-size: 8pt;
}

#content .commentbox img {
  	margin: 0px;
}

#content .commentbox a {
        margin: 0px 0px 0px 3px;
	color: #918E85; 
	text-decoration: none;
}
#content .commentbox a:hover {color: #6E6B62;}


#content .nav {font-size: 8pt; text-transform: uppercase;}
#content .nav a {text-decoration: none;}
#content .nav img {border: none;}
#content span {color: #637381;}


#content table.pcn {
        border-width: 2px 2px 2px 2px;
        border-spacing: 1px;
        border-style: hidden hidden hidden hidden;
        border-color: gray gray gray gray;
        border-collapse: separate;
        background-color: rgb(250, 240, 230);
}
#content table.pcn th {
        border-width: 1px 1px 1px 1px;
        padding: 1px 1px 1px 1px;
        border-style: outset outset outset outset;
        border-color: black black black black;
        background-color: white;
        -moz-border-radius: 0px 0px 0px 0px;
}
#content table.pcn td {
        font: 12px arial, sans-serif;
        text-align: left;
        border-width: 1px 1px 1px 1px;
        padding: 1px 1px 1px 1px;
        border-style: outset outset outset outset;
        border-color: black black black black;
        background-color: white;
        -moz-border-radius: 0px 0px 0px 0px;
}

#content table.pcn a {
	color: #6d0000;
	font-weight:bold;
}

#box {clear: both;}

#facebook {


	   font: 12px arial, sans-serif;
	   font-weight: bold;

  	   background-image: none;
	   text-align: right;
           width: 170px;
           margin: 5px;
	   padding: 0px 2px 0px 10px;
	   float: left;


}


#google_translate_element {
           text-align: right;
	   background-color: transparent;

}

#searchform {
	width:200px;
}

#s {
  	width:180px;
}


#footer {
	clear: both;
	border: 1px solid #000000;
	left: 0px;
	width: 740px;
	padding: 0px;
	margin: 0em;
	color: #FFFFFF;
	background-color: #000000;
	background-image: none;
	font: 11px verdana, sans-serif;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 4px;
}

#foot {
	/*background: url(images/footer.jpg);*/
	width: 742px;
	height: 0px;
	text-align: center;
	}
#foot .text {
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 10px;
}