* { padding: 0px; margin: 0px;}
body { background-color: #a19f90; text-align: center; font-size: 12px; font-family: georgia; line-height: 20px; padding: 0px; margin: 0px;}
#template { margin: 0 auto; padding: 0px; text-align: left; width: 940px; border: solid 0px red;}
#bottom { height: 23px; background: url(webslice-bottom.png) no-repeat center top; border: solid 0px blue;}
/*------------------------- GLOBAL ------------------------*/
a:link, a:visited,a:active,a:hover { color: black; outline: none;}
form { padding: 0px; margin: 0px;}
img { outline: none; border: none;}
/*img { border: solid 0px #7f725e;}*/
iframe { border: solid 5px #7f725e;}
p { padding: 0px; margin: 0px; margin-bottom: 5px; font-family: Arial;}
h1 { padding: 0px; margin: 0px; margin-bottom: 10px; font-size: 20px;}
h1 a { text-decoration: none; }
h2 a { text-decoration: none; }
h3 a { text-decoration: none; }
.readmore a { font-style: italic; font-size: 11px; text-decoration: none; }
.ruler { height: 2px; border-bottom: dotted 1px #737165; margin: 2px 0; margin-bottom: 5px;}
.author a { text-decoration: underline; }

#top-link { display: block; background: url(bg-top.jpg) no-repeat center top; height: 136px; }

/*--------------------------TOP MENU----------------------------- */
#menubar { height: 66px; border: solid 0px red; background: url(bg-menu.jpg) no-repeat bottom center; position: relative; z-index: 1500;}
 /* note: the dropdown shadow positioning depends on the height of the top level <a> elements */
 #top-menu {position: absolute; left: 50px; top: 0px; border: solid 0px blue; height: 28px; }
 #top-menu > li {display: block; float: left; margin-right: 20px; position: relative;border: solid 0px blue; height: 20px;}
 #top-menu a { display: inline-block; font-size: 18px; height: 20px; font-family: Georgia;font-variant: small-caps; color: #999; text-decoration: none;}
 #top-menu a.selected { color: black; text-decoration: none; }
 #top-menu a.hover { color: black; text-decoration: none;}
 #top-menu > li { padding: 0px 0; /*background-color: Blue;*/}
 #top-menu > li > ul { display: none; position: absolute; left: -30px; top: 23px; width: 196px; border: solid 0px blue; }
 #top-menu > li > ul > li { padding: 0px 0px; width: 196px; display: block; border: solid 0px blue; background: url(pulldown-middle.png) repeat-y center top; }
 #top-menu > li > ul > li.isfirst { padding-top: 10px;background: url(pulldown-top.png) no-repeat center top; }
 #top-menu > li > ul > li.islast { padding-bottom: 20px;background: url(pulldown-bottom.png) no-repeat left bottom; }
 #top-menu > li > ul > li > a { padding-left: 30px; }
 /*
.top-menu { position: relative; background: url(webslice-header2.jpg) no-repeat center bottom; border: solid 0px green; height: 202px; }
.top-menu .top-link { display: block; position: absolute; left: 10px; top: 10px; width:220px; height: 120px; border: solid 0px red; }
.top-menu ul { position: absolute; top: 137px; text-align: center; border: solid 0px blue; margin: 0px; line-height: normal; list-style-image: none; list-style-position: outside; list-style-type: none;}
.top-menu li { margin: 0px; display: inline; margin-right: 10px;}
.top-menu li.islast { margin: 0px;}
.top-menu a {font-family: Georgia; font-size: 18px; color: #aaa; font-variant: small-caps; text-decoration: none; outline: none;}
.top-menu a:hover { color: black;}
.top-menu a.selected { color: black;}

 .top-menu ul > li > ul { display: none; position: absolute; left: -30px; width: 196px;  border: solid 0px blue; border-top: solid 0px white;}
 .top-menu ul > li > ul > li { padding: 4px 0px; width: 196px; display: block; border: solid 0px blue; background: url(pulldown-middle.png) repeat-y center top; }
 .top-menu ul > li > ul > li.isfirst { padding-top: 10px;background: url(pulldown-top.png) no-repeat center top; }
 .top-menu ul > li > ul > li.islast { padding-bottom: 20px;background: url(pulldown-bottom.png) no-repeat center bottom; }
 .top-menu ul > li > ul > li > a { padding-left: 30px; }*/


/*------------------------- BOTTOM MENU ----------------------------*/
#bottom-backdrop { background: url(webslice-body.png) repeat-y center top; border: solid 0px red; height: 20px; padding: 0px; margin: 0px;}
.bottom-menu { margin: 0px; padding: 0px; text-align: center;}
.bottom-menu ul{ margin: 0px; padding: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; text-align: center;}
.bottom-menu ul > li { font-size: 12px; color: #999; padding: 0px; margin: 0px; display: inline; margin-left: 5px; margin-right: 5px;}
.bottom-menu a,.bottom-menu a:link,.bottom-menu a:active,.bottom-menu a:hover,.bottom-menu a:visited 
   { color: #999; font-family: Arial; text-transform: capitalize; text-decoration: none; outline: none;}
.bottom-menu a:hover { color: black;}
.bottom-menu a[selected="true"] { color: black;}

/*----------------- LAYOUT WRAPPERS --------------*/
#content-backdrop { background: url(webslice-body.png) repeat-y center top; padding: 0px 20px; margin: 0px; min-height: 500px; border: solid 0px red;}
#content-watermark { background: url(webslice-watermark.png) no-repeat 100px 0px; width: 100%; border: solid 0px red;}
/* this is the div in which we host the layouts */
#content-layout {margin: 0px 52px;min-height: 500px;}

/*-----------------  LAYOUT ---------------------*/
.column { border: solid 0px red;}
/*.col-small { width: 328px;}
.col-large { width: 450px;}*/
.col-small { width: 278px;}
.col-large { width: 500px;}
.col-left { float: left;}
.col-right { float: right;}
.col-right-placeholder { margin-left: 30px;}

/*--------------- SLIDESHOWS -------------------*/
.slideshow  *{ background-color: #f1ecd4; padding: 0; margin: 0;}
.slideshow img { border: solid 1px #7f725e;}
#slideshow {/* border: solid 5px #7f725e;*/}

/*---------------- HOME PAGE ---------------------*/
#welcome-text { padding-bottom: 10px; margin-bottom: 10px;}
#welcome-text h1 { margin: 20px 0; font-weight: bold; font-size: 24px;}
#welcome-text p{ padding: 0px; margin: 0px;}

/*----------------- BLOG ------------------------*/

/*-----------SUMMARY-------------*/
.plugin-blog-summary-article { font-family: arial; font-size: 12px; text-align: left; margin-bottom: 10px; border-bottom: dotted 1px #999;}
.plugin-blog-summary-title { margin: 0px; padding: 0px; font-size: 16px; font-weight: normal; font-family: Georgia;}
.plugin-blog-summary-title a,
 .plugin-blog-summary-title a:link,
 .plugin-blog-summary-title a:active,
 .plugin-blog-summary-title a:hover,
 .plugin-blog-summary-title a:visited { color: Black; text-decoration: none; outline: none;}
.plugin-blog-summary-meta { display: block; color: #737165; text-align: left; font-size: 11px; padding: 0px; margin: 0px; margin-bottom: 5px;}
.plugin-blog-summary-meta a { color: inherit;}
.plugin-blog-summary-meta .author { font-style: italic;}
.plugin-blog-summary-body { text-align: left; padding: 0px; margin: 0px; color: #646054;}
.plugin-blog-summary-body > p { margin-top: 0px;}
.plugin-blog-summary-body .plugin-blog-summary-readmore { font-size: 10px;}
.plugin-blog-summary-readmore a{ text-decoration: none; font-style: italic; color: #737165;}

/*-----------CALENDAR-------------*/
.blog-calendar { text-align: center; width: 80%; border: solid 0px red;}
.blog-calendar caption { padding-bottom: 5px; font-weight: bold;}
.blog-calendar table { width: 100%; border-collapse: collapse; border-right: 1px solid #F1ECD4;}
.blog-calendar thead th { padding: 5px 0; text-align: center; border-top: 1px solid #E7E2CA; border-left: 1px solid #E7E2CA; background: #E7E2CA; font-weight: normal;}
.blog-calendar tbody td { color: #999; padding: 5px 0; text-align: center; border-top: 1px solid #F1ECD4; border-left: 1px solid #F1ECD4;}
.blog-calendar tfoot td { padding: 5px;}
.blog-calendar tfoot #next { text-align: right;}
.blog-calendar #today { font-style: italic; font-weight: bold; color: black;}
#comment-box textarea { width: 300px;height: 100px;font-size: 12px; font-family: Arial;}
#comment-box input[type="submit"] { padding: 0 5px;}

/* ----------------- BLOG SEARCH -------------------*/ 
.plugin-search-box { text-align: left;  border: solid 0px red; padding: 0px; margin-left: 40px;}
.plugin-search-box input[type="text"] {  border-color: #999999; border-style: solid; border-width: 1px; width: 150px;}
.plugin-search-box input[type="submit"] { border-color: #999999; border-style: solid; border-width: 1px; width: 50px; cursor: pointer;}
.plugin-search-highlight { font-weight: bold;}

/*---------------------------------------------- GALLERY BROWSER ---------------------------------------*/
.plugin-gallery-browser-item{ border: solid 1px transparent; /* fix firefox */ width: 400px; margin-left: 100px; margin-bottom: 10px;}
.plugin-gallery-browser-text { float: left; width: 250px;}
.plugin-gallery-browser-title { font-weight: bold;}
.plugin-gallery-browser-summary {}
.plugin-gallery-browser-readmore{ display: none;}
.plugin-gallery-browser-thumb { float: right;}

/* --------------------------------------- GALLERY VIEWER TOP TITLES & TEXT --------------------------------*/
.plugin-gallery-viewer-title{ font-size: bold;}
.plugin-gallery-viewer-description{}

/* ----------------------------------------GALLERY VIEWER (Jquery plugin) ---------------------------------- */
.main-gallery {}
.main-gallery .lvsys-ui-pagination { border-top: dotted 1px #999;}
 /* The display of content is enabled by a javascript generated style on the page.
    This is so that the slideshow content won't display unless javascript is enabled. */
#plugin-gallery-viewer { display: none;float:right; width:550px; }
#plugin-gallery-viewer a, #plugin-gallery-viewer-navigation a { text-decoration: none; color: #777;}
#plugin-gallery-viewer  a:focus, #plugin-gallery-viewer  a:hover, #plugin-gallery-viewer  a:active { text-decoration: underline;}
#plugin-gallery-viewer-controls { margin-top: 5px; height: 23px;}
#plugin-gallery-viewer-controls a { padding: 5px;}
div.ss-controls { float: left;}
div.nav-controls { float: right;}
#plugin-gallery-viewer-loading { background-image: url('loader.gif') no-repeat center; width: 550px; height: 350px}
#plugin-gallery-viewer-slideshow { clear: both;}
#plugin-gallery-viewer-slideshow span.image-wrapper { float: left; padding-bottom: 12px;}
#plugin-gallery-viewer-slideshow a.advance-link { padding: 2px; display: block; border: 0px solid #ccc;}
#plugin-gallery-viewer-slideshow img { /*border: none;*/ display: block;}
#plugin-gallery-viewer div.download { float: right; display: none;}
#plugin-gallery-viewer-caption { clear: both; border: 0px solid #ccc; /*background-color: #eee;*/ padding: 12px;}
#plugin-gallery-viewer div.image-title { font-weight: bold; font-size: 1.4em;}
#plugin-gallery-viewer div.image-desc { line-height: 1.3em; padding-top: 12px;}
 /* The navigation style is set by a javascript generated style on the page.
    This is so that the javascript specific styles won't be applied unless javascript is enabled. */
#plugin-gallery-viewer-navigation {}
#plugin-gallery-viewer-navigation ul.thumbs { clear: both; margin: 0; padding: 0;}
#plugin-gallery-viewer-navigation ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none;}
#plugin-gallery-viewer-navigation a.thumb { padding: 2px; display: block; border: 0px solid #ccc;}
#plugin-gallery-viewer-navigation ul.thumbs li.selected a.thumb { background: #000;}
#plugin-gallery-viewer-navigation a.thumb:focus { outline: none;}
#plugin-gallery-viewer-navigation ul.thumbs img { border: none; display: block;}
#plugin-gallery-viewer-navigation div.pagination { clear: both;}
#plugin-gallery-viewer-navigation div.top { margin-bottom: 12px; height: 11px;}
#plugin-gallery-viewer-navigation div.bottom { margin-top: 12px;}
#plugin-gallery-viewer-navigation div.pagination a, #plugin-gallery-viewer-navigation div.pagination span.current 
  { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px;}
#plugin-gallery-viewer-navigation div.pagination a:hover { text-decoration: underline;}
#plugin-gallery-viewer-navigation div.pagination span.current { font-weight: bold; /*background-color: #000; color: #fff; border-color: #000;*/ color: #000;}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li { float: none; padding: 0; margin: 0; list-style: none;}
#thumbs-min a.thumb { padding: 0px; display: inline; border: none;}
#thumbs-min ul.thumbs li.selected a.thumb { background: inherit; color: #000; font-weight: bold;}

/*------------------- CONTACT ---------------------*/
#plugin-contact-thanks { display: block; margin: 20px 0px; font-size: 16px;}
#form-contact {}
#form-contact input[type="text"] { width: 300px;}
#form-contact textarea { width: 300px;}
#form-contact input[type="submit"]{ padding: 0px 10px;}
.ui-form-captcha-img { border: none; }

/* ----------------------- PRODUCT ----------------------*/
.navlink { text-decoration: none; font-weight: bold; font-family: Arial; font-size: 14px; color: #884400;}
a.navlink { text-decoration: none; font-weight: bold; font-family: Arial; font-size: 14px;color: #884400;}
.side-box { border-bottom: dotted 1px #999; margin-bottom: 10px; padding-bottom: 10px; color: #737165;}
.side-box .title { color: black; font-size: 20px; margin-bottom: 5px;}
.side-box .inner h1 { color: black; font-size: 14px; font-style: italic; font-family: Arial; font-weight: normal; margin: 0; margin-bottom: 5px;}
.side-box .inner h2 { color: black; font-size: 12px; font-weight: normal; margin-bottom: 5px;}

.checkout .ui-label { min-width: 200px; }
.checkout .ui-input input[type=textbox] { min-width: 200px; }

.checkout h2 { font-size: 14px; font-family: Arial;  font-style: italic;}
.store-list-item { margin-bottom: 10px; }
.checkout th { text-align: left; }
button { padding: 0 5px; min-width: 73px;}
input[type=submit] { padding: 0 10px; min-width: 73px;}

.border-bottom { border-bottom: dotted 1px #999; margin-bottom: 10px; padding-bottom: 10px; }

/* events */
#calendar { margin: 0 10px; }
#calendar caption { padding-bottom: 5px; font-weight: bold; }
#calendar table { width: 100%; border-collapse: collapse; border-right: 1px solid #F5F2EF; }
#calendar thead th {padding: 5px 0;	text-align: center;border-top: 1px solid #F5F2EF; border-left: 1px solid #F5F2EF;background: #F5F2EF;}
#calendar tbody td {padding: 5px 0;	text-align: center;	border-top: 1px solid #F5F2EF; border-left: 1px solid #F5F2EF; border-bottom: 1px solid #F5F2EF;}
#calendar tfoot td {padding: 5px;}
#calendar td a:link, #calendar td a:visited, #calendar td a:hover, #calendar td a:active { color: black; font-weight: bold; text-decoration: underline;}
#calendar tfoot #next {	text-align: right;}
#calendar #today { background: #E7F1E1;}

/* new box styling */
.side-box2 { color: #737165; width: 305px; border: solid 0px red; margin-top: -14px; position: relative;}
.side-box2 .top { background: url(sidebox-top.png) no-repeat bottom center; height: 41px; }
.side-box2 .title { padding: 0 25px; padding-top: 17px; color: white; font-size: 18px; text-transform: uppercase;}
.side-box2 .title a { color: White; text-decoration: none;}
.side-box2 .middle { background: url(sidebox-middle.png) repeat-y center center; padding-bottom: 1px;}
.side-box2 .inner { padding: 10px 25px; }
.side-box2 .bottom { background: url(sidebox-bottom.png) no-repeat bottom center; height: 22px; }
.side-box2 h2 { color: black; font-family: Georgia; font-size: 16px; font-weight: normal; }
.side-box2 h3 { font-size: 11px; font-weight: normal; font-style: italic;}
.side-box2 p { margin-bottom: 5px; font-size: 11px; line-height: 16px; }
.side-box2 img { border: solid 1px #7f725e;}

/* listings (events, blogs, etc) */
.listing { margin-bottom: 5px; color: #646054; }
.listing h2 { color: Black; font-family: Georgia; font-size: 16px; font-weight: normal;}
.listing h3 { color: #222; font-size: 11px; font-weight: normal; font-style: italic; }
.listing h2 a { color: Black; }
.listing h3 a { color: #222; }
.listing p { margin-bottom: 5px; }
.listing img { border: solid 1px #7f725e;}