@charset "utf-8";
/* CSS Document */

aside, article, section, header, footer, nav {
	display:block;
}
html {
	background:#5c5c5c;
}
body {
	font: 100% Arial, Helvetica, sans-serif;
	color: #663300;
	background-color: #fff;
	width:960px;
	margin:0 auto;
	padding:0px;
}
header {
	position:relative;
}
/*CSS resets*/
div, h1, h2, h3, h4, h5, h6, p, ul, li, blockquote {
	margin:0;
	/* [disabled]padding:0; */
}
div2
{
	color: red;

}
a img {
	border: none;
}
/* BEGIN MAIN NAVIGATION MENU */
#mainNav {
	width: 940px;
	height: 40px;
	margin: 0px auto;
	background: #FFF;
	border-bottom: 8px solid #763c36;
}
#mainNav ul {
	margin: 0;
	padding: 5px 0px;
	list-style: none;
}
#mainNav ul li {
	float: left;
	font: 16px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	width: auto;
	text-align: center;
	border-right: 1px solid #763c36;
}
#mainNav ul li:last-child {
	border-right: none;
}
#mainNav ul li a {
	padding: 11px 7px 11px 7px;
}
#mainNav ul a:link, #mainNav ul a:visited {
	font-weight: bold;
	color: #763c36;
	text-decoration: none;
}
#mainNav ul a:hover, #mainNav ul a:active, #mainNav ul a:focus {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #763c36;
}	
	/* END MAIN NAVIGATION MENU */
	
	/* BEGIN SUB-NAVIGATION MENU */
#subNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#subNav ul li {
	font: 15px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	width: auto;
	padding: 0px 0px 0px 0px;
}
#subNav ul li a {
	display:block;
	border-bottom: 1px solid #cfcaaa;
	}
#subNav ul a:link, #subNav ul a:visited {
	font-weight: normal;
	color: #996633;
	text-decoration: none;
	}
#subNav ul a:hover, #subNav ul a:active {
	font-weight: bold;
	color: #763c36;
	text-decoration: none;
	border-bottom: 4px solid #763c36;
	}
	/* END SUB-NAVIGATION MENU */	
	/* BEGIN BREADCRUMBS - these styles highlight which page or menu category the visitor has landed on */			
#classesPage li#classesMenu a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #763c36;
}
#eventsPage li#eventsMenu a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #763c36;
}
#studioPage li#studioMenu a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #763c36;
	
}
#galleryPage li#galleryMenu a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #763c36;
}
#calendarPage li#calendarMenu a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #763c36;
}
#communityPage li#communityMenu a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #763c36;
}
#faqsPage li#faqsMenu a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #763c36;
}
#aboutPage li#aboutMenu a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #763c36;
}
#contactPage li#contactMenu a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #763c36;
}
#registerPage li#registerMenu a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #763c36;
}
#adultPage li#adultMenu a {
	font-weight: bold;
	color: #763c36;
	text-decoration: none;
	border-bottom: 4px solid #763c36;
}
#adultchildPage li#adultchildMenu a  {
	font-weight: bold;
	color: #763c36;
	text-decoration: none;
	border-bottom: 4px solid #763c36;
}
#youthPage li#youthMenu a {
	font-weight: bold;
	color: #763c36;
	text-decoration: none;
	border-bottom: 4px solid #763c36;
}
#scoutsPage li#scoutsMenu a {
	font-weight: bold;
	color: #763c36;
	text-decoration: none;
	border-bottom: 4px solid #763c36;
}
#eventsPage li#cocktailMenu a {
	font-weight: bold;
	color: #763c36;
	text-decoration: none;
	border-bottom: 4px solid #763c36;
}
#giftPage li#giftMenu a {
	font-weight: bold;
	color: #763c36;
	text-decoration: none;
	border-bottom: 4px solid #763c36;
}
#legalPage li#termsMenu a {
	font-weight: bold;
	color: #763c36;
	text-decoration: none;
	border-bottom: 4px solid #763c36;
}
	/* END BREADCRUMBS */
		
/* BEGIN HTML ELEMENT STYLES*/

h1 { /* page heading */
	font: 1.5em/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #763C36;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0.4em;
}
h2 { /* topic heading */
	font: 1.125em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #850e0d;
	font-weight: normal;
	margin-bottom: .4em;
}
h3 { /* topic subheading */
	font: 0.9em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #850e0d;
	font-weight: bold;
	margin-bottom: .5em;
}
h4 { /* reverse headings for sidebar boxes */
	font: 16px/19.2px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	text-transform:uppercase;
	width: auto;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0.4em;
	background-color: #763c36;
}
h5 { /* sidebar headlines - indented 10px */
	font: 1em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #850e0d;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.4em;
	padding: 0px 10px;
}
h6 { /* headings in the Favorite Links box */
	font: 0.9em/1.375em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #850e0d;
	font-weight: bold;
	text-align: left;
	padding: 0px 10px;
}
table {
	table-layout: auto;
	margin-bottom: 5px;
	border-collapse: collapse;
}	
td {
	font: .75em/1.25em Arial, Helvetica, sans-serif;
	color: #663300;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
p {
	font: 0.8em/1.7em Arial, Helvetica, sans-serif;
	color: #663300;
	margin-bottom: 0.8em;
}
ul {
	font: 0.8em/1.6em Arial, Helvetica, sans-serif;
	color: #663300;
	margin-bottom: 1em;
	padding-left: 2.25em;
	list-style-type:disc;
}
.listNodisc {
	list-style-type:none;
	list-style-position:outside;
	padding-left: 10px;
	}
ol {
	font: 0.8em/1.6em Arial, Helvetica, sans-serif;
	color: #663300;
	margin-bottom: 1em;
	padding-left: 2.25em;
	list-style-type:decimal;
}
.listP {
	font: 1em/1.7em Arial, Helvetica, sans-serif;
	color: #663300;
	margin-bottom: 0.8em;
	padding-left: inherit;
}
blockquote {
	font: 1em/2em Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #763c36;
	padding: 20px;
}
address {
	font: 1em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #763c36;
	font-style:normal;
}
a:link, a:visited {
	font-weight: bold;
	color: #996633;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #763c36;
	text-decoration: underline;
}
h5 a:link, h5 a:visited {
	font-weight: bold;
	color: #850e0d;
	text-decoration: none;
}
h5 a:hover, h5 a:active, h5 a:focus {
	font-weight: bold;
	color: #850e0d;
	border-bottom: 2px dotted #850e0d;
	text-decoration: none;
/*	text-decoration: underline;*/
}
h3 a:link, h3 a:visited {
	font-weight: bold;
	color: #850e0d;
	text-decoration: none;
}
h3 a:hover, h3 a:active, h3 a:focus {
	font-weight: bold;
	color: #850e0d;
	border-bottom: 2px dotted #850e0d;
	text-decoration: none;
/*	text-decoration: underline;*/
}
h2 a:link, h2 a:visited {
	font-weight: bold;
	color: #850e0d;
	text-decoration: none;
}
h2 a:hover, h2 a:active, h2 a:focus {
	font-weight: bold;
	color: #850e0d;
	border-bottom: 2px dotted #850e0d;
	text-decoration: none;
/*	text-decoration: underline;*/
}
h6 a:link, h6 a:visited {
	font-weight: bold;
	color: #850e0d;
	text-decoration: none;
}
h6 a:hover, h6 a:active, h6 a:focus {
	font-weight: bold;
	color: #850e0d;
	border-bottom: 2px dotted #850e0d;
	text-decoration: none;
/*	text-decoration: underline;*/
}


	/* TEXT CLASS STYLES */
.large {
	font-size: 1.25em;
	line-height: 1.6em;
	margin-bottom: 0.5em;
}
.reverseWhite {
	color: #FFF;
}
.giftitem {
	padding-left:1em;
}
.giftlist {
	padding-left:5.5em;
}
.gift {
	font: 1.2em/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFF;
	text-decoration:none;
	background-color: #bfa679;
	padding: 3px 5px;
}
.textIndent {
	padding-left: 25px;
	font: 1em/1.4em Arial, Helvetica, sans-serif;
	color: #663300;
	margin-bottom: 0.4em;
}
.important {
	color: #445D76;
	margin-bottom: 0.8em;
}
.note {
	font-size: 0.65em;
	line-height: 1.2em;
	margin: 5px 3px;
}
.lftborder {
	border-left: 1px solid;
}
.email {
	font: 0.7em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #763c36;
}

.textCenter {
	text-align:center;
}
	 
	/* LAYOUT STYLES */
#content { /*Overall wrapper for main content; sets spacing on sides, between top nav menu and content, and between content and footer. */
	padding:30px 10px 25px 10px;
}
#pageArticle {  /* Column 2 in 3-column layout*/
	padding:15px;
	width: auto;
}
#aside { /* Column 3 in 3-column layout */
	width:250px;
	padding-left:15px;
}

.homeText { /* surrounds righthand text on home page */
	float:right;
	width:430px;
	height:400px;
	padding-left:20px;
}
#homePhotos { /* surrounds lefthand photo group on home page */
	width: 470px;
}
.homePhoto1 { /* sets spacing and position of lefthand photo on home */
	float:left;
	padding-left:10px;
	padding-right:10px;
}
.homePhoto2 { /* sets spacing and postion of righthand top photo on home page */
	float:right;
	padding-bottom:10px;
}
.sideHome { /* sets position, size and background color of the three-column text boxes on home page */
	float:left;
	width: 300px;
	background-color: #dfdfb9;
	margin: 0px 10px 10px 10px;
	height: 325px;
	display: inline;
}
.sideHome p { /* insets paragraph in home text boxes */
	padding: 0px 10px;
}
.sideHome li { /* applies hanging indent to community box list */
	padding-left: 29px;
	padding-bottom: 5px;
	text-indent: -30px;
}
.promo { /* styles text promo/announcement box in header */
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align:center;
	width:250px;
	height:75px;
	padding:15px;
	background-color:#0000ff;
	border-radius:15px;
	position:absolute;
	right:15px;
	top:10px;
	z-index:100;
}
.promo a {
	color: #FFF;
}
.promoimage { /* styles image promo/announcement in header */
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align:center;
	width:250px;
	height:100px;
	padding:5px;
	position:absolute;
	right:15px;
	top:10px;
	z-index:100;
}
.headerBlock { /* space for photo on right side of banner */
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align:center;
	height:108px;
	width: 150px;
	padding:5px 10px 2px 10px;
	position:absolute;
	right:68px;
	top:8px;
	z-index:100;
}
.icon { /* applied to community icons on home page */
	padding-right: 5px;
	}
.topPhoto { /* spacing for photo at top of a column */
	padding-top:50px;
	padding-bottom:10px;
}
.midPhoto { /* spacing for photos in middle of a column */
	padding-top:30px;
	padding-bottom:30px;
}
.bottomPhoto { /* spacing for photo at bottom of a column */
	padding-top:30px;
}
.photoRight { /* spacing for flush right photo */
	padding-top: 10px;
	float: right;
	padding-left: 10px;
}
.photoLeft { /* spacing for flush left photo */
	padding-top:10px;
	float:left;
}
.photoInlineleft { /* spacing for photo with text wrapping around right side */
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	float:left;
}
.photoBottompad { /*adds 10px spacing to bottom of photo */
	padding-bottom:10px;
}
.sideRight {
	float:left;
	margin-top:50px;
	margin-bottom:30px;
	padding:10px;
	background-color: #dfdfb9;
}
.sidebar p {
	font: 0.75em/1.5em Arial, Helvetica, sans-serif;
	color: #4b2805;
	margin-bottom: 0.6em;
}
#aside blockquote { /*use when quote appears at the top of an Aside text column (Events page) */
	padding-top: 50px;
}
#address { /* style for address block on Contact and About pages */
	width: 180px;
	height: 500px;
	float:left;
	padding: 50px 15px 30px 0px;
	background: #FFF;
}
.col1 {
	float: left;
	width: 300px;
	height: auto;
	padding: 50px 15px 30px 0px;
}
.col2 {
	height: auto;
	float: right;
	padding-left: 15px;
	width: 610px;
}
#aboutCol2 {
	height: auto;
	float: right;
	padding-left: 15px;
	width: 730px;
}
#aboutCol2 img {
	float:right;
	margin: 0px 5px 30px 20px;
}
#principals img, #instructors img {
	float:right;
	margin-left: 30px;
	margin-right: 80px;
	margin-bottom: 0px;
}
/* COMMUNITY PAGE STYLES */
.comBox { /* creates bordered container for lefthand sidebars */
	width:298px;
	border: 1px solid;
	border-color: #763c36;
}
.comBox p {
	font: 0.75em/1.5em Arial, Helvetica, sans-serif;
	padding: 0px 10px;
	margin-bottom: 0.6em;
}
h4.facebook {
	margin-bottom: 0;
}
.comPhoto {
	float: left;
	padding: 0;
	margin: 0;
	border: 8px solid #dfdfb9;
}
/* CALENDAR PAGE STYLES */

#col1Cal {
	float: left;
	width: 300px;
	height: auto;
	padding: 50px 15px 30px 0px;
}
#col1Cal .sideHome { /* sets position, size and background of the Hours and other Column 1 sidebars */
	width: 300px;
	background-color: #dfdfb9;
	height: auto;
	margin: 0;
	padding: 0;
}
#calFeature {
	border: 1px solid #763C36;
	padding: 10px;
	height: 800px;
	
}
#calFeature2 {
	border: 1px solid #763C36;
	padding: 10px;
	height: 500px;
	
}
/*#calFeature img {
	float:right;
	margin: 0px 0px 30px 20px;
}*/

#calFeatureBk {
	border: 1px solid #763C36;
	padding: 10px;
	background-image:url(_images/13raku_bkg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-origin:content-box;
	height: 740px;
}
#calSked {
	margin-top: 15px;
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	-moz-column-rule: 2px dotted #763c36; 
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	-webkit-column-rule: 2px dotted #763c36;
	column-count: 2;
	column-gap: 30px;
	column-rule-color: 2px dotted #763c36;
}
#calSked p {
	margin-bottom: .2em;
	}
.calMonth { /* Month headline for Class Schedule */
	font: 16px/22px Arial, Helvetica, sans-serif;
	color: #445D76;
	/* [disabled]font-weight: bold; */
	/* [disabled]text-align: center; */
	text-transform:none;
	border-top: 1px solid #445D76;
	border-bottom: 1px solid #445d76;
	width: 150px;
	background: #FFF;
	margin: 10px 0px 10px 75px;
}
.calDates { /* Calendar Class Schedule dates */
	font: .8em/1.4em Arial, Helvetica, sans-serif;
	color: #445D76;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin-bottom: 0.5em;
}
.calClose {
	font: 0.8em/1.7em Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	width: auto;
	background-color: #aab6c3;
	margin-bottom: 0.8em;
}
.ccItem { /*floating boxes for upcoming Cocktails & clay images and text */
	float:left;
	width: 114px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px 8px 10px 8px;
	text-align:center;
}
.ccThumb { /*Cocktails & Clay image thumbnails under Upcoming Events */
padding-bottom: 10px;
}
.calEventPhoto { /* centers full-width photo in Upcoming Events */
	padding: 10px;
}
.calPromo {
	float: right;
	padding: 5px;
	/*margin-left: 10px;
	background-color: #FFF;*/
	width: 255px;
	height: auto;
}
.calPromoleft {
	float: left;
	padding: 10px;
	margin-right: 10px;
	/*background-color: #445D76;*/
	width: 290px;
	height: auto;
}
.calPromoBlue {
	float: right;
	padding: 10px;
	/*margin-left: 20px;*/
	background-color: #445D76;
	width: 97%;
	height: auto;
}
	
/* CONTACT PAGE STYLES */
.colContact { /*this the Column 2 wrapper on the contact page*/
	height: auto;
	float: left;
	padding: 0px 15px;
	width:327px;
}
#mapBox { /* creates bordered container for Map & Directions */
	width:368px;
	float:right;
	border: 1px solid;
	border-color: #763c36;
	margin-top: 52px;
	margin-left: 15px;
	background-image:url(_images/contact_building.jpg);
	background-position:top;
	background-repeat: no-repeat;
}
#mapBox table { /*separates Google Map from map box border*/
	margin-left: 8px;

}
.directions { /* text overlay on map box photo */
	font-size: .75em;
	line-height: 1.4em;
	font-style:italic;
	color: #333300;
	width: 270px;
	background:none;
	margin: 140px 25px 10px 100px;
	z-index: 2000;
}
/*BEGIN CONTACT FORM STYLES*/
#contactForm { /*this is the tint box around the embedded form*/
	background-color: #dfdfb9;
	width: auto;
	height: 620px;
	padding: 15px;
}
#contactForm label {
	font: 0.8em/1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #850e0d;
}
#contactForm input {
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	width: 275px;
	border-color: #B6B195;
}
#contactForm textarea {
	font: 1em/1.5em Arial, Helvetica, sans-serif;
	width: 275px;
	height: 150px;
	border-color: #B6B195;
	border-style: inset;
	overflow-y: scroll; 
}
#contactForm input.sendMessage {
	background-color: #B6B195;
	font: 13px Arial, Helvetica, sans-serif;
	width: 120px;
	height: 25px;
	margin: 30px 85px;
	border-color: #B6B195;
	border-style:outset;
}
#contactForm img {
	margin-left: 60px;
}
/* -- BEGIN REGISTRATION PAGE STYLES -- */
.shopItem { /* Floating tan div container for each cart item */
	float: left;
	background-color: #dfdfb9;
	width: 430px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;
	}
.shopTable { /* Removes table border and sets headline font properties */
	border: 0px;
	border-collapse:separate;
	font: .9em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #850e0d;
}
.shopSelect { /* Sets form drop-down list styles */
	font: 1em/1.4em Arial, Helvetica, sans-serif;
	width: 400px;
	height: 25px;
	background-color: #fff;
	border-color: #B6B195;
	border-style: inset;
	margin-bottom: .8em; 
}
.shopInputtext { /* Sets form text area styles */
	font: 1em/1.4em Arial, Helvetica, sans-serif;
	width: 225px;
	height: 25px;
	border-color: #B6B195;
	border-style: inset; 
}
.shopGifttext { /* Sets form for Gift text area */
	font: 1em/1.4em Arial, Helvetica, sans-serif;
	width: 400px;
	height: 75px;
	border-color: #B6B195;
	border-style: inset; 
}
.shopButton {
	width: 120px;
	height: 30px;
	}
	
/* ~~ BEGIN FOOTER STYLES ~~ */
#footer {
	width: 940px;
	height: auto;
	margin: 20px auto;
	padding-bottom: 150px;
	background-color: #FFF;
	border-top: 8px solid #763c36;
}
#footer h6 {
	font: 1em/1.3em Arial, Helvetica, sans-serif;
	color: #763c36;
	font-weight: bold;
	text-align: inherit;
	margin: 0;
	padding: 0 2px;
}
#footer p {
	font: 0.7em/1.3em Arial, Helvetica, sans-serif;
	color:  #996633;
	font-weight: normal;
	margin: 0;
	padding: 2px 0;
}
.footNav {
	float: right;
	width: 440px;
	height: auto;
	margin: 10px;
	padding: 0px;
	text-align: right;
	display: inline;
}
.footTerms {
	width: 440px;
	height: auto;
	margin: 10px;
	padding: 0px;
	text-align: left;
}
/* END FOOTER STYLES*/
/* MISC. FLOATS AND CLEARS */
.fltleft {
	float:left;
}
.fltleftMargin {
	float:left;
	margin: 10px;
}
.fltright {
	float:right;
	margin: 10px;
}
.clearboth {
	clear:both;
}
.clearright {
	clear:right;
}
.clearleft {
	clear:left;}