p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 140%;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 140%;
}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: thin none;
}
tr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 140%;
}

hr { 
    align: left;
	float: left;
	height: 1px;
	width: 945px;
	background: #000000;
}

/* This class formats the home pager header */
.homeheader {
  width: 760px;
  margin-left: 10px;
  position: relative;
}  

/* This class is the home page left block (column) */
.homeleft  {
  width: 350px;
  margin-left: 10px;
  margin-top: 10px;
  position: relative;
  float: left;
}  

/* This class is the home page right block (column) */
.homeright {
  width: 600px;
  margin-top: 10px;
  position: relative;
  float: left;
}  

/* This class sets the width of the main body of the response: */
.responsebodymain {
  width: 950px;
  position: relative;
}

/* The first block left side class, including floating left: */

.responsefirstblock {
  width: 625px;
  padding-left: 5px;
  padding-right: 15px;
  position: relative;
  float: left;
}

/* The first block right hand side class, including floating left: */

.responsefirstblockright {
  width: 305px;
  position: relative;
  float:left
}    

/* This narrows the main body to 750px for just the Guides section
   so the photos are closely connected visuall to the title of the
   section and the text */
   
#responsebodyguides {
  width: 750px;
}

/* This makes the quotes pop out of the page more by making  the
   text bigger, italics, and indenting 25px on the left */

.quote {
  font-family: Arial, Helvetica, sans-serif;
  font-size:  16px;
  font-style: italic;
  padding-left: 25px;
} 

/* This is the class for the newsletter signup that is at the top of the
  signupearly.inc file */

.newslettersignuprow {  
  position : relative;
  left : 10px;
  width : 400px;
  height : 250px;
  padding-left : 5px;
  padding-right : 15px;
  padding-top : 25px;
  float : left;
  color : #000000;
}  

/* This makes the assessment 'submit' button large and more important 
   at the end of the assessment */
   
.submit-button {
   width: 250px;
   height: 50px;
   margin-left: 40px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   text-shadow: 0 1px 2px #A0A0A0;
   box-shadow: 0 3px 4px #A0A0A0;
   border: 1px solid #000000;
   border-radius: 10px;
   padding: 0;
 }

/* A small but important class that clears the "float : left" from the 
   previous classes, allowing content that follows to align to the left
   side of the page, not be tacked onto the right side of the previous
   block on the page */

#clearfloatrow {
  clear : both;
  width : 950px;
  height : 1px;
}  

.scenariobox  {
   width: 600px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 120%;
   box-shadow: 0 3px 4px #A0A0A0;
   border: 1px solid #000000;
   border-radius: 5px;
   margin: 10px;
   padding: 10px;
}  

/* Newsletter signup form CSS */

.news-letter {
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  position: relative;
  float: left;
  margin: 10px auto;
  width: 250px;
  align:  left;
  padding: 33px 25px 29px;
  background: white;
  border-bottom: 1px solid #c4c4c4;

}

.news-letter:before, .news-letter:after {
  height: 10px;
  background: inherit;
  border-bottom: 1px solid #d2d2d2;
  border-radius: 4px;
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
}

.news-letter:after {
  bottom: 3px;
  border-color: #dcdcdc;
}

.news-letter-title {
    background: none repeat scroll 0 0 #FFFFFF; /* newsletter background  */
    color: #304C4D;
    font-size: 24px;
    font-weight: 300;
    line-height: 0;
    margin: 0 0 20px;
    padding: 8px;
    text-align: center;
    text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  background: #fff;
}

.news-letter-title:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px; /* top header bar height */
  background: #304C4D;  /* top header bar color - default is #f06565 */
  border-radius: 5px 5px 0 0;
 
}

input {
  font-family: Arial, Helvetica, sans-serif;
  color: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.news-letter-input {
  width: 100%;
  height: 40px;
  margin-bottom: 25px;
  padding: 0 15px 2px;
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
  background: white;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -2px #ebebeb;
  box-shadow: inset 0 -2px #ebebeb;
}

.news-letter-input:focus {
  border-color: #c4c4c4;
  outline: none;
  -webkit-box-shadow: inset 0 -2px #c4c4c4;
  box-shadow: inset 0 -2px #c4c4c4;
}

.lt-ie9 .news-letter-input {
  line-height: 48px;
}

.news-letter-button {
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 34px;
  padding: 0;
  font-size: 17px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #304C4D; /* button background  */
  border: 0;
  border-bottom: 2px solid #b65a51; /* newsletter button shadow */
  border-radius: 5px;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #b65a51;
  box-shadow: inset 0 -2px #b65a51;
}

.news-letter-button:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

:-moz-placeholder {
  color: #ccc;
  font-weight: 300;
}

::-moz-placeholder {
  color: #ccc;
  opacity: 1;
  font-weight: 300;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-weight: 300;
}

:-ms-input-placeholder {
  color: #ccc;
  font-weight: 300;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}