@charset "utf-8";
/*PFA CSS Document */
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, a {margin: 0; padding: 0; outline: none;}
a {color:#0066cc;}
a:hover {color: #C33;}

body {background-color: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 76%; text-align: center;}
h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3d54af; font-size: 1.8em; font-weight: bold; padding: 1.2em 0 0em 0; text-align:center;}
.h1-black {color: #000;}
.h1-small {font-size: 0.6em;}
h2 {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color: #C33; font-size: 1.4em; font-weight: normal; padding: 1.0em 0 0.2em 3.3em;}
img {border: none;}
#main {margin: 0 auto; background-color: #d2d2d2; background-image:url(../images/hdr-grad4.gif); background-repeat: repeat-x;}
#header {margin: 0 auto; height: 95px;}

/* ---- menu ---- */
#menu {background-color: #3d54af; background-image:url(../images/button_blue1.gif); background-repeat: repeat-x; background-position: 0 100%; height: 2.5em;}
ul.main-nav {margin: 0 auto;}
ul.main-nav li {display: inline; font-weight: bold; color: #39C;}
ul.main-nav li a {font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 1.3em; text-decoration: none; padding: 0 1.0em; line-height: 2.0em;}
#home a, #about a, #faq a, #links a, #contact a {color: #036;}
#home a:hover, #about a:hover, #faq a:hover, #links a:hover, #contact a:hover {color: #fff;}
#home-on a, #about-on a, #faq-on a, #links-on a, #contact-on a {color: #fff;}
#home-on a:hover, #about-on a:hover, #faq-on a:hover, #links-on a:hover, #contact-on a:hover {color: #fff;}

/* --- content container --- */
#all-copy {background-color: #FFF; text-align: left; width: 60em;  height: 100%; margin: 0 auto;}

/* --- home page --- */
.main-copy {float: left; width: 37.5em; margin: 1em 0; padding-left: 2.5em; border-right: 1px solid #ccc;}
.main-copy img {border: 1px solid #3d54af;}

#main-items {padding: 0.3em 0 0.9em 1.7em; font-size: 1.1em; line-height: 1.5em;}
#main-items li {list-style-image: url(../images/star-b2.gif);}

.secondary-links {list-style: none; margin:1em 5em 0 43em; padding: 0.9em 0 0 0;}
.secondary-links li a {display: block; padding: 10px 0 0 60px; height: 75px; text-decoration: none;}
.secondary-links li a:hover {text-decoration: underline;}
.secondary-links li#quotes a {background: url(../images/quote-icon.jpg) no-repeat top left;}
.secondary-links li#tips a {background: url(../images/tips-icon.jpg) no-repeat top left;}
.secondary-links li#contact2 a {background: url(../images/mail-icon.jpg) no-repeat top left;}

/* --- faq page --- */
.faqcontent {padding: 0.5em 0 1em 0; font-size: 1.1em; text-align: center;}
.bluefaqcontent {padding: 0.5em 0 1em 0; font-size: 1.1em; color: #3d54af;}
ul.faqlist li {margin-left: 5em; }
ol.faqalpha li {margin-left: 2.5em; list-style-position: inside; list-style: upper-alpha;}
ol.faqnumber li {margin-left: 5.5em; list-style-position: inside; list-style: decimal;}
.blueanswer {font-weight: bold; color: #3d54af;}
/* --- faq accordian styling --- */
.faqtop {margin: 0; font-weight: bold; font-size: 1.1em; padding: 1em 0.5em; background-color: #fff; border-bottom: 1px solid #3d54af; }
.accordionItem h2 { margin: 0; font-size: 1.1em; font-weight: bold; padding: 0.5em; color: #fff; background-color: #3d54af; border-bottom: 1px solid #3d54af;}
.accordionItem h2:hover { cursor: pointer; }
.accordionItem div { margin: 0; padding: 1em 0.5em; background-color: #fff; border-bottom: 1px solid #3d54af; }
.accordionItem.hide h2 { color: #3d54af; background-color: #fff; }
.accordionItem.hide div { display: none; }

/* --- other pages --- */
.body-copy {padding: 0 2.5em; margin: 1em 3.5em;}
.body-copy img {border: 1px solid #3d54af; float: right; margin: 0.5em 0 0.5em 1.5em;}
.content {padding: 0.5em 0 1em 0;}
.contact {padding: 0.5em 0; font-size: 1em; margin: 1em;}
.mission {font-weight: bold; text-align: center;}

/* --- links --- */
.faqs {padding: 0.3em 5.5em 0.9em 5.5em; font-size: 1.1em; line-height: 1.5em;}
.faqs li {list-style: none;}

/* --- single styles --- */
.emph {font-weight: bold;}
.blue {color: #3d54af; text-decoration: underline; font-style: italic;}
.blueno {color: #3d54af;}
.red {color: #C33; text-decoration: underline; font-style: italic;}
.redno {color: #C33;}
.center {text-align: center;}


/* --- contact form --- */
/* Add curved borders to various elements of form */
#contactForm, .statusMessage, input[type="submit"], input[type="button"] {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
}

/* Style for the contact form and status messages */
#contactForm, .statusMessage {
  color: #666;
  background-color: #ebedf2;
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#dfe1e5), color-stop(1, #ebedf2) );
  background: -moz-linear-gradient( center bottom, #dfe1e5 0%, #ebedf2 100% );  
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  opacity: .95;
}

/* The form dimensions */
#contactForm {
  width: 40em;
  height: 33em;
  padding: 0 1.5em 1.5em 1.5em;
  margin: 0 auto;
}

/* Position the form in the middle of the window (if JavaScript is enabled) */
#contactForm.positioned {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
}

/* Dimensions and position of the status messages */
.statusMessage {
  display: none;
  margin: auto;
  width: 30em;
  height: 2em;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
}

/* The header at the top of the form */
#contactForm h2 {
  font-size: 2em;
  font-style: italic;
  font-weight: bold;
  letter-spacing: .05em;
  margin: 0 0 1em -.75em;
  padding: 1em;
  width: 19.5em;  
  color: #3d54af;
  background: #dfe0e5 url('images/stamp.jpg') no-repeat 15em -3em; 
  border-bottom: 1px solid #aaa;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;  
  border-radius: 10px 10px 0 0;
}

/* Give form elements consistent margin, padding and line height */
#contactForm ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#contactForm ul li {
  margin: .9em 0 0 0;
  padding: 0;
}

#contactForm input, #contactForm label {
  line-height: 1em;
}

/* The form field labels */
label {
  display: block;
  float: left;
  clear: left;
  text-align: right;
  width: 28%;
  padding: .4em 0 0 0;
  margin: .15em .5em 0 0;
  font-weight: bold;
}

/* The form fields */
input, textarea {
  display: block;
  margin: 0;
  padding: .4em;
  width: 67%;
  font-family: "Georgia", serif;
  font-size: 1em;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  border-radius: 5px;
  -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  background: #fff;
}

textarea {
  height: 13em;
  line-height: 1.5em;
  resize: none;
}

/* Place a blue border around focused fields, and hide the inner shadow */
#contactForm *:focus {
  border: 1px solid #3d54af;
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

/* Display correctly filled-in fields with a blue background */
input:valid, textarea:valid {
  background: #99ccff;
}

/* The blue Send and red Cancel buttons */
input[type="submit"], input[type="button"] {
  float: right;
  margin: 2em 1em 0 1em;
  width: 10em;
  padding: .5em;
  border: 1px solid #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  color: #fff;
  background: #3d54af;
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  opacity: .7;
  -webkit-appearance: none;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:active {
  cursor: pointer;
  opacity: 1;
}

input[type="submit"]:active, input[type="button"]:active {
  color: #333;
  background: #eee;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}

input[type="button"] {
  background: #c33;
}

/* Form header/footer boxes */
.wideBox {
  clear: both;
  text-align: center;
  margin: 70px;
  padding: 10px;
  background: #ebedf2;
  border: 1px solid #333;
}

.wideBox h1 {
  font-weight: bold;
  margin: 20px;
  color: #666;
  font-size: 1.5em;
}
/* ---- end contact form styling --- */

/* --- footer --- */
#footer {clear: both; padding: 1.5em 0 1.5em 0; background-image:url(../images/footgrad_1.gif); background-color: #d2d2d2; background-repeat: repeat-x;}
#footer-nav li {display: inline; list-style: none;}
#footer-nav li a {padding: 1.5em; font-size: 1em;}
#copyright {font-size: 0.8em;}
#hosting {font-size: 0.8em; color:#999;}
#hosting a {color:#999;}
#hosting a:hover {color: #0066cc;}