html,body{
    background-color:#fff;
    color:#000;
    font:normal 93% verdana,sans serif;
    margin:5px;
    padding:0;
    height:100%;
}

h1{             /*hidden heading for SEO*/
    font-size:0%;
    display:none;
    padding:0;
    margin:0;
}


h2{
    font:bold 1.5em comic sans ms,cursive;
    color:#fff;
    padding:1px 0 1px 5px;
    margin:10px 0 5px 0;
    text-align:left;
}

h3{
    font:bold 1.3em comic sans ms,cursive;
    color:#6B37B3;
    margin:0 0 10px 0;
    padding:0;
}

h4{
    font:normal 1.6em comic sans ms,cursive;
    color:#d33;
    margin:0 0 10px 0;
    padding:0 0 3px 0;
    border:0;
    border-bottom:1px dashed #666;
}

h2.contact{
    background-color:#36f;
    margin:7px 0 0 0;
}

h2.help{
    background-color:#f0f;
}

h2.shop{
    background-color:#536C8B;
}

h2.greetings{
    background-color:#3AB5BE;
}

h2.about{
    background-color:#c0f;
}

h2.home{
    background-color:#9c0;
}

p{
   margin:10px 0 10px 0;
}

p.caption{
margin:4px 0 4px 0;
color:#5b2899;
}

a,
a:active,
a:visited{
    color:#0a0;
    font-weight:bold;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

table.cardstable {
  width: auto;
  padding:0;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
}

td.cardscell  {
  border: 0;
  text-align: center;
  vertical-align: top;
  padding: 0px 5px 8px 5px;
}

p.cardtitle {
  text-align: center;
  font-style: italic;
  font-weight: bold;
  font-size: 0.8em;
  margin-bottom: 6px;
}

img{       /*by default images will have a 1pixel black border*/
    border:1px solid #aaa;
}

img.cardborder{
    border:1px dashed #666;
}

img.popup{
    margin:auto;
}

#map{
    border:1px solid #000;
    width:373px;
    height:230px;
    margin:10px 0 0 0;
}

div.center{
    padding:0;
    margin:0;
    text-align:center;
}

#loading {
  border:0;
  background:#fff url('images/loading.gif')50% 50% no-repeat;
}


#wrap{
    width:755px;
    margin:0 auto 0 auto;
    text-align:center;
}

#content{
    width:755px;
    padding:0px;
    text-align:left;
}

#content ul{
list-style: disc;
list-style-position:outside;
margin:20px 10px 20px 10px;
padding:0;
color:#6B37B3;
}

#content li{
margin:10px;
}


/*crumbtrail specific*/

#crumbtrail{
    color:#000;
    font:italic 1em verdana,sans serif;
    margin:5px 0 0 0;
    background-color:#eee;
    width:748px;
    padding:2px 0 2px 5px;
    border:1px solid #aaa;
    }

#crumbtrail a,
#crumbtrail a:active,
#crumbtrail a:visited{
    font-weight:bold;
    text-decoration:none;
}
#crumbtrail a:hover{
            text-decoration:underline;
}

/*footer specific*/

#footer{
width:755px;
margin:0 auto 0 auto;
text-align:center;
clear: both;
}

#details {
    width:100%;
    font-size: 0.8em;
    color: #888;
    background-color:#efefef;
    border:1px solid #aaa;
    margin:3px 0 5px 0;
    border-collapse:collapse;
}

#details td{
        padding:5px;
        vertical-align:top;
}

#details a,
#details a:link,
#details a:visited,
#details a:hover {
        text-decoration:underline;
        color:#888;
        font-weight:normal;
}

#nav{    /*footer navigation*/
    width:100%;
    margin:15px 0 3px 0;
    font-size:0.9em;
    background-color:#efefef;
    border:1px solid #aaa;
    border-collapse:collapse;
    color:#888;
}

#nav td{
    padding:3px 0 3px 0;
}

#nav a,
#nav a:active,
#nav a:visited{
    font-weight:bold;
    text-decoration:none;
}
#nav a:hover{
    text-decoration:underline;
}




/*header and navigation*/

#header{
    width:755px;
    text-align: center;
    font:bold 1.2em comic sans ms,cursive;
}

#header img{
        border:0;
}

#navigation {
    clear : both;
    padding:0;
    width: 755px;
    margin:5px auto 0 auto;
    color:#0b0;
    text-align: center;
}

/*forms and input*/

form{
    margin:0;
    padding:0;
}

form.contact{
    margin:10px 0 0 0;
}

form.ml{
    margin:10px 0 10px 0;
    width:242px;
}

label{
    margin:0;
    padding:0;
}

textarea.enquiry{
    width:190px;
    background-color:#eee;
    border:1px solid #0b0;
    overflow:auto;
}

#list{
    border:0;
}

input{
    border:1px solid #0b0;
    margin:5px 0 0 0;
}

input.quantity{
    width:15px;
}

input.donation{
    width:40px;
}

input.add{
    border:1px solid #FF9D9D;
    background-color:#ccc;
    color:#000;
    font-weight:bold;
}

input.ml{
    background-color:#eee !important;
    width:128px;
    font-size:1em;
    padding:2px;
}

input.btn{
    background-color:#eee;
    color:#6B37B3;
    font-weight:bold;
    font-size:1em;
    height:20px;
    padding-bottom:2px;
}

input.mlbtn{
    background-color:#eee;
    color:#6B37B3;
    font-weight:bold;
    font-size:1em;
    height:22px;
    width:101px;
    padding-bottom:2px;
}

input.txt{
    width:190px;
    background-color:#eee !important;
    font-size:1em;
    margin:0;
}



/*home page specific*/

#home2{
    width:755px;
}

#home2 td{
       padding:3px;
       background-color:#B3C8FF;
       vertical-align:top;
       width:33%;
}

#home2 h2{
    margin:0;
    padding:0 0 2px 0;
    color:#fff;
    text-align:center;
    font-size:1.5em;
    font-weight:normal;
}

#greetings{
    text-align:center;
}

#greetings img{
           border:0;
}


#home{
    width:761px;
    margin:0 -3px 0 -3px;
    padding:0;
    text-align:left;
    border-collapse:collapse;
}

#home td{
    vertical-align:top;
    padding:3px;
    margin:0;
    border:0px solid #000;
}

#home div{
      background-color:#B3C8FF;
      padding:4px;
}

#home h2{
    margin:0;
    padding:0 0 2px 0;
    color:#fff;
    text-align:center;
    font-size:1.4em;
    font-weight:normal;
}

#greetings{
        text-align:center;
}

#greetings img{
    border:0;
}

.gallery {
    font-size:0.8em;
    margin-bottom: 1px;
    margin-top: 2px;
}

div.featured_thumbs{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

img.featured_thumbs{
    margin: 4px 10px 4px 10px;
    border: 1px solid #aaa;
    height: 80px;
}

/*about page specific*/

#about{
    width:755px;
    font-family:comic sans ms,cursive;
    font-size:118%;
    font-weight:normal
}

#about a,
#about a:active,
#about a:visited,
#about a:hover{
       font-family:comic sans ms,cursive;
       font-size:1.1em;
}

table.abouttable{
    border-collapse:collapse;
}

.abouttable img{
  margin-bottom:5px;
  float:left;
  display:block;
  clear:left;
}

#about img{
       border:0;
}

#about td{
    margin:0;
    vertical-align:top;
    padding:3px;
}

/*more about page specific*/


#moreabout{
    border-collapse:collapse;
    width:755px;
    margin:0;
    padding:0;
}

h2.about{
    color:#fff;
    padding:1px 0 1px 5px;
}

#moreabout td{
    vertical-align:top;
    padding:0;
}

#moreaboutmenu div{
    padding:0 2px 2px 2px;
    width:120px;
    margin:10px 0 10px 40px;
    font-family:comic sans ms,cursive;
    font-weight:normal;
    font-size:1.1em;
    text-align:center;
}
#moreaboutmenu{
    width:120px;
}

#moreaboutmenu a,
#moreaboutmenu a:active,
#moreaboutmenu a:visited,
#moreaboutmenu a:hover{
          color:#fff;
          text-decoration:none;
}

/*shop page specific*/

#shop{
    border-collapse:collapse;
    width:755px;
    margin-top:10px;
}

#shop td{
      padding:5px;
      vertical-align:top;
}

#shop h2{
      margin:0px 0 5px 0;
}

#shop p{
    margin:8px 0 5px 5px;
}

#onlineshop{
    width:55%;
    border-right:1px dashed #aaa;
}

#featured{
    width:100%;
    margin:0 auto 0 auto;
    border-collapse:collapse;
    text-align:center;
    color:#5b2899;
    font-style:italic;
    font-weight:bold;
    font-size:1em;
}

#featured img{
    margin:3px 0 0 0;
}

#featured h3{
          text-align:left;
          font-size:1.4em;
          margin:10px 0 5px 0;
          border-bottom:1px dashed #aaa;
          width:100%;
}

.shopitem_img{
         margin-right: 10px;
         margin-bottom: 2px;
}

.shopitem_caption{
          font-size: 0.8em;
          text-align: center;
          margin-top: 2px;
          padding: 0px;
}

#cartdisp {
          border: 1px dashed #888;
          width: 550px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 20px;
          margin-bottom: 10px;
          text-align: center;
          font-size: 0.8em;
}

.catgreen{
    background-color: #188850;
}

.catyellow{
    background-color: #f2c10e;
}

.catpurple{
    background-color: #9900cc;
}

.catblue{
    background-color: #333399;
}

.catbrown{
    background-color: #918f3b;
}

/*shop styles, category page, jamie added these on 23rd april*/

table.catlist{
margin:15px auto 15px auto;
width:650px;
border-collapse:collapse;
}

.catlist p{
margin-top:0;
}

.catlist td{
   padding:3px;
   vertical-align:top;
}

div.cathead{
    padding:0 2px 0 2px;
    width:530px;
    text-align:center;
    color:#fff;
}

p.cathead,
a.cathead,
a.cathead:active,
a.cathead:visited,
a.cathead:hover{
         font-weight:bold;
         font-family:comic sans ms,cursive;
         font-size:1.5em;
         color:#fff;
         text-decoration:none;
         margin: 0px;
}

div.shopbreak{
    border-bottom: 1px solid #6B37B3;
    height:1px;
    width:100%;
}

td.gallerycell{
   vertical-align:top;
   width:20%;
   text-align:center;
   padding:0 5px 0 5px;
}

.gallerycell strong{
     color:#6B37B3;
     font-size:1.2em;
}

.gallerytable {
    margin-left: auto;
    margin-right: auto;
}