/**
 * Myriad Styles
 */

#newsletter,
#newsletter td {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
}

#newsletter,
#newsletter b {
  color: #000;
}

#newsletter div#story {
  float: left;
  width: 700px;
  font-size: 12px;
  color: #000;
}

#newsletter div#story div.story {
  background: #f5f5f5;
  padding: 10px;
}

#newsletter div.img-left {
  float: left;
  background: #666;
  border: 3px solid #ccc;
  margin: 5px 20px 5px 0;
}

#newsletter div.img-right {
  float: right;
  width: 300px;
  height: 300px;
  background: #666;
  border: 3px solid #ccc;
  margin: 10px 0 5px 10px;
}

#newsletter div.img-right-2 {
  float: right;
  background: #666;
  border: 3px solid #ccc;
  margin: 10px 0 5px 10px;
}

#newsletter div#story div.story div.contact {
  margin: 30px 0 30px 0;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}

#newsletter div.flash-left {
  float: left;
  margin: 5px 20px 5px 0;
}

#newsletter div.flash-right {
  float: right;
  margin: 10px 0 5px 10px;
}

#newsletter div#sidebar {
  float: right;
  width: 260px;
  font-size: 11px;
}

#newsletter strong {
  color: #000;
  font-size: 14px;
}

#newsletter .hr {
  border-top: 1px dotted #e3e3e3; 
  margin: 20px 0; 
  width: auto;
}

#newsletter .hr-green {
  border-top: 1px dotted #8dc63f; 
  margin: 20px 0; 
  width: auto;
}

#newsletter table.content {
  border-collapse: collapse;
  text-align: center;
}

#newsletter table.content th {
  background: #ccc;
  border: 1px solid #ccc
  text-transform:uppercase;
} 

#newsletter table.content td {
  border: 1px solid #ccc;
  font-size: 11px;
  padding: 10px;
}

.shadowbox blockquote{
  background: #d6d6d6;
  padding: 15px;
  border: solid 4px #e2e2e2;
}

.shadowbox blockquote p {
  color: #333;
}

/**
 * Table Models
 */

table#fourColumn {
  border-collapse: collapse;
  border: 1px solid #000;
}

table#models {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
}
 
table#models thead tr th,
table#models tbody tr td {
  border: 1px solid #ccc;
  padding: 2px 6px;
  white-space: nowrap;
}
 
table#models thead tr th {
  width: 10%;
  background: #ddd;
}
 
table#models thead tr th.model {
  width: 40%;
}
 
table#models tbody tr.alt {
  background: #f0f0f0;
}


/**
 * Table - Three Columns
 */

table.three-columns {
  border-collapse: collapse;
  margin-bottom: 15px;
  padding: 0;
}
 
table.three-columns thead tr th,
table.three-columns tbody tr td {
  border: 1px solid #ccc;
  padding: 2px 6px;
  width: 33%;
}
 
table.three-columns thead tr th {
  background: #ddd;
}
 
table.three-columns tbody tr.alt {
  background: #f0f0f0;
}




/**
 * Theorem 44 Styles
 */

#content {
  float: left;
  width: 650px;
  font-size: 12px;
  color: #000;
}

#content h1, h2, h3 {
  color: black;
  width: 650px;
  font-size: 18px;
  line-height: 20px;
  text-transform: none;
}

#content strong {
  color: black;
}

#flash {
  float: right;
  width: 300px;
  border-left: 1px grey solid;
  padding-left: 10px;
  
}

.greenLink a:link {
  color:#0f4a17;
}

.greenLink a:visited {
  color:#0f4a17;
}

.greenLink a:active {
  color:#0f4a17;
}

.greenLink a:hover {
  color:#0f4a17;
}

.comLink a:link {
  color:#963c97;
  font-weight:bold;
}

.comLink a:visited {
  color:#963c97;
  font-weight:bold;
}

.comLink a:active {
  color:#963c97;
  font-weight:bold;
}

.comLink a:hover {
  color:#963c97;
  font-weight:bold;
}

.storyFlash {
  float: right;
  width: 300px;
  margin: 7px;
}

.storyFlash2 {
  float: left;
  width: 300px;
  margin: 7px;
}

.imgLeft {
  float: left;
  margin: 10px;
  margin-right: 13px;
  margin-left: 0px;
}

.imgRight {
  float: Right;
  margin: 7px;
}

h3 {
    clear: none;
}

.block {
  margin: 0 15px;
  padding: 30px 0;
  width: 200px;
  float: left;
}

.block p{
  margin: 0;
}

.clear {
  clear: both;
}