@import url("fontStyles.css");

html, body {
  text-align: center;
  margin: 0 0 20px 0;
  background: url(../images/pageBgRepeatX.gif) #67865a repeat-x center top;}

div {
  text-align: left;
  line-height: 1em;
  vertical-align: top;}

.floatLeft {
  float: left;
  border: 1px solid black;
  margin: 1px 5px 0 0;}

#contactForm {
  border-left: 1px solid black;
  float: right;
  margin: 0 0 1em 1em;}

#contactForm p {
  margin: 1px;
  padding: 5px;}

#pageContainer, #headerContainer, #navContainer, #bodyContainer, #footerContainer, #shadowContainer {
  width: 750px;
  margin: 0 auto;}
  
  #headerContainer {
    height: 300px;
    background: url(../images/page750BgRepeatX.gif) transparent no-repeat center top;}
  
    #headerPhoneNumber {
      height: 30px;
      position: absolute;
      padding-top: 8px;}
  
  #navContainer {
    height: 291px;
    background: url(../images/bodyBgRepeatY.gif) #edf4f7 repeat-y center top;}
  
    #navContent {
      width: 173px;
      position: absolute;
      margin: -30px auto 0 6px;}
      
      #navContent ul {
        margin: 0;
        list-style-type: none;
        padding: 10px;}
      
        #navContent ul li {
          line-height: 2.5em;
          background: url(../images/navLiBgNoRepeat.gif) transparent no-repeat left bottom;}
  
  #navContainerSubPage {
    width: 175px;
    height: 385px;
    float: left;
    margin: 44px 0 0 0;}
    
    #navContentSubPage {
      width: 173px;
      position: absolute;
      margin: 50px auto 0 -10px;}
      
      #navContentSubPage ul {
        margin: 0;
        list-style-type: none;
        padding: 10px;}
      
        #navContentSubPage ul li {
          line-height: 2.5em;
          background: url(../images/navLiBgNoRepeat.gif) transparent no-repeat left bottom;}
    
    #creekOval {
      width: 565px;
      height: 407px;
      margin: -116px 6px auto 179px;
      position: absolute;
      background: url(../images/creekOval.jpg) transparent no-repeat right top;}
  
  #bodyContainer {
    background: url(../images/bodyBgRepeatY.gif) #edf4f7 repeat-y center top;}
  
    #bodyContainerSubPage {
      background: url(../images/bodyBgRepeatY.gif) #edf4f7 repeat-y center top;
      margin: -124px 0 0 0; /* -124 */}
      
      .bodyHeading {
        width: 718px;
        margin: 0 16px;
        background: url(../images/bodyH1BgNoRepeat.gif) transparent no-repeat 0 1.1em;}
      
      .bodyContent {
        margin: 0px;
        padding: 0 16px;}
      
      #bodyContentSubPage {
        margin: 0px;
        background: url(../images/page750BgRepeatX.gif) no-repeat center -176px;}
      
      #ratesTable {
        padding: 0;
        width: auto;
        border: 1px solid #023363;
        margin: 0;
        background: url(../images/ratesTableBg.jpg) transparent no-repeat center top;}
        
        .photoContainerLeft {
          float: left;
          width: auto;
          margin: 0 1em 1em 0;}
        
        .photoContainerRight {
          float: right;
          width: auto;
          margin: 0 0 1em 1em;}
        
        .photoContainerLeft img, .photoContainerRight img {
          border: 1px solid #023363;}
        
        .bodyPhotoRight {
          border: 1px solid #023363;
          float: right;
          margin: 0 0 0 1em;
          display: block;}
        
        .bodyPhotoLeft {
          border: 1px solid #023363;
          float: left;
          margin: 0 1em 0 0;}
        
        .photoCaptionLeft {
          border: 0px solid #023363;
          float: left;
          margin: 0 1em 1em 0;}
          
        .photoCaptionRight {
          border: 0px solid #023363;
          float: left;
          margin: 0 0 1em 1em;
          display: block;}
  
  #footerContainer {
    background: url(../images/bodyBgRepeatY.gif) #203d4c repeat-y center top;}
    
    #footerFloatLeft {
      float: left;
      width: 70%;
      margin-right: 30px;}
  
  #shadowContainer {
    height: 6px;
    background: url(../images/footerBgNoRepeat.gif) #67865a no-repeat center top;}