/*  spa section *//* colors
#f5523a  salmon 
new: 551b26 purple
#425132  graygreen
new: 79836b olivegrey
*/

body {
  background-color: #FFFFE7;
}

p {
  color: #79836b;
}

.PageTitles{
  color: #79836b;
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-style: normal;
  letter-spacing: -0.005em;
}

.spaSubTitle{
  color: #79836b;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 120%;
  font-style: normal;
  font-weight: bold;
  padding-bottom: .4em;
}

.spaSubTitle a:link {
  color: #79836b;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 1.2em;
  font-style: normal;
  font-weight: bold;
}

.spaSubTitle a:visited {
  color: #79836b;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 1.2em;
  font-style: normal;
  font-weight: bold;
}

.spaSubTitle a:hover {
  color: #f5523a;
  text-decoration: none;
}

a:link {
  color: #551b26;
  text-decoration: none;
}

a:visited {
  color: #551b26;
  text-decoration: none;
}

a:hover {
  color: #f5523a;
  text-decoration: underline;
}

.backgroundMain {
  background-image: url(../cascade_spa/interface/spa_background_new_button.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #ffffe7;
}

.spaNav {/* sets position of layer with sub navigation; no table needed */
  position: relative;
  visibility: visible;
  width: 260px;
  z-index: 3;
  left: 217px;
  top: -125px;
  overflow: visible;
}

.spaNav p {
  font-weight: bold;
  line-height: 125%;
  color: #551b26;
  margin: 0 0 .8em 0;
}

.spaSubMenu {
  font-weight: bold;
  line-height: 125%;
  color: #cc9966;
  margin: .5em 0 .8em 0;
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
}

.spaSubMenu a:link {
  font-weight: bold;
  line-height: 125%;
  color: #cc9966;
  margin: .5em 0 .8em 0;
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
}

.spaSubMenu a:visited {
  font-weight: bold;
  line-height: 125%;
  color: #cc9966;
  margin: .5em 0 .8em 0;
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
}

.spaSubMenu a:hover {
  color: #f5523a;
  text-decoration: underline;
}

#spaContent {/* not a layer */
  color: #79836b;
  position: relative;
  top: -90px;
  left: 215px;
  width: 435px;
  overflow: visible;
  
}

.specials {
  color: #425132;
  font-variant: normal;
  text-align: left;
  text-transform: none;
  text-indent: 0;
  padding: 3px;
  margin: 10px 0px 10px 0px;
  border-width: 0;
  border-collapse: collapse;
  width: 75%;
}

.specialTitle {
  font-size: 13px;
  line-height: 100%;
  font-style: normal;
  font-weight: bold;
/*
    font-variant: small-caps;
*/
  text-transform: none;
  text-align: left;
  letter-spacing: 0px;
  white-space: normal;
  border-bottom-width: 1px;
  border-collapse: collapse;
  background-color: transparent;
}
/* interior pages ; different from homepage */

.backgroundSecond {
  background-image: url(../cascade_spa/interface/generic_spa_72_crop.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #ffffe7;
}

#spaContent2 {/* not a layer */
  position: relative;
  margin: 215px 100px 0px 130px;
  height: 525px;
  overflow: visible;
}

#spaNav2 p {
  font-weight: bold;
  line-height: 125%;
  color: #cc9966  !important;
  margin: .5em 0 .8em 0;
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
}

.photoRight {
  float: right;
  margin: 10px;
}

.photoLeft {
  float: left;
  margin: 10px;
}
/*      sets position of layer containing sub navigation
#spaNav2  {
    position: absolute;
    visibility: visible;
    width: 260px; height: 337px; z-index:4;
    left: 20px; top: 50px;
    overflow: visible;
}
*/
/* New Styles 5-7-2009 */

.navLineSpacer {
  line-height: 10px;
}

.spaTitle {
  color: #79836b;
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: bold;
}

.spaTitle a:link {
  color: #79836b;
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: bold;
}

.spaTitle a:visited {
  color: #79836b;
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: bold;
}

.spaTitle a:hover {
  color: #f5523a !important;
  text-decoration: none;
}

#spaMenuBox{
  position: relative;
  left: 587px;
  top: 173px;
  width: 190px;
  height: 141px;
  z-index: 99;
  overflow: visible;
}



.spaInput{
  position: relative;
  font-size: 10px;
  margin: 0px 0px 11px 0px;
  background-color: #fff;
  border: 1px solid #666;
  height: 11px;
  width: 107px;
}



#spaFormTitle {
  color: #79836b;
  padding: 8px 0px 2px 8px;
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: bold;
  letter-spacing: -0.04em;
}

#spaFormText {
  width: 180px;
  overflow: visible;
  padding: 0px 0px 0px 8px;
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
  line-height: 140%;
  font-style: italic;
  font-weight: bold;
  color: #8b947b;
  letter-spacing: -0.05em;
}

#spaFieldBlock {
  position: relative;
  margin: 5px;
  top: 10px;
  left: 3px;
  height: 20px;
  width: 180px;
  overflow: visible;
  padding: 0px 0px 0px 8px;
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
  line-height: 140%;
  font-style: italic;
  font-weight: bold;
  color: #8b947b;
  letter-spacing: -0.05em;
}

.spaLabel{
  float: left;
  width: 45px;
  padding: 3px 0px 3px 0px;
  position: relative;
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
  line-height: 120%;
  font-style: normal;
  font-weight: bold;
  color: #8b947b;
}

#spaSendButton{
  cursor: pointer;
  float: right;
  width: 60px;
  white-space: nowrap;
  text-align: right;
  padding: 5px;
  margin-right: 10px;
  position: relative;
  color: #8b947b;
  font: bold 14px/14px helvetica, arial, sans-serif;
	background-color: #f1f0eb;
}

#spaSendButton:hover {
  color: #f5523a;
  text-decoration: underline;
}


#spaSnapshot{
  background-image: url(../cascade_spa/interface/snapshot_facial.png);
  position: relative;
  visibility: visible;
  width: 308px;
  height: 268px;
  z-index: 2;
  left: 408px;
  top: 172px;
  overflow: visible;
}
