body {
  text-align: center;
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
  font-size: .8125em;
  background: #fff url(images/bodybg.jpg) top center repeat-y;
  }
  
#wrapper {
  padding: 0;
  width: 780px;
  margin: 0 auto;
  text-align: left;
  background: #fff url(images/wrapperbg.jpg) top repeat-y;
  height: auto;
  }
  
#xlwrapper {
  padding: 0;
  width: 780px;
  margin: 0 auto;
  text-align: left;
  background: #fff url(images/wrapperbg.jpg) top repeat-y;
  height: auto;
  }
  
#header {
 position: relative;
 margin: 0;
 padding: 0;
 background-color: #fff;
 }
 
#subheader {
position: relative;
margin: 0;
padding: 0;
background-color: #fff;
}

#navcontainer {
position: relative;
margin: 0;
padding: 0;
border-top: 1px dotted #362915;
border-bottom: 1px dotted #362915;
}

#navlist {
text-align: center;
padding: 10px;
margin: 0;
}

#navlist li {
display: inline;
list-style-type: none;
padding-right: 20px;
color: #362915;
}

#navlist a, a:visited {
text-decoration: none;
color: #392915;
}

#navlist a:hover {
color: #9F9B74;
text-decoration: none;
}

#breadcrumbs {
font-size: .795em;
color: #392915;
padding: 5px 0px 2px 20px;
margin: 0;
}

#breadcrumbs a, a:hover {
text-decoration: none;
color: #392915;
}

#breadcrumbs a:hover {
color: #9F9B74;
text-decoration: underline;
}

#leftcol {
float: left;
padding: 0;
margin: 0;
width: 270px;
height: 350px;
}

#leftcol img {
padding-left: 30px;
border: none;
}

#leftcol a {
text-decoration: none;
}

#leftcol p {
line-height: 10%;
padding: 0;
margin: 0;
}

#rightcol {
float: left;
padding: 0;
margin: 0;
width: 500px;
background: url(images/rightcolbg.gif) no-repeat;
height: 370px;
}

#rightcol p.home {
color: #362915;
margin-right: 0px;
padding-top: 40px;
padding-left: 70px;
line-height: 140%;
font-size: .875em;
}

#rightcol p {
color: #362915;
margin-right: 0px;
padding-left: 70px;
line-height: 140%;
padding-right: 40px;
font-size: .875em;
}

#rightcol a, a:visited {
color: #362915;
text-decoration: underline;
}

#rightcol a:hover {
text-decoration: underline;
}

#rightcol img.welcome {
padding-left: 0;
margin: 0;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatLefthome { 
    float: left; 
    padding: 0px 0px 0px 48px;
    margin: 2px;
    border: none;
}

img.floatRighthome { 
    float: right; 
    margin: 2px;
    padding-right: 45px;
    padding-top: 57px;
}

img.floatRight { 
    float: right; 
    margin: 2px;
    padding-right: 30px;
    padding-top: 10px;
}

#shoppewrapper {
  padding: 0;
  width: 780px;
  margin: 0 auto;
  text-align: left;
  background: #fff url(images/wrapperbg.jpg) top repeat-y;
  height: 750px;
  }

#shoppe {
margin: 10px 30px 0px 30px;
padding: 0px 30px 0px 30px;
height: auto;
text-align: center;
}

#shoppe img {
border: none;
} 

#shoppe p {
color: #362915;
line-height: 140%;
padding-left: 20px;
text-align: left;
}

#widecol {
margin: 10px 20px 20px 20px;
padding: 0;
text-align: center;
}

#widecol p, ul, li {
color: #362915;
line-height: 140%;
list-style-type: square;
padding-left: 20px;
padding-top: 10px;
text-align: left;
}

#widecol li.not {
background-image: url("images/notattending.gif");
color: #362915;
line-height: 140%;
list-style-type: square;
padding-left: 20px;
padding-top: 10px;
text-align: left;
}


#widecol a, a:visited {
color: #362915;
text-decoration: underline;
}

#photocol {
margin: 0;
padding: 10px;
text-align: center;
width: 650px;
}

#photocol p {
clear: both;
color: #362915;
line-height: 140%;
list-style-type: square;
padding-left: 20px;
padding-top: 10px;
text-align: left;
}

#products {
margin: 10px 20px 20px 20px;
padding: 0;
text-align: left;
background: none;
}

#products img {
padding: 3px 20px 3px 20px;
border: none;
}

#products h2 {
color: #362915;
font-size: 1.1em;
}

#products a, a:visited {
color: #362915;
text-decoration: none;
}

#products p {
color: #362915;
margin-right: 0px;
padding-left: 25px;
line-height: 140%;
font-size: 1em;
}

table {
padding: 0px 20px 5px 20px;
width: 100%;
}

table tr, td {
text-align: center;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
color: #362915;
}

table td.left {
text-align: left;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
color: #362915;
}

table td.right {
text-align: right;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
color: #362915;
}

#table img {
border: none;
}

#table a, a:visited {
color: #362915;
text-decoration: none;
}

#table p {
color: #362915;
line-height: 140%;
text-align: left;
}

.topleft {
padding-right: 20px;
margin: 0;
float: left;
width: 200px;
height: 200px;
}

.topcenter {
padding-right: 20px;
float: left;
width: 200px;
height: 200px;
}

.topright {
float: left;
width: 200px;
height: 200px;
}

.bottomleft {
padding-top: 20px;
padding-right: 20px;
float: left;
width: 200px;
height: 200px;
}

.bottomcenter {
padding-top: 20px;
padding-right: 20px;
float: left;
width: 200px;
height: 150px;
}


.bottomright {
padding-top: 20px;
float: left;
width: 200px;
height: 200px;
}



#footer {
clear: both;
text-align: center;
font-size: .795em;
color: #362915;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}

#footer a, a:visited {
text-decoration: none;
color: #392915;
}

#footer a:hover {
color: #9F9B74;
text-decoration: none;
}

/*contact form*/
#contactform {
padding-top: 20px;
margin: 0;
height: auto;
}

#contactform label{
float: left;
width: 130px;
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
color: #392915;
}

#contactform input, textarea {
width: 400px;
margin-bottom: 5px;
}

#contactform textarea {
width: 400px;
height: 100px;
background-color: #f5f1e6;
}


#contactsubmitbutton{
margin-left: 170px;
margin-top: 0px;
width: 90px;
background-color: #f5f1e6;
color: #392915;
padding-left: 20px;
}

#contactform br{
clear: left;
}

#extraimg {
clear: both;
padding-left: 20px;
width: 100%;
text-align: center;
width: 700px;
}

#extraimg img {
padding-right: 20px;
}