/* Stylesheet by Emerson R. Lackey */


/* Global Styles */
.clear {clear: both;}

/* Site Structure */
body {background: url(../images/background-tile.jpg) 0px 0px;}
#topspace {width: 960px; height: 100px; margin: 0px auto; position: relative;
background: url(../images/page-top.png) 0px 90px no-repeat;}
#wrapper {width: 960px; min-height: 600px; height: auto !important; height: 600px; margin: 0px auto;}
#content-wrapper {width: 960px; min-height: 600px; height: auto !important; height: 600px; margin: 0px auto; position: relative; background: url(../images/page-repeat.png) 0px 0px repeat-y; padding-bottom: 50px;}
#eng #wifi {position: absolute; right: 30px; top: 20px;}
#fr #wifi {position: absolute; right: -30px; top: 5px;}
#fair-trade {position: absolute; right: 55px; bottom: 20px; z-index: 1200;}
#header {width: 960px; height: 238px; margin: 0px auto; padding: 15px 0px 0px 0px; position: relative;}
#frame {width: 893px; height: 238px; margin: 0 auto;}
#featured-image {width: 893px; height: 238px; background: url(../images/new-frame.png) 0px 0px no-repeat; z-index: 1000; position: relative;}
#dynamic-image {z-index: 100; position: absolute;}

/* Logo and Message (and arrow) */
#logo {position: absolute; top: 30px; left: 35px; z-index: 3000;}
#arrow {position: absolute; top: 40px; left: 230px; z-index: 2000;}
#message {width: 460px; height: 48px; padding: 10px 20px 10px 20px; background: #fdfce4; border: 1px solid #d9d9d9; position: absolute; left: 300px; top: 20px;}
#message p {font-family: Georgia, serif; color: #676419; font-size: 12pt; margin-left: 60px; z-index: 5000;}
#message p.update {position: absolute; color: #df4747; left: 15px; display: block; height: 48px; padding: 0px 10px 0px 0px; font-size: 12pt; margin-left: 0px;}

/* Single Column */
#content {width: 600px; padding: 15px 0px 0px 50px; float: left;}
#sidebar {width: 280px; height: 180px; padding: 0px 0px 0px 30px; float: left;}
#hours {width: 213px; margin: 0px 0px 0px 18px; background: url(../images/hours-bottom-new.png) bottom center no-repeat #eae436; padding: 20px 0px 45px 0px; position: relative; left: 3px;}
#hours h3 {font-family: Baskerville, georgia; font-size: 13pt; font-weight: normal; text-align: center; color: #000000; letter-spacing: 1px; margin: 0px 30px 0px 30px; border-bottom: 1px solid #c0a034; padding: 10px 0px 0px 0px;}
#hours ul {padding: 10px 30px 10px 30px; font-family: Arial; font-size: 13px;}
#hours ul li {display: block; width: 100%; height: 15px; position: relative; margin: 0px 0px 5px 0px; border-bottom: 1px dotted #000000; clear: both;}
#hours ul li strong {background: #eae436; position: absolute; left: 0px; top: 2px; padding: 3px 3px 3px 3px; }
#hours ul li em {position: absolute; right: 0px; top: 2px; padding: 3px 3px 3px 3px; background: #eae436;}
#hours ul li span {}

/* Tabbed Navigation */
#nav {display: block; height: 41px; overflow: hidden; position: absolute; bottom: 4px; left: 7px; background: transparent;}
#nav li {display: block; float: left; height: 40px; margin-right: 5px; padding-left: 3px;}
#nav li.selected_page {height: 41px; background: url(../images/tab-shadow.png) 0px 0px repeat-y;}
#nav li.selected_page a {background: url(../images/nav-active-background.png) 0px 0px repeat-x; color: #111111;}
#nav li a {display: block; height: 100%; padding: 0px 15px 0px 15px; background: url(../images/nav-inactive-background.png) 0px 0px repeat-x; line-height: 41px; text-decoration: none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #8fd719; font-size: 14px;}
#nav li a:hover {color: #111111;}