/* Test Layout for DWS */

/* Fastie Systems CSS Reset - modified from Eric Meyer's Browser Reset v2, April 2007
   Don't forget to set a foreground and background color on the 'html' or 'body' element! 
*/
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, 
/* dd, dl, dt, li, ol, ul, */ /* I don't like to reset lists */
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	/* font-size: 100%;
	line-height: 1; */
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
/* This one is very useful - should it expand to incude :hover? */
a img, :link img, :visited img { border: 0; }
a { outline: none; } /* Removes annoying IE behavior */

table { border-collapse: collapse; border-spacing: 0; }

/* ol, ul { list-style: none; } */ /* I don't like to reset lists */

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/* Will's Overides - force these just in case */
em { font-style: italic; }
strong { font-weight: bold; }
/* Will's Additional very generic classes */
.underline { text-decoration: underline; }
.centerme { text-align: center; }
.hideme { display: none; visibility: hidden; }
.clearme { clear: both; }
.clearme-left { clear: left; }
/* Clear Fix */
.clearfix { display: inline-block; clear: both; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.markred { color: #630b0d; }
.markgreen { color: green; }
.fineprint { font-size: .7em; font-style: italic; }
.image-left { float: left; padding: 0; margin: 0 10px 0 0; }
.image-right { float: right; padding: 0; margin: 5px 0 5px 10px; }

/* ----------------------------------------------- */

html { font-family: Arial, Helvetica, sans-serif; 
	font-size:0.85em; line-height:1.4em; 
	color:#54413a;
}
body { 
	background-color: white;
}
.link-color { color: #630b0d; }
a, a:visited { color: #630b0d; }
a:hover {  color: black; }

.outer-container { position: relative;
	width: 980px; margin: 0 auto; 
	background-image: url('../img/bg-slice.jpg'); /* main bg = #DDB56F, side bg = #E9D1A5 */
	background-repeat: repeat-y;
}
.menu { position: absolute; /* relative to outer-container */
	width: 212px;
	left: 607px; top: 10px;
	z-index: 100;
}
.menu ul { list-style: none; }
.menu li { width: 212px; position: absolute; text-align: right; }
.menu a  { display: inline-block; width: 212px; 
	height: 61px;  /* <-- fix? */ 
	text-decoration: none;
}
.menu .hom { margin-top:   0px; z-index: 5; }
.menu .cls { margin-top:  80px; z-index: 4; }
.menu .win { margin-top: 141px; z-index: 3; }
.menu .evt { margin-top: 204px; z-index: 2; }
.menu .con { margin-top: 266px; z-index: 1; }

.menu .hom a { background: url("../img/m-hom.jpg") top left no-repeat; height: 80px; }
.menu .cls a { background: url("../img/m-cls.jpg") top left no-repeat; height: 61px; }
.menu .win a { background: url("../img/m-win.jpg") top left no-repeat; height: 63px; }
.menu .evt a { background: url("../img/m-vin.jpg") top left no-repeat; height: 62px; }
.menu .con a { background: url("../img/m-con.jpg") top left no-repeat; height: 66px; }

.menu .hom a:hover { background: url("../img/m-hom-hov.jpg") top no-repeat; }
.menu .cls a:hover { background: url("../img/m-cls-hov.jpg") top no-repeat; }
.menu .win a:hover { background: url("../img/m-win-hov.jpg") top no-repeat; }
.menu .evt a:hover { background: url("../img/m-vin-hov.jpg") top no-repeat; }
.menu .con a:hover { background: url("../img/m-con-hov.jpg") top no-repeat; }

.top-banner { height: 342px;
	background-image: url('../img/top-banner-bg-full.jpg');
}
.view-cart { position: absolute; top: 304px; /*left: 545px;*/ right: 348px; z-index: 200; }
.facebook-icon { position: absolute; top: 250px; right: 348px; z-index: 200; width: 30px; }

.leaf-overlay { position: absolute; top: 342px; left: 0;
	width: 980px; height: 66px;
	background-image: url('../img/leaf-overhang.png');
	background-repeat: no-repeat;
}
.content-container { width: 764px; margin: 0 auto;
	background-image: url('../img/content-bg.jpg');
	background-position: left top;
	background-repeat: no-repeat;
}
.content { width: 764px; overflow: auto;
	background-image: url('../img/footer-bg.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 80px;
}
.main { width: 498px; 
	padding: 35px 15px 5px 20px;
	min-height: 400px;
	color: #111;
}
.main h5 { font-size: 1.1em; font-weight: bold; margin-bottom: 0; color: #630b0d;  }
.main h5+p { margin-top: 0;  }
.sidebar { width: 210px;
	float: right;
	padding: 0px 5px 15px 8px;
	color: black;
}
.sidebar h6 { font-family:"Times New Roman", Times, serif; color: #510303;
	font-weight: normal; font-style: italic; 
	text-align: center;
  font-size: 1.617em; line-height: 1.059em; 
  margin: 0 0 5px 0;
  padding: 0;
}

/* Generic Styles */
.fineprint { font-style: italic; font-size: 85%; }
.embedded-heading { font-weight: bold; font-style: italic; color: #630b0d; }

/* ------------------------------------------------------------------------------------------ */
/* Styles for debugging messages (duplicate of that contained in admin.css) */
.echo-debug-message { padding: 3px; background-color: #ffc; border: 1px dashed red; color: #009; font-family: monospace; font-weight: bold; }
.echo-debug-heading { color: red; }

/* Class details on main class page */
.class-details { text-align: right; font-style: italic; font-weight: bold; }
.class-details a { text-decoration: none;
	display: inline-block;
	background-image: url('../img/dart-fastie-generic.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
/* Footer */
.footer { position: absolute; left: 200px; bottom: 7px;
	margin-left: 20px;
	padding-top: 7px;
	height: 43px;
	width: 500px;
	text-align: center;
	color: black;
	background-image: url('../img/footer-underlay.png'); background-repeat: no-repeat;
}
.footer a { font-weight: bold;  text-decoration: none; }
.footer a, .footer a:visited { color: #630b0d; }
.footer a:hover {  color: black; }
.copyright-notice { font-size: .9em; }

/* Styles from the purchased template's sheet that are being brought over and possibly recast. */

/* text1 is used for the text at the top of the left column (main) */
.text1 { margin: -7px 0 23px 0;
  font-family:"Times New Roman", Times, serif; font-size: 1.5em; line-height: 1.25em; 
  font-style: italic; color: black; 
}
.text1 strong {  color: #630b0d; }
.text1:first-letter { color:#510303; font-size:2em;  line-height:1em; }

/* title1 (with wine bottle) & title2 are the section headings with the rounded, wine-colored box */
/* Both are used with h3 */
h3.title1, h3.title2 { height: 39px; 
	font-family:"Times New Roman", Times, serif; color:#fbfbf8; font-weight:normal; 
	font-size:1.833em; line-height:1.591em;
	font-size:1.617em; line-height:1.404em;
	margin-bottom: 5px;
}
h3.title1:first-letter, h3.title2:first-letter { font-size:1.404em; line-height:0.706em; }
h3.title1+p, h3.title2+p { margin-top: 0; }
h3.title1 { height: 33px; 
	background-image: url('../img/title1-bg-new.gif'); background-repeat: no-repeat;
	padding: 28px 0 0 50px;
}
h3.title2 { height: 33px; 
	background-image: url('../img/title2-bg-new.gif'); background-repeat: no-repeat;
	padding: 6px 0 0 10px;
}
h3.top-of-page { margin-top: 0;  }

/* Generic styles from template */

/* box1 - yellow with canted image embedded and special fonts */
.box1 { position:relative;
	background:url("../images/box1-top-bg.png") top right no-repeat; 
	padding:236px 0 0 50px; 
  margin-left:-10px; 
  line-height:1.417em; 
  font-size: .95em;
  line-height:1.250em; 
  color:#333;
}
.box1 h2 { position: absolute; left: 55px;  top: 10px; z-index: 100; width: 425px;
	padding: 3px 0 10px 10px;
	margin: 0;
	font-family:"Times New Roman", Times, serif; color: #2f4a31; font-weight: normal;
	text-align: center;
  font-size:2.25em; 
}
.box1 .container2 {width:100%; }
.box1 .imgindent1 {margin:12px 0 0 -21px; float:left; position:relative;}
.box1 .left-bot{ background:url("../images/box1-corner-left-bot.png") left bottom no-repeat; margin-left:-35px; padding-bottom:7px;}
.box1 .left-tail{ background:url("../images/box1-left-tail.png") left repeat-y; padding:0 0 0 10px !important;}
.box1 .bg{ background:#fffac8; width:100%;}
.box1 .indent{ margin-top:-229px; padding:0 0 18px 0 !important; position:relative; }
.box1 strong{ font-size:1.333em; font-weight:normal; color:#510303; line-height:1.125em; display:block; padding-bottom:12px;}
.box1 .text{ overflow:hidden; zoom:1; padding: 25px 20px 0 11px;}
.box1 .link{ margin:23px 25px 0 0; background:url("../images/link-bg.gif") right top no-repeat;}
.box1 .indent2{ padding-left:10px;}
.box1 h3{ color:#2f4a31;}

/* Formatting for sidebar items */
.sidebar h4 { font-size:1.7em; color:#510303;
	font-weight:normal; font-style:italic; font-family:"Times New Roman", Times, serif; 
	background:url("../images/title1-left-bg.png") top left no-repeat; 
	padding-left:7px; line-height:0.909em; margin-bottom:1px;
	
}
.sidebar h4 span { display:block; background:url("../images/title1-right-bg.png") right top no-repeat; padding-right:7px;text-align: center;}
.sidebar h4 span span{ background:url("../images/title1-bg.png"); padding:12px 10px 10px 10px;}
/* box3 */
.box3 { background:url("../images/box3-bg.png");}
.box3 .top-border { background:url("../images/box3-border.gif") top repeat-x; width:100%;}
.box3 .left-border { background:url("../images/box3-border.gif") left repeat-y; width:100%;}
.box3 .right-border { background:url("../images/box3-border.gif") right repeat-y; width:100%;}
.box3 .bot-border { background:url("../images/box3-border.gif") bottom repeat-x;}
.box3 .left-corner { background:url("../images/box3-corner-left.gif") left bottom no-repeat;}
.box3 .right-corner { background:url("../images/box3-corner-right.gif") right bottom no-repeat;  width:100%;}
.box3 .indent { padding:4px 9px 0 7px;}
.box3 .text { padding:3px 0 10px 6px; font-size: .9em; line-height:1.417em;  }
.box3 strong { color:#594904;}
.box3 h5 { font-size: .9em; font-weight: bold; 
  margin: 4px 0 0 0;
}
.box3 h5 { color:#594904; background:url("../images/title2-left-bg.gif") left top no-repeat; padding-left:4px;}
.box3 h5 span { display:block; background:url("../images/title2-right-bg.gif") right top no-repeat; padding-right:4px;}
.box3 h5 span span { background:#f6ebd9; padding:1px 0 2px 2px;}


.box-y { position: relative;
	background: url("../images/box1-top-bg.png") top right no-repeat;
	width: 493px;
}
.box-y-overlay { position: absolute; top: 37px; left: -10px; height: 224px; width: 271px;
	background-image: url('../images/page1-img1.gif');
	background-repeat: no-repeat;
}
.box-y .copy { width: 204px; /* 493px total */
	padding: 0 15px 10px 274px;
	margin-top: 37px;
	margin-left: 10px;
	background-color: #FFFAC8;
} 

/* Class Schedule Table for Class Pages */
.class-schedule { 
  border-collapse: collapse;
  margin-bottom: 15px;
}
.class-schedule tr {  }
.class-schedule td { padding: 0px 10px 0px 2px; vertical-align: top; text-align: left; }
.class-schedule td.legend { font-size: .9em; font-style: italic; }

/* ============================= forms ============================= */
.contact-form { margin-top:15px;}
.contact-form col.f-legend { /* width: 125px; */ }
.contact-form col.f-field  {  }
.contact-form td.f-legend {
  text-align: right; font-size: .9em; font-style: italic;
  padding-right: 10px;
  padding-left: 0;
}
.contact-form td.f-legend-2 { padding-left: 0; font-size: .9em; font-style: italic; }

.contact-form input {
  border: solid 1px #f6ebd9; background: #e9cea3; padding: 1px 0 2px 3px; margin-top: 3px; 
}
.contact-form textarea { width: 400px;
  border: solid 1px #f6ebd9; background: #e9cea3; padding: 1px 0 2px 3px; margin-top: 3px;
  font-family: Arial, Helvetica, sans-serif; font-size: .9em;
}

.hfvis { display: none; visibility: hidden; }

/* ============================= Articles ============================= */

.divider-684, .divider-article { text-align: center; padding: 0; margin: 0; border: 0; }

/* Article & Content Management ----------------------------- */
/* Container for the main article on the article.php page */
.cms-article { margin-top: 15px; }
/* Related articles list for bottom of article.php */
.cms-related-articles {  }
/* Recent articles list for sidebar */
.cms-recent-list {  }
.cms-recent-list ul { margin-left: 0; padding-left: 20px; 
	/* font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; */
	/* font-size: 1.15em; */
}
.cms-recent-list li { margin-left: 0; margin-bottom: 4px; padding-left: .0; }
.cms-recent-list li.cms-readmore-sidebar { font-style: italic; font-weight: bold;  }
.cms-recent-list li.cms-sticky { font-weight: bold; list-style-type: circle; }
.cms-recent-list a { text-decoration: none; }
.cms-recent-list a, .cms-recent-list a:visited { color: #086471; }
.cms-recent-list a:hover { color: #800080; }
.cms-recent-list h2 { text-align: left; padding-left: 5px; }

.cms-article-list-entry { margin: 0; padding: 0; padding-bottom: 2px; }

/* ============================= Store ============================= */

.store-catalog-item {  }
.store-catalog-item h6 {
	margin: 0; margin-top: 12px;
	padding: 0;
	font-size: 1.3em; color: #630b0d; font-weight: bold; 
}
.store-catalog-item h6+p { margin-top: 0; padding-top: 0; }
.store-catalog-item .price-line { margin-bottom: 0; padding-bottom: 0;  }
.store-catalog-item .stock-message { font-style: italic; font-size: 85%; margin-top: 0; padding-top: 0;  }