@import url(thickbox.css);

/*===== Reset common tags ====================================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}

/*===== Redefine common tags =================================================*/
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; } 
h1 { font-size:1.4em; font-weight: bold; color: #000; } 
h2 { font-weight: bold; } 
h3 { font-weight: bold; } 
h1,h2,h3 { margin:0 0 1em 0; } 
abbr,acronym { border-bottom:1px dotted #000; }  
@media screen { abbr,acronym { cursor:help; } }
em { font-style:italic; } 
blockquote,ul,ol,dl { margin:1em; } 
ol,ul,dl { margin-left:2em; } 
ol li { list-style: decimal outside; } 
ul li { list-style: disc outside; } 
ul li li { list-style: circle outside; }
dl dd { margin-left:1em; } 
th { font-weight:bold; text-align:center; } 
th.selected { font-weight:bold; text-align:left; } 
th.alternate { font-weight:bold; text-align:left; } 
caption { margin-bottom:.5em; text-align:center; } 
p,fieldset,table { margin-bottom:1.5em; }
sup { font-size:xx-small; vertical-align:top; }
sub {font-size:xx-small; vertical-align:bottom;} 
address { margin: 0 0 1em 0; }

/*===== Redefine form elements ===============================================*/
input.text, textarea, select 
{
    border-color: #cecece;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
}
input.text, textarea { padding: 3px; }
input.text:focus, textarea:focus, select:focus 
{
    border-color: #333 #999 #999 #333;
    background-color: #fefefe;
}

/*===== Clear Fix ============================================================*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.to-right { float: right; margin: 0 0 10px 10px; }
.to-left { float: left; margin: 0 10px 10px 0; }

/*===== noscript warning =====================================================*/
.noscriptWarning
{
    padding: 10px;
    background: #ffe;
    border-bottom: 1px solid #776;
    color: #900;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 1.1em;
}

/*==== Set up global common elements for site and sms editor =================*/
body, td, pre 
{
	font-family: Trebuchet MS, Tahoma, Arial;
  font-size: 13px;
  line-height: 1.4em;
  color: #342520;
}
a  { color: #0B52A2; }
a:hover { text-decoration: none; }
h1 { font-size: 28px; line-height: 29px; }
h2 { font-size: 23px; font-weight: normal; line-height: 24px; margin: 0 0 10px 0; }
h3 { font-size: 20px; border-bottom: 1px solid #342520; padding: 0 0 3px;  font-weight: normal; margin: 0 0 8px 0; }
h4 {}
h5 {}
blockquote {}
hr { border: 0; background: #342520; color: #342520; height: 1px; }
ul li { margin: 0 0 15px 0; }

/*==== Frame =================================================================*/
body {margin: 0 0 100px 0; background: #3A2826 url(../images/Wood-Bg.jpg) top center; }
#header hr, #footer hr { display: none; }
#canvas { margin: 0 auto; width: 960px; background: url(../images/Wood-Bg-Light.jpg) top center no-repeat; }

/*==== main Body area ========================================================*/
#main-body-wrapper, #footer, #header { width: 910px; margin: 0 auto; }
#main-body-wrapper { background: #E3C697 url(../images/Body-Sync.jpg) top center repeat-y; }
#main-body-container { background: url(../images/Body-Top.jpg) top center no-repeat; }
#main-body { background: url(../images/Body-Bottom.jpg) bottom center no-repeat; padding: 47px 12px 10px 13px; position: relative; z-index: 5; }

/*==== Footer ================================================================*/
#footer, #footer a { color: #fff; }
#footer { padding: 0 20px; width: 870px; font-style: italic; }

/*==== Header area ===========================================================*/
#header {	position: relative; height: 100px; z-index: 10; }
#header-logo { position: absolute; top: 9px; left: 25px; }

/*==== Main Navigation =======================================================*/
ul#main-nav, ul#main-nav li { padding: 0; margin: 0; list-style-type: none; }
ul#main-nav {
	background: url(../images/Nav-Bg.jpg) 0 6px no-repeat;
	width: 635px;
	position: absolute;
	bottom: -47px;
	right: 20px;
	height: 90px;
	padding: 0 0 0 20px;
}
ul#main-nav li { float: left; }
ul#main-nav li a { 
  color: #fff; 
  text-decoration: none; 
  display: block;
  height: 65px;
  float: left;
  padding: 25px 14px 0px; 
  position: relative;
}
ul#main-nav li a:hover { text-decoration: underline; }
ul#main-nav li.selected a { background: url(../images/Nav-Selected.jpg) top repeat-x; padding-left: 20px; padding-right: 20px; color: #281B1A;}
ul#main-nav li.selected a .l, ul#main-nav li.selected a .r {
	position: absolute;
	top: 0;
	width: 69px;
	height: 90px;
	background-repeat: no-repeat;
	background-position: top left;
}
ul#main-nav li.selected a .l { left: -13px; background-image: url(../images/Nav-Selected-Left.gif); }
ul#main-nav li.selected a .r { right: -13px; background-image: url(../images/Nav-Selected-Right.gif); }
#gift-shop { position: absolute; top: 85px; right: -52px; }  
ul#main-nav li#gift-shop a {
  display: block;
  background: url(../images/Gift-Shop.gif) top left no-repeat;  
  width: 44px;
  height: 126px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
}
/*==== Page Banner ===========================================================*/
#banner {
	background: #352323;
	border-color: #fff;
	border-style: solid;
	border-width: 4px 0;
	min-height: 60px;
	height: auto !important;
	height: 60px;
}
#banner h1 {
  padding: 20px 20px 20px 250px;
  color: #fff;
  font-family: Georgia, Times New Roman;
  font-weight: normal;
  margin: 0;
}
#banner h1.home {
	background: url(../images/Home-Header-Bg.gif) top left no-repeat;
	padding: 20px 20px 20px 320px;
	height: 129px;
}

/*==== Content Area ==========================================================*/
#content { padding: 0 30px 30px 40px; 
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
#extra {
	background: url(../images/Crest-Watermark.jpg) top left no-repeat;
	width: 236px;
	height: 369px;
	position: absolute;
	bottom: 15px;
	right: 20px;
}
#left-content { width: 200px; float: left; padding: 15px 0 0; }
#body { width: 390px; float: left; margin-left: 10px; padding: 15px 0 0;}
#side-content { width: 200px; float: right; padding: 0 0 360px 0;}
#body.is-wide { width: 580px; }
#side-nav {
	background: url(../images/Right-Side-Bg.gif) top right repeat-y;
	padding: 20px 15px;
	width: 170px;
}
#side-nav .twitter {
	background: url(../images/Twitter-Icon.gif) 0 3px no-repeat;
	padding-left: 20px;
	zoom: 1;
}
#side-nav .linkedin {
	background: url(../images/Linkedin-Icon.gif) 0 3px no-repeat;
	padding-left: 20px;
	zoom: 1;
}
#side-nav .facebook {
	background: url(../images/Facebook-Icon.gif) 0 3px no-repeat;
	padding-left: 20px;
	zoom: 1;
}
#side-nav .photogallery {
	background: url(../images/Gallery-Icon.gif) 0 3px no-repeat;
	padding-left: 20px;
	zoom: 1;
}

/*===== Add Photo Frame ======================================================*/
span.photo {
  background: #BBAB8A;
  border: 1px solid #D5BE88;
  padding: 1px;
  display: -moz-inline-box;
  display: inline-block;
}
span.photo img { border: 3px solid #fff; }

/*===== Upcoming Evengs ======================================================*/
#upcoming-events { margin: 0 0 10px 0; }
#upcoming-events h3 { margin: 0 0 10px 0; padding: 0; font-size: 20px; background: #fff; border: 1px solid #D5BE88; font-weight: normal; text-align: center;}
#upcoming-events h3 span { display: block; border: 1px solid #BBAB8A;  padding: 10px; }
#upcoming-events .event { margin: 0 0 25px 0; padding: 0 10px; }
#upcoming-events .date { float: left; clear: both; width: 50px; text-align: center; }
#upcoming-events .date .month { display: block; font-size: 14px; }
#upcoming-events .date .year { display: block; font-size: 20px; }
#upcoming-events .date .up-to { display: block; font-size: 10px; }
#upcoming-events .content { margin-left: 60px; font-size: 11px; line-height: 14px; }

/*===== Content Form =========================================================*/
#content fieldset {background:#DAB888;padding:20px;border:1px solid #C59B69; }
#content fieldset label { display: block; width: 120px; float: left; }
#content fieldset .input { margin-left: 140px; }
#content fieldset .field { margin: 0 0 10px 0; }
#content fieldset .command { padding-left: 140px; }
#content fieldset .command input { background: #352323; color: #fff; border: 1px solid #fff; padding: 4px 10px;}

/*===== Content Table ========================================================*/
#content table { border-collapse: collapse; width: 100%; border-top: 1px solid #C59B69; }
#content table caption {
  background: #B98B59;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  padding: 5px;
  margin: 0;
}
#content table td { border-bottom: 1px solid #C59B69; padding: 5px 10px; }
#content table tr.alternate td { background: #DAB888; }

/*===== Home Page Gallery ===================================================*/
.photo-gallery .photo { float: left; margin: 0 10px 10px 0;  }
.photo-gallery .photo a { border: 3px solid #fff; display: block; width: 100px; height: 100px; overflow: hidden; }
.photo-gallery .photo img { height: 100px; }
#side-content .photo-gallery .photo a { width: 70px; height: 70px; }
#side-content .photo-gallery .photo img { height: 70px; }
#side-content .photo-gallery { padding: 15px 0 0 15px; }
.photo-gallery .photo {
  background: #BBAB8A;
  border: 1px solid #D5BE88;
  padding: 1px;
}


/*===== Disable Home page crest =============================================*/
.home #extra, .index #extra, .default #extra { background: none; width: 0; height: 0; }
.home #side-content, .index #side-content, .default #side-content { padding-bottom: 0;}