﻿
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
    margin: 40 0 0 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}
  
  body {
  text-align: center; /* Centers the page content container in IE 5 browsers. */
 
  line-height: 14px;
  font-size: 11px;
  color: #2e2d2c;
  font-family: Arial, Helvetica, sans-serif;}

/* Commonly used to style section titles. */
h2 {
  line-height: 14px;
  color: #000;
  font-size: 12px;
  font-weight: bold;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #666666;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  text-decoration: underline;
}

.h4 {
    color: #E02C12;
    font-size: 16px;
    font-weight: bold;
    
}

#outerWrapper {
    width: 980px;
    margin: 0 auto 0 auto;
    border: dotted 1px gray;
   
}
#header {
    background-image: url('LtGrayVGrad.gif');
    background-repeat: repeat-x;
    width: 980px;
    height: 233px;
    float: left;
    margin-bottom: 20px;
    line-height: 17px;
}
/*includes logo, title, toplinks*/
#lHead {
    float: left;
    width: 580px;
}
#topLinks 
{
    float: left;
    background-color: #666666;
    font: bold 10px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding: 3px 5px;
}

#topLinks a, a:link 

{
    color: White;
    font-weight: bold;
    text-decoration:none; 
}
#phoenix {
    float: left;
    clear: left;
    margin: 20px 0 0 -5px;
}
#header h2 {
    padding: 6px;
    font: small-caps 800 20px "Times New Roman", "Times New Roman", Serif;
    color: #FFFFFF;
    text-align: left;
    background-color: White;
    float: left;
    margin: -100px 0 0 205px;
    height: 50px;
    width: 400px;
    background-image: url('RedH2.jpg');
}

/*includes newsletter ad, stats box*/
#rHead {
    padding: 10px;
    float: right;
    width: 370px;
    background-color: #FFFFFF;
    height: 150px;
    margin-bottom: 3px;
    background-image: url('LtGrayVGrad.gif');
    background-repeat: repeat-x;
}
#newsAd {
    float: right;
    font: small-caps 700 medium Trebuchet, Arial, Helvitica;
    color: #FFFFFF;
    font-style: italic;
    border: 2px outset;
    background-color: #E6393E;
    padding: 7px;
    width: 225px;
    height: 15px;
}

#newsAd a, a:link{
    color: #FFFFFF;
    }

#Stats {
    border: outset 2px;
    height: 125px;
    width: 315px;
    font: bold 12px verdana, arial, helvetica;
    color: #004A4A;
    padding: 10px 2px 0 0;
    margin: 35px 10px 0 0;
  
}

#Stats h1
{
    font: italic bold 18px "Times New Roman", Times, serif;
    width: 150px;
    height: 15px;
    color: red;
    padding: 2px 3px;
    float:right;
    margin: 5px 0 0 0;
   
}

#Stats li
{
    height: 12px;
    width: auto;
    float: left;
    color: black;
    padding: 3px 0 0 0;
    font: italic small bold Verdana, Arial, Helvetica, sans-serif;
    list-style-image: none;
    margin: 0 35px 0 -10px;   
}

#Stats a, a:link
{
    color: #BE1E0C;
}

  /*diseaseBox wraps CFS and FM Boxes*/ 
 #diseaseBox {
    float: left;
    clear:left;
    margin: 25px 0 0 0;
    width: 970px;
    height: 18px;
}

#breadCrumbs {
    width: 300px;
    height: 20px;
    margin: 3px 5px;
    float: left;
    text-align: left;
    color: Black;
}

#leftBox {
    margin: 5px;
    width: 230px;
    height: 25px;
    border: 2px solid #008080;
    float: right;
    text-align: center;
    padding: 5px;
}
#midBox {
    margin: 5px;
    width: 160px;
    height: 25px;
    border: 2px solid #FF3300;
    float: right;
    text-align: center;
    padding: 5px;
}
#rightBox{
    margin: 5px 15px 5px 5px;
    width: 160px;
    height: 25px;
    border: 2px solid #003399;
    float: right;
    text-align: center;
    padding: 5px;
}

#leftBox a {
    color: #076778;
    background-color: #FFFFFF;
}
#midBox a {
    color: #800000;
    background-color: #FFFFFF;
}
#rightBox a {
    color: #0E235C;
    background-color: #FFFFFF;
    font-weight: bold;
}

#midWrap {margin: auto;}

/* Wraps search, quiz and news boxes*/
#nav 
{
    padding: 6px;
    margin: 5px 4px;
    border: 2px outset #6666FF;
    width: 180px;
    text-align: center;
    float: left;
    clear:both;
    font: small-caps bold 14px arial, verdana, trebuchet, sans-serif;
    color:#FFFFFF;
    height: auto;
    background-color: #666666;
}
#nav h1 
{
    margin: 6px 6px 15px 6px;
    background-position: 10px 50px;
    color: #FFFFFF;
    font: small-caps bold x-large Georgia, "Times New Roman", Times, serif;
    padding-top: 10px;
    background-image: url('CoalsSm.jpg');
    background-repeat: no-repeat;
    width: 185px;
    height: 130px;
    text-indent: -15px;
    top: 30px;
    left: 30px;
}
#nav h2 
{
    color: #FFFFFF;
    font: bold large Georgia, "Times New Roman", serif;
    text-align: center;
    padding-top: 15px;
    margin-bottom: -20px;
}

#nav a
{
  text-decoration: none;
}

#box1 a, #box2 a, #box3 a

{
color:White; 
}
#box4 a {
    color: #555555;
    background-color: #FFFF33;
    padding: 3px;
    }

#box1 
{
    padding: 15px 5px;
    margin: 0 auto;
    background-color: #333333;
    color: #FFFFFF;
    width: 150px;
    border:solid 1px #999999;
    border-top: none;
}
#box2
{
    padding: 15px 5px;
    margin: 0 auto;
    background-color: #555555;
    color: #FFFFFF;
    width: 150px;
    border:solid 1px #999999;
    border-bottom: solid 1px black;
    border-top: none;
}
#box3
{
    padding: 15px 5px;
    margin: 0 auto;
    background-color: #999999;
    color: #FFFFFF;
    width: 150px;
    border:solid 1px black;
    border-top: none;
    font-weight: bold;
    font-size: 17px; 
}

#box3 h2 { background-color:#FFFF66;
    padding: 6px;
    width: 75px;
    margin: 10px auto;
    font-size: 14px;}
    
 #box3 h2 a { color: #666666;}
 
#box4
{
    padding: 15px 5px;
    margin: 0 auto;
    color: #333333;
    width: 150px;
    background-color: #CCCCCC;
    border:solid 1px black;
    border-bottom: none;
    border-top: none;
}


#searchBox, #quiz, #donate, #xBox

{
    border: 1px solid #333333;
    margin: 6px;
    padding: 3px;
    height: 35px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: small;
    
}
#searchBox 
{
    color: #000000;
    background-image: url('../Fire/RBoxG.jpg');
}
#quiz 
{
    color: #313B3F;
    background-image: url('../Fire/RBoxG.jpg');
}
#donate
{
    color: #000000;
    background-image: url('../Fire/RBoxG.jpg');
}
#xBox
{
    color: #000000;
    background-image: url('../Fire/RBoxG.jpg');
}

#mainMenu
{
    margin: 20px auto 0 auto;
    font-weight: bold;
    width: 160px;
    height: auto;
    background-image: url('GradLtLtGrayH.gif');
    background-color: #333333;
    padding: 10px 0 0 0;
}

#mainMenu h2
{
    text-align: center;
    background-color: red;
    color: #FFFFFF;
    padding: 5px;
    width: 100px;
    height: 20px;
    margin: 8px auto 8px auto;
}

#content 
{
    padding: 0 8px;
    width: 730px;
    font: small Arial, Helvetica, Verdana;
    margin: 5px 15px 0 5px;
    float: right;
    text-align: left;
    background-color: #F0F0F0;
}

#content h1 
{
    padding: 6px;
    margin-top: 10px;
    font: bold;
    font: bold large Times New Roman New Roman, Times, Serif;
    background-color: #666666;
    color: #FFFFFF;
    line-height: 20px;
    width: auto;
}
#content h2 
{
    border: 1px dotted #0000FF;
    font-weight: bold;
    background-color: #E1E9F4;
    display: inline;
    text-align: left;
    padding: 0 3px;
   
}
#content h3 

{
    text-align: left;
    font-weight: bold;
    color: red;
    display: inline;
}

#content h4 
{
    font-weight: bold;
    display: inline;
}
#content li 
{
    padding-bottom: 10px;
}

#content a:hover
{
   
    color: #333333;
    background-color: #FFFFFF;
    text-decoration: none;
    padding: 2px 4px;
    font-style: italic;
    }

 
 /*content for confirmation page- postback*/
#contentII 

{
    padding: 0 8px;
    width: 725px;
    font: small Arial, Helvetica, Verdana;
    margin: 10px 0 0 10px;
    float: left;
    text-align: left;
    background-color: #F0F0F0;
}
 
 #news a, a:link{
    color: #666666;
    }

p.quoteC {
	font:italic 600 small Arial, Helvetica, sans-serif;
	text-align: center;
	border: solid 1px 0px #006666;
	background-color: #FFCC99;
	margin: 5px 5px 5px 75px;
	padding: 5px;
	height: auto;
	width: 74%;
	color: #006A6A;
}
p.quoteR {
	height: auto;
	width: 135px;
	border: solid 1px 0px #006666;
	background-color: #FFCC99;
	font:italic 600 small Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: center;
	float: right;
	margin: 1px 5px 6px 12px;
	color: #006A6A;
}
p.quoteL {

	border: solid 1px 0px #006666;
	width: 100px;
	height: auto;
	background-color: #FFCC99;
	font:italic 600 small Arial, Helvetica, sans-serif;
	margin: 5px 12px 6px 5px;
	padding: 5px 8px 5px 8px;
	text-align: center;
	float: left;
	color: #006A6A;
	font-weight: 600;
}

.hotpoint {
    padding: 15px;
    margin: 10px;
    color: #000000;
    background-color: #FFCC99;
    font: normal 12px arial, Helvetica, sans-serif;
    width: 275px;
    float: right;
}

.centerquote{
    padding: 1px 4px 1px 4px;
    font-style: italic;
    text-align: center;
    color: #333333;
    background-color: #FFFFFF;
}

#quotation {
	font: italic 700 medium "Times New Roman", Times, serif;
	color: #333333;
	text-align: center;
}
.h2 {
    padding: 6px;
    font-family: Georgia, Times New Roman, Times;
    font-weight: bold;
    color: #333333;
    background-color: white;
    width: auto;
}
.cite {
	color: #333333;
	font: italic Small "Times New Roman", Times, serif;
}
.que {
    margin-left: 10px;
    font-style: italic;
    color: #333333;
    list-style-type: disc;
    list-style-position: inside;
}

.intro {
	font-weight: bold;
	background-color: #CCCCCC;
	font-style: oblique;
	
}

.answer {
    color: #FFFFFF;
    margin: 0 0 0 30px;
    background-color: #FFFFFF;
    margin: 0 20px 0 0;
    font-size: 14px;
}

.answer:link { color: #FFFFFF;}

.answer:hover {
    color: #555555;
   
    padding: 15px;
    font-size: 15px;
    }
    
 .answer:hover a:link{ color: red;}

.quizQ
{
font-weight: 600;
color: #777777;

}

.digdeeper {
    margin-left: 40px;
    color: #333333;
    font: italic 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

 #footer 
    {
        
        text-align:center;
        background-color: #F7F7F7;
        padding: 15px;
    }
