.outer-box {
    width:600px;
      margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 2px 12px 8px 12px;
  margin-top: 0;
  background:#E1E8ED;
border-radius: 6px 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; 

}

 .outer-box h1 {
         margin-top: .7em;
        margin-bottom: .7em;
        margin-left:8px;
  font-size:13pt !important;
  color:#758189;
  font-weight:bold !important;
  font-size:large;
  font-family: arial, helvetica, verdana;

    }

.inner-box {
    width:580px;
    background:#EEEEEE;
      padding: 3px 12px;
  margin-top: 6px;
border-radius: 6px 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; 

}

.inner-box h1 {
  color:#2B85A4;
  font-size:13pt !important;
line-height:125%;
          margin-left:3px;
background-image: url("down-arrow.jpg");
background-position:right;
background-repeat:no-repeat;
cursor: pointer;
}

.inner-box h1.or::before {
    content:'or';
    background:#ffffff;
    padding:7px;
    margin-right:9px;
font-size:90%;
border-radius: 20px 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; 
}

.inner-box h1.and::before {
    content:'and';
    background:#ffffff;
    padding: 9px 7px;
    margin-right:10px;
font-size:90%;
border-radius: 20px 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; 
}

.inner-box p {
color:inherit;
font-size:11pt;
font-weight:500;
line-height:1.25em;
letter-spacing:1px;
padding:3px;
margin-top:3px;
}

img.arrow {
       display: block;
  margin-left: auto;
  margin-right: auto;
}

.intro {
    width:800px;
          margin-left: auto;
  margin-right: auto;
    color:#1E5D73;
  font-family: Arial, Helvetica, sans-serif;
  padding-bottom:15px;

font-size:12pt;
line-height:1.3;
}

.intro .subheading {
    color:#456875;
 /* font-family: Tahoma, Geneva, sans-serif; */
    letter-spacing:.35px;
font-weight:600;
font-variant: normal;
font-size:95%;
letter-spacing:.5px;
}