/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
color: #666;
word-wrap: break-word;
}

body {
font:62.5%/1.6 verdana, arial, helvetica, sans-serif;
text-align:center;
}
 
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight: bold;
font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
color: #bb2222;
}

h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size: 2.5em;
line-height: 1.2em ;
}

h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.9em ;
}

h3 {
font-size:1.6em ;
font-weight:bold;
}            

h4 {
font-size:1.5em ;
font-weight: normal;
text-align:center;
padding: 10px 0;
font-family: georgia, times, serif;
}

p, ul, ol, address {
margin:0;
padding:0 0 18px 0;   
font-size:1.2em ;
}

ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a, a:visited {
text-decoration:none;
color: #bb2222;
}   
a:hover {
color: #D52C2C;
}
 
/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em arial, helvetica, sans-serif; 
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
} 

/* Styling Forms */
fieldset {
  padding: 1.2em 1em;
  border:0;
  font-size: 1.3em;
  font-family: verdana, arial, sans-serif;
  }
#contactform fieldset{border-top: 1px solid #d11;
                      padding: 0.4em 1em;}

legend {color: #666;
  font-family: "Trebuchet ms", verdana, arial, sans-serif;
               font-weight:bold;
               font-size: 1.5em;
               margin: 5px; }
#contactform legend {font-size: 1em;}

label {
  float:left;
  width:40%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight: bold;
  clear: both;
  }  

input {margin: 3px 1px;}
input[type=text], select, textarea {border: 1px solid #666; margin: 3px 1px;
font:1em arial, helvetica, sans-serif;}

.buttons {text-align: center;}
.butt {margin: 5px 10px;}

 
/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
 
  table tr td {
  padding:2px;
  }
 
/***** Wrapper *****/

#wrapper {
width: 780px;
margin:0 auto;
text-align: left;
}

/***** Global Classes *****/
 
.clear         { clear:both; }
.prop          {float: left;
                width: 1px;
                height: 1000px;}  
.prop-250      {float: left;
                width: 1px;
                height: 250px;}
.prop-500      {float: left;
                width: 1px;
                height: 500px;} 
.prop-1000      {float: right;
                width: 1px;
                height: 1000px;}
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/***********************************************************************
                Parchment Template Specifics
************************************************************************/
body {background : #FFFBE2 url(/image/upload/nanimo/parchment_bg.jpg) top center repeat-y;
          position: relative;}
#wrapper {margin-top: 160px;
          z-index: 30;
          padding: 0 10px;
          position: relative;
          }
h1#pagetitle {position: relative;
              background: url(/image/upload/nanimo/parchment_headertitle.jpg) top center no-repeat;
              z-index: 40;
              top: 0;
              padding: 20px 0px;
              width: 100%;
              text-align: left;}
h1#pagetitle span {margin: 0 10px;
          position: relative;}
h1#pagetitle #logo {position: absolute; z-index: 90; right: 0; top: 0; margin: 0 10px; width: 80px; height: 55px; background: url(/image/upload/nanimo/arabesque.gif) top right no-repeat;}          

a:link, a:visited {color: #007FC4;}
a:hover {color: #444; }

h1, h2, h3, .intro { font-family : georgia, times, serif ;
             color: #00608e;}

ul.infomenu      { }
ul.infomenu li   {display: block;
                  float: left; }
ul.infomenu li a {display: block;
                  padding: 5px;
                  border-right: 1px solid #007FC4;}
ul.infomenu li a:hover {color: #fff;}                  

#content {
          position: relative;}

div.header { background:url(/image/upload/nanimo/parchment_headstrap.jpg) 0 0 repeat-x;
        width: 100%;
        height: 200px;
        padding-top: 64px;
        position:absolute;
        top: 0;
          z-index: 20;
          text-align:center;
          font-family : georgia, times, serif ;}


div.header div.headpic {width: 780px;
                       height: 260px;
                       top:0px;
                       margin: 0 auto;
                       position: relative;}
div.header .headpic img { width: 617px;
                       height: 156px;
                       top:0px;
                       left:0;
                       margin: 0;
                       position: absolute;
                       }
div.header div.headpic div { background:url(/image/upload/nanimo/parchment_headpic.png) top center no-repeat;
                       width: 780px;
                       height: 260px;
                       top:0px;   left:0px;
                       margin: 0 auto;
                       position: absolute;
                       }

div.header h2 {width: 400px;
               right: 50px;
               top: 110px;
               position: absolute;
               color: #eef;
               z-index:2;}

div.footer { background:url(/image/upload/nanimo/parchment_foot.png) 0 0 repeat-x;
        padding-top: 25px;
        width: 100%;}

div.footer ul.infomenu {float:left;
                        font-size: 0.9em;}
div.footer p#copyright, div.footer p#webdesign
                       {float:left;
                        margin: 3px;
                        width: 45%;}
div.footer p#webdesign {float:right;}

/* Main Tabbed Menu */

.header .menu {
          margin: 0px 0px 10px 20px; padding: 0;
          position:absolute;
          top: 64px; right:0;
          width: 600px;
          padding: 0;
          z-index: 10;
          }
.header .menu ul {
          margin: 0px; padding: 0;
          display: block;
          position:relative;
          text-align:center;
          }
.header .menu li {
          position:relative;
          display: block;
             float:left;
             margin: 0px;}
.header .menu a, .header .menu li.gray a:hover 
         {
             border-top: 0;
          position:relative;
          display:block;
          background :url(/image/upload/nanimo/parchment_tab_r.gif) bottom right  no-repeat;
          border:0;
            }
.header .menu .left, .header .menu li.gray a:hover .left
                {display:block;
                background :url(/image/upload/nanimo/parchment_tab_l.gif) bottom left  no-repeat;}
.header .menu .middle, .header .menu li.gray a:hover .middle
                 {display:block;
                background :url(/image/upload/nanimo/parchment_tab_m.gif) bottom right repeat-x;
                margin: 0px 15px;
                padding: 5px 0px 12px 0px;}

.header .menu .active a, .header .menu a:hover {background-position: 100% 46.8%; color: #00547C;}
.header .menu .active a .left, .header .menu a:hover .left {background-position: 0 46.8%;}
.header .menu .active a .middle, .header .menu a:hover .middle {background-position: 0 46.8%;}



/* Shadow Boxing! - AKA Yvonne's Flexible box with shadows */

.flexi {
       position: relative;
       float: left;  /* Bottom Border */
       background:url(/image/upload/nanimo/flexi_box.gif) 0 100% repeat-x;
       padding-bottom: 19px;
       margin: 0 10px 10px 0px;
        }
.flexi.right {float: right;}
.flexi-top {position: relative;
       background:url(/image/upload/nanimo/flexi_box.gif) 0 0 repeat-x;
       padding-top: 15px
        }
.flexi-left {position: relative;
       background:url(/image/upload/nanimo/flexi_border.gif) 0 0 repeat-y;
       padding-left: 15px
        }
.flexi-right {position: relative;
       background:url(/image/upload/nanimo/flexi_border.gif) 100% 0 repeat-y;
       padding-right: 21px
        }
.flexi-tr {position: absolute;
       background:url(/image/upload/nanimo/flexi_box.gif) 100% 0 repeat-y;
       top: -15px;
       right: 0;
       height: 15px;
       width: 21px;
        }
.flexi-br {position: absolute;
       background:url(/image/upload/nanimo/flexi_box.gif) 100% 100% repeat-y;
       bottom: 0;
       right: 0;
       height: 19px;
       width: 21px;
       z-index: 10
        }
.flexi img.photo {margin:0; margin-bottom: -4px; width: 300px; height: auto;}
.flexi .panel {float: none; margin: 0;}

.flexi.nofloat {float: none; width:335px;}

/* Appearance of some special feature bits */


.intro {text-align: center;
        font-size: 1.4em;
        line-height: 1.7em;
        font-weight: bold;
        font-style: italic;
        margin: 5px 40px 15px 40px;
        padding-bottom: 40px;
        background: url(/image/upload/nanimo/parchment_blue_divider.gif) center bottom no-repeat;
        color: #027ABB;}

.panel {width: 250px;
        border: 8px double #027ABB;
        padding: 10px;
        float: right;
        margin : 10px 15px;
        background: #005F89; color: white;
}
.panel h2, .panel h3 {color: white;}
.panel a {color: #00B1FF;}
.panel ul {margin:0; padding:10px 0}

.grading {text-align: center;
         margin: 0 10px 20px 10px;}

/* Business Listing */
ul.businesslist {margin: 0; padding:0}
ul.businesslist li { margin: 0;
                     padding: 30px 10px 20px 10px;
                     background: url(/image/upload/nanimo/parchment_blue_divider.gif) center bottom no-repeat;}
.more {text-align: right;}

/************************************************

      Clear Peaks Colouring

*************************************************/

.clearpeaks a:link, .clearpeaks a:visited {color: #007FC4;}
.clearpeaks a:hover {color:#7D8FA3;}
.clearpeaks h1, .clearpeaks h2, .clearpeaks h3, .clearpeaks .header h2 { color: #557497;}
.clearpeaks .intro {color: #365981}
.clearpeaks .intro, .clearpeaks ul.businesslist li { background-image: url(/image/upload//nanimo/clear_divider.gif)}
.clearpeaks ul.infomenu li a {border-color: #007FC4;}

.clearpeaks div.header { background-image:url(/image/upload/nanimo/clear_headstrap.jpg);   }
.clearpeaks div.header div.headpic div  { background-image:url(/image/upload/nanimo/clear_headpic.png);}
.clearpeaks div.footer { background-image:url(/image/upload/nanimo/clear_foot.png);}

.clearpeaks .header .menu a, .clearpeaks .header .menu li a:hover {background-image :url(/image/upload/nanimo/clear_tab_r.gif);}
.clearpeaks .header .menu .left, .clearpeaks .header .menu li a:hover .left {background-image :url(/image/upload/nanimo/clear_tab_l.gif);}
.clearpeaks .header .menu .middle, .clearpeaks .header .menu li a:hover .middle {background-image :url(/image/upload/nanimo/clear_tab_m.gif);}

.clearpeaks .panel {border-color: #D9E2FF;
        background: #B2CDE8;
        color: #005F89;}
.clearpeaks .panel h2, .panel h3 {color: #005F89;}
.clearpeaks .panel a {color: #009;}
.clearpeaks .panel a:hover {color: #fff;}

                          
/************************************************

      Autumn Rouge Colouring

*************************************************/

.rouge a:link, .rouge a:visited {color: #D51D25;}
.rouge a:hover {color:#660901;}
.rouge h1, .rouge h2, .rouge h3, .rouge .intro { color: #970F00;}
.rouge .intro, .rouge ul.businesslist li { background-image: url(/image/upload/nanimo/rouge_divider.gif)}
.rouge ul.infomenu li a {border-color: #610900; color: #faa}
.rouge ul.infomenu li a:hover {color: #fff}

.rouge div.header { background-image:url(/image/upload/nanimo/rouge_headstrap.jpg);   }
.rouge div.header div.headpic div  { background-image:url(/image/upload/nanimo/rouge_headpic.png);}
.rouge div.footer { background-image:url(/image/upload/nanimo/rouge_foot.png);}

.rouge .header .menu a, .rouge .header .menu li.gray a:hover {background-image :url(/image/upload/nanimo/rouge_tab_r.gif); color: #660901;}
.rouge .header .menu .left, .rouge .header .menu li.gray a:hover .left {background-image :url(/image/upload/nanimo/rouge_tab_l.gif);}
.rouge .header .menu .middle, .rouge .header .menu li.gray a:hover .middle {background-image :url(/image/upload/nanimo/rouge_tab_m.gif);}

.rouge .panel {border-color: #610900;
        background: #970F00;
        color: #fcc;}
.rouge .panel h2, .panel h3 {color: #fff;}
.rouge .panel a {color: #f88;}
.rouge .panel a:hover {color: #fff;}


/************************************************

      Eggplant Colouring

*************************************************/

.eggplant a:link, .eggplant a:visited {color: #5D3557;}
.eggplant a:hover {color:#9D00B9;}
.eggplant h1, .eggplant h2, .eggplant h3, .eggplant .intro { color: #854B85;}
.eggplant .intro, .eggplant ul.businesslist li { background-image: url(/image/upload/nanimo/eggplant_divider.gif)}
.eggplant ul.infomenu li a {border-color: #9D00B9;}

.eggplant div.header { background-image:url(/image/upload/nanimo/eggplant_headstrap.jpg);   }
.eggplant div.header div.headpic div  { background-image:url(/image/upload/nanimo/eggplant_headpic.png);}
.eggplant div.footer { background-image:url(/image/upload/nanimo/eggplant_foot.png);}

.eggplant .header .menu a, .eggplant .header .menu li.gray a:hover {background-image :url(/image/upload/nanimo/eggplant_tab_r.gif); color: #552C4E;}
.eggplant .header .menu .left, .eggplant .header .menu li.gray a:hover .left {background-image :url(/image/upload/nanimo/eggplant_tab_l.gif);}
.eggplant .header .menu .middle, .eggplant .header .menu li.gray a:hover .middle {background-image :url(/image/upload/nanimo/eggplant_tab_m.gif);}

.eggplant .panel {border-color: #750067;
        background: #552C4E;
        color: #FFD5FA;}
.eggplant .panel h2, .panel h3 {color: #fff;}
.eggplant .panel a {color: #D085C7;}
.eggplant .panel a:hover {color: #fff;}

.eggplant .footer a {color: #D085C7}


/************************************************

      Hunter Green Colouring

*************************************************/

.hunter a:link, .hunter a:visited {color: #008614;}
.hunter a:hover {color:#365E3C;}
.hunter h1, .hunter h2, .hunter h3, .hunter .intro { color: #365E3C;}
.hunter .intro, .hunter ul.businesslist li { background-image: url(/image/upload/nanimo/hunter_divider.gif)}
.hunter ul.infomenu li a {border-color: #004E0C;}

.hunter div.header { background-image:url(/image/upload/nanimo/hunter_headstrap.jpg);   }
.hunter div.header div.headpic div  { background-image:url(/image/upload/nanimo/hunter_headpic.png);}
.hunter div.footer { background-image:url(/image/upload/nanimo/hunter_foot.png);}

.hunter .header .menu a, .hunter .header .menu li.gray a:hover {background-image :url(/image/upload/nanimo/hunter_tab_r.gif); color: #365E3C;}
.hunter .header .menu .left, .hunter .header .menu li.gray a:hover .left {background-image :url(/image/upload/nanimo/hunter_tab_l.gif);}
.hunter .header .menu .middle, .hunter .header .menu li.gray a:hover .middle {background-image :url(/image/upload/nanimo/hunter_tab_m.gif);}

.hunter .panel {border-color: #005447;
        background: #365E3C;
        color: #D3E8D6;}
.hunter .panel h2, .panel h3 {color: #fff;}
.hunter .panel a {color: #54A05F;}
.hunter .panel a:hover {color: #fff;}

.hunter .footer a {color: #54A05F}



/* Colin's Added a <hr> at the end for some reason */
hr {display: none}