body{
  margin-left: auto;
  margin-right: auto;
  font-family:arial,verdana;
  margin:0;
  padding:0;
  margin-top:14px;
  text-align:center;
  color:#111; 
}
  
form {
  display:inline;
  margin:0;
  padding:0;
}

a {
  color:#614;
  text-decoration:none;
}

a:hover {
  color:#373;
  text-decoration:underline;
}

#maincontent {
  margin-left: auto;
  margin-right: auto;
  width:772px;
}

  #maincontent #banner{
    background-image:url(/_images/banner.jpg);
    width:772px;
    height:203px;
  }

  #maincontent #menu_level_1{
    background-image:url(/_images/menu_level_1.jpg);
    width:772px;
    height:31px;
  }
    #maincontent #menu_level_1 .submenu { float:left; padding-top:3px;}
      #maincontent #menu_level_1 .submenu ul {  margin:0; padding:0; }
      #maincontent #menu_level_1 .submenu li { display:inline; list-style:none; }
          #maincontent #menu_level_1 .submenu li a { float:left; text-decoration:none; color:#fbfffb; padding:3px 0 0 20px; font-size:110%; }
          #maincontent #menu_level_1 .submenu li a:hover { text-decoration:underline; }
        #maincontent #menu_level_1 .submenu .selected { float:left; font-weight:bold; color:#fee; padding:2px 0 0 20px; font-size:120%; }
        #maincontent #menu_level_1 .submenu .subselected{ font-weight:bold; }
          #maincontent #menu_level_1 .submenu .subselected a { color:#fee; font-size:120%; padding:2px 0 0 20px; }
          #maincontent #menu_level_1 .submenu .subselected a:hover { text-decoration:underline; }

  #maincontent #menu_level_2{
    background-image:url(/_images/menu_level_2.jpg);
    width:772px;
    height:24px;
  }
    #maincontent #menu_level_2 .submenu { float:left; padding-top:2px;}
      #maincontent #menu_level_2 .submenu ul {  margin:0; padding:0; }
      #maincontent #menu_level_2 .submenu li { display:inline; list-style:none; }
          #maincontent #menu_level_2 .submenu li a { float:left; text-decoration:none; color:#210; padding:2px 0 0 20px; font-size:90%; }
          #maincontent #menu_level_2 .submenu li a:hover { text-decoration:underline; }
        #maincontent #menu_level_2 .submenu .selected { float:left; font-weight:bold; color:#210; padding:0 0 0 20px; font-size:100%; }
        #maincontent #menu_level_2 .submenu .subselected{ font-weight:bold; }
          #maincontent #menu_level_2 .submenu .subselected a { font-size:100%; padding:0 0 0 20px; }
          #maincontent #menu_level_2 .submenu .subselected a:hover { text-decoration:underline; }

  #maincontent #content {
    float:left;
    clear:both;
    background:#9ebd79 url(/_images/content.jpg) no-repeat;
    width:742px;
    padding:14px;
    border:1px solid #0f130c;
    border-top:0;
  }
    #maincontent #content #heading_1{
      margin:0;
      background-image:url(/_images/heading_1.jpg);
      width:703px;
      height:43px;
      padding:0;
      text-align:left;
      padding-left :17px;
      padding-right :20px;
      border:1px solid #000;
      color:#210;
    }
      #maincontent #content #heading_1 h1 {
        float:left;
        margin:0;
        padding:0;
        font-size:130%;
        padding-top :10px;
      }
      #maincontent #content #heading_1 #heading_button {
        margin:0;
        padding:0;
        float:right;
        padding-top :5px;
        margin-left:10px;
      }
        #maincontent #content #heading_1 #heading_button img {
          border:0;
        }

        #maincontent #content #heading_1 #heading_button a {
          display:block;
          width:184px;
          height:34px;
          margin:0;
          padding:0;
          background: top left url(/_images/buttons/book_westburn_cottage_out.jpg) no-repeat;
        }

        #maincontent #content #heading_1 #heading_button a:hover {
          background: top left url(/_images/buttons/book_westburn_cottage_over.jpg) no-repeat;
        }
        

    #maincontent #content #cms_area {
      clear:both;
      float:left;
      background:#f4f9f2 url(/_images/cms_area.jpg) no-repeat;
      width:740px;
      min-height:240px;
      text-align:left;
      border:1px solid #0f130c;
      border-top:0;
    }
      #maincontent #content #cms_area h2 {
        margin:0;
        padding:0;
        margin-bottom:10px;
        font-size:95%;
        color:#111;
      }
      #maincontent #content #cms_area h3 {
        margin:0;
        padding:0;
        margin-bottom:10px;
        font-size:75%;
        color:#111;
      }
      #maincontent #content #cms_area p {
        margin:0;
        padding:0;
        margin-bottom:10px;
        font-size:75%;
      }
      #maincontent #content #cms_area li {
        margin:0;
        padding:0;
        margin-bottom:10px;
        font-size:75%;
      }

      #maincontent #content #cms_area #wide {
        width:702px;
        float:left;
        margin:0px;
        padding:0;
        padding:15px;
      }

      #maincontent #content #cms_area #left {
        float:left;
        margin:0px;
        padding:0;
        width:285px;
        padding:10px;
        padding-right:0;
      }

     #maincontent #content #cms_area #left .thumbnail {
        float:left;
        margin:0;
        padding:0;
        margin-right:12px;
        margin-bottom:12px;
        width:78px;
        height:110px;
        text-align:center;
        overflow:hidden;
      }
       #maincontent #content #cms_area #left .thumbnail a {
          color:#333;
          text-decoration:none;
        }
         #maincontent #content #cms_area #left .thumbnail a:hover {
          }
       #maincontent #content #cms_area #left .thumbnail img {
          float:left;
          border:2px solid #000;
        }
       #maincontent #content #cms_area #left .thumbnail a img {
          float:left;
          border:1px solid #000;
          margin:1px;
          filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
        }
         #maincontent #content #cms_area #left .thumbnail a:hover img {
            filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
          }
       #maincontent #content #cms_area #left .thumbnail h3 {
          font-size:70%;
          margin:0;
          padding:0;
          width:78px;
        }
         #maincontent #content #cms_area #left .thumbnail a:hover h3 {
           text-decoration:underline;
         }

     #maincontent #content #cms_area #left .adminthumbnail {
        float:left;
        margin:0;
        padding:0;
        margin-right:12px;
        margin-bottom:12px;
        width:78px;
        height:121px;
        text-align:center;
        overflow:hidden;
      }
       #maincontent #content #cms_area #left .adminthumbnail a {
          color:#333;
          text-decoration:none;
        }
         #maincontent #content #cms_area #left .adminthumbnail a:hover {
          }
       #maincontent #content #cms_area #left .adminthumbnail img {
          float:left;
          border:2px solid #000;
        }
       #maincontent #content #cms_area #left .adminthumbnail a img {
          float:left;
          border:1px solid #000;
          margin:1px;
          filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
        }
         #maincontent #content #cms_area #left .adminthumbnail a:hover img {
            filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
          }
       #maincontent #content #cms_area #left .adminthumbnail h3 {
          font-size:70%;
          margin:0;
          padding:0;
          width:78px;
        }
         #maincontent #content #cms_area #left .adminthumbnail a:hover h3 {
           text-decoration:underline;
         }

        #maincontent #content #cms_area #left .goldheadbox {
          clear:both;
          float:left;
          width:276px;
          font-size:70%;
          margin:5px;
          margin-bottom:0;
          font-size:xx-small;
        }
          #maincontent #content #cms_area #left .goldheadbox .boxheading {
            width:270px;
            background-color:#d9d07a;
            border:1px solid #777;
            padding:3px;
            color:#fdf6a5;
            text-align:center;
          }
            #maincontent #content #cms_area #left .goldheadbox .boxheading h2 {
              display:inline;
              margin:0;
              padding:0;
              padding-left:10px;
              padding-right:10px;
              font-size:130%;
              color:#210;
            }
          #maincontent #content #cms_area #left .goldheadbox .boxcontent {
            width:277px;
            background-color:transparent;
            border-right:1px solid #777;
            padding:0;
            font-size:120%;
          }
            #maincontent #content #cms_area #left .goldheadbox .boxcontent table {
              width:100%;
            }
              #maincontent #content #cms_area #left .goldheadbox .boxcontent tr {
                margin:0;
                padding:0;
              }
                #maincontent #content #cms_area #left .goldheadbox .boxcontent th {
                  font-size:120%;
                  margin:0;
                  padding:2px;
                  text-align:center;
                  border-left:1px solid #777;
                  border-bottom:2px solid #777;
                }
                #maincontent #content #cms_area #left .goldheadbox .boxcontent td {
                  font-size:100%;
                  margin:0;
                  text-align:right;
                  width:37px;
                  height:34px;
                  border-left:1px solid #777;
                  border-bottom:1px solid #777;
                }
                  #maincontent #content #cms_area #left .goldheadbox .boxcontent td .selecteddate {
                    border:2px solid #fff;
                    display:block;
                    color:#fff;
                    width:35px;
                    height:31px;
                  }
                  #maincontent #content #cms_area #left .goldheadbox .boxcontent td a {
                    display:block;
                    width:34px;
                    height:31px;
                    padding:2px;
                    text-decoration:none;
                  }
                    #maincontent #content #cms_area #left .goldheadbox .boxcontent td a:hover {
                      border:2px solid #fff;
                      padding:0;
                      width:34px;
                      height:31px;
                    }



                    td.inpast                        { color:#333; background-color:#999; }


                    td.booked                        { color:#333; background-color:#f00; }
                      td.booked a                    { color:#811; }
                      td.booked a:hover              { border-color:#fa3; color:#fff; font-weight:bold;}


                    td.shortbreak                    { color:#ff9; background-color:#cc6; font-weight:bold; }
                      td.shortbreak a                { color:#ff9; }
                      td.shortbreak a:hover          { border-color:#ff9; color:#fff; font-weight:bold;}


                    td.available                     { color:#9d3; background-color:#691; font-weight:bold; }
                      td.available a                 { color:#9d3; }
                      td.available a:hover           { border-color:#9d3; color:#fff; font-weight:bold;}


                    td.lastmonthbooked               { color:#500; background-color:#811; }
                      td.lastmonthbooked a           { color:#500; }
                      td.lastmonthbooked a:hover     { border-color:#fa3; color:#fff; font-weight:bold;}


                    td.lastmonthshortbreak           { color:#550; background-color:#881; font-weight:bold; }
                      td.lastmonthshortbreak a       { color:#550; }
                      td.lastmonthshortbreak a:hover { border-color:#ff9; color:#fff; font-weight:bold;}


                    td.lastmonthavailable            { color:#050; background-color:#8b3; }
                      td.lastmonthavailable a        { color:#050; }
                      td.lastmonthavailable a:hover  { border-color:#9d3; color:#fff; font-weight:bold;}


                    td.nextmonthbooked               { color:#500; background-color:#811; }
                      td.nextmonthbooked a           { color:#500; }
                      td.nextmonthbooked a:hover     { border-color:#fa3; color:#fff; font-weight:bold;}


                    td.nextmonthshortbreak           { color:#550; background-color:#881; font-weight:bold; }
                      td.nextmonthshortbreak a       { color:#550; }
                      td.nextmonthshortbreak a:hover { border-color:#ff9; color:#fff; font-weight:bold;}


                    td.nextmonthavailable            { color:#050; background-color:#8b3; }
                      td.nextmonthavailable a        { color:#050; }
                      td.nextmonthavailable a:hover  { border-color:#9d3; color:#fff; font-weight:bold;}





                    td.inpastshortbreak              { color:#ff9; background-image:url(/_images/inpastshortbreak.gif); font-weight:bold; }
                      td.inpastshortbreak a          { color:#ff9; }
                      td.inpastshortbreak a:hover    { border-color:#eee; border-top-color:#ff9; border-right-color:#ff9; color:#fff; font-weight:bold;}

                    td.shortbreakbooked              { color:#811; background-image:url(/_images/shortbreakbooked.gif); }
                      td.shortbreakbooked a          { color:#811; }
                      td.shortbreakbooked a:hover    { border-color:#ff9; border-top-color:#fa3; border-right-color:#fa3; color:#fff; font-weight:bold;}

                    td.bookedshortbreak              { color:#ff9; background-image:url(/_images/bookedshortbreak.gif); font-weight:bold; }
                      td.bookedshortbreak a          { color:#ff9; }
                      td.bookedshortbreak a:hover    { border-color:#fa3; border-top-color:#ff9; border-right-color:#ff9; color:#fff; font-weight:bold;}

                    td.shortbreakavailable           { color:#9d3; background-image:url(/_images/shortbreakavailable.gif); font-weight:bold; }
                      td.shortbreakavailable a       { color:#9d3; }
                      td.shortbreakavailable a:hover { border-color:#ff9; border-top-color:#9d3; border-right-color:#9d3; color:#fff; font-weight:bold;}

                    td.availablebooked               { color:#811; background-image:url(/_images/availablebooked.gif); }
                      td.availablebooked a           { color:#811; }
                      td.availablebooked a:hover     { border-color:#9d3; border-top-color:#fa3; border-right-color:#fa3; color:#fff; font-weight:bold;}



        .legendentry { clear:both; float:left; margin-top:10px; width:100%; }
          .legendentry .inpast     { clear:both; margin-right:5px; float:left; width:20px; height:20px; border:1px solid #333; color:#333; background-color:#999; }
          .legendentry .shortbreak { clear:both; margin-right:5px; float:left; width:20px; height:20px; border:1px solid #333; color:#ff9; background-color:#cc6; font-weight:bold; }
          .legendentry .booked     { clear:both; margin-right:5px; float:left; width:20px; height:20px; border:1px solid #333; color:#333; background-color:#f00; }
          .legendentry .available  { clear:both; margin-right:5px; float:left; width:20px; height:20px; border:1px solid #333; color:#9d3; background-color:#691; font-weight:bold; }


      #maincontent #content #cms_area .cmsblock {
        clear:both;
        margin-bottom:10px;
      }
      #maincontent #content #cms_area #right .cmsblock {
        margin-right:10px;
      }

        #maincontent #content #cms_area .cmsblock .rightimageparagraph {
        }
          #maincontent #content #cms_area .cmsblock .rightimageparagraph img {
            float:right;
            margin-left:15px;
            margin-bottom:10px;
            border:1px solid #333;
          }
          #maincontent #content #cms_area .cmsblock .rightimageparagraph p {
            padding:0;
            margin:0;
            margin-bottom:15px;
          }

        #maincontent #content #cms_area .cmsblock .leftimageparagraph {
        }
          #maincontent #content #cms_area .cmsblock .leftimageparagraph img {
            float:left;
            margin-right:15px;
            margin-bottom:10px;
            border:1px solid #333;
          }
          #maincontent #content #cms_area .cmsblock .leftimageparagraph p {
            float:left;
            padding:0;
            margin:0;
            margin-bottom:15px;
            padding-right:10px;
            text-align:right;
          }
                

                
      #maincontent #content #cms_area #right {
        float:right;
        width:432px;
        margin:0;
        padding:0;
        padding-top:10px;
        padding-bottom:10px;
      }

        #maincontent #content #cms_area #right .greenheadbox {
          clear:both;
          float:left;
          width:410px;
          margin:5px;
          margin-bottom:0;
        }
          #maincontent #content #cms_area #right .greenheadbox .boxheading {
            width:404px;
            background-color:#9dc846;
            border:1px solid #777;
            padding:3px;
            color:#030;
          }
            #maincontent #content #cms_area #right .greenheadbox .boxheading h2 {
              margin:0;
              padding:0;
              padding-left:10px;
              padding-right:10px;
              font-size:90%;
            }
          #maincontent #content #cms_area #right .greenheadbox .boxcontent {
            width:390px;
            background-color:transparent;
            border:1px solid #777;
            border-top:0;
            padding:3px;
            padding-left:10px;
            padding-right:10px;
          }
            #maincontent #content #cms_area #right .greenheadbox .boxcontent h3 {
              margin:0;
              padding:0;
              margin-top:15px;
            }
            #maincontent #content #cms_area #right .greenheadbox .boxcontent p {
              margin:0;
              padding:0;
              margin-bottom:5px;
            }

        #maincontent #content #cms_area #right .redheadbox {
          clear:both;
          float:left;
          width:410px;
          margin:5px;
          margin-bottom:0;
        }
          #maincontent #content #cms_area #right .redheadbox .boxheading {
            width:404px;
            background-color:#c05a4e;
            border:1px solid #777;
            padding:3px;
            color:#fdf6a5;
          }
            #maincontent #content #cms_area #right .redheadbox .boxheading h2 {
              margin:0;
              padding:0;
              padding-left:10px;
              padding-right:10px;
              font-size:90%;
            }
          #maincontent #content #cms_area #right .redheadbox .boxcontent {
            width:390px;
            background-color:transparent;
            border:1px solid #777;
            border-top:0;
            padding:3px;
            padding-left:10px;
            padding-right:10px;
          }
            #maincontent #content #cms_area #right .redheadbox .boxcontent h3 {
              margin:0;
              padding:0;
              margin-top:15px;
            }
            #maincontent #content #cms_area #right .redheadbox .boxcontent p {
              margin:0;
              padding:0;
              margin-bottom:5px;
            }

#cms_controls{
  margin-right:10px;
}
#cms_controls hr{
  border:1px solid #aba;
  height:1px;
}