/* --------------------------------------------------------
COLORS:
	darkest aqua:   187F77
	dark aqua:      32978F
	less dark aqua: 5BB6AE
	middle aqua:    7EC1BC
	light aqua:     A8D6D2
	lightest aqua:  DEF1EF
	
	
	darkest brown:   3E2C1D
	dark brown:      644933
	less dark brown: 876A52
	middle brown:    AB9579
	mid high brown:  DFCDB7
	highest brown:   F6F1DE
	
	dark tan side margins: F4E6CA
	tan bg:			FFEFD2
	tab bg border: E5CAA4
	
-------------------------------------------------------- */



body {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: small;
	color: #3E2C1D;
	margin: 0;
	padding: 0;
	background: #fff7e8 url(/image/body_bg_2000.gif) repeat-y 50% 0;
	}


/*-- BASIC HEADERS AND STUFF ------------------------------------------------------------------------------------------- */

h1 {
	padding: 0;
	margin: 0;
	font-size: 180%;
	color: #187F77;
	font-weight: bold;
}

h2 {
	font-size: 140%;
	color: #187F77;
	font-weight: bold;
	
}

h3 {
	font-size: 125%;
	color: #187F77;
	font-weight: bold;
	
}

h4 {
	font-size: 100%;
	color: #187F77;
	font-weight: bold;
}

h5 {
	font-size: 160%;
	color: #187F77;
	font-weight: bold;
	margin: 12px 0 0 12px;
}


a {
	text-decoration: none;
	outline: none;
}

a:link,
a:visited {
	color: #32978F;
}

a:hover {
	color: #32978F;
	text-decoration: underline;
}
		
a:active {
	color:#c00;
	text-decoration: none;
	background-color: #A8D6D2;
}

div.center  {
		text-align: center;
		margin-left: 2em;
}
	
/* -- CONTAINERS ------------------------------------------------------------------------------------------- */
div#wrapper {
width: 785px;
margin: 0 auto;
padding: 0;
}

body#classschedule div#wrapper {
	width: 885px;
	background-color: #fff7e8;
	border-left: 1px solid #e5caa4;
	border-right: 1px solid #e5caa4;
}

body#classschedule div#wrapper div#header {
	margin: 0 0 0 0;
}

body#classschedule div#wrapper div#horiznav {
	margin: 0;
}

#header {
	margin: 0 2px 0 0;
	padding: 0;
	height: 110px;
	background-color:  #187F77;
	border-bottom: 25px solid #7EC1BC;
}

#header div#motto {
	display:  inline;
	float:  right;
	margin:  0;
	padding:  10px 10px 0 0;
	color: #DEF1EF;
}

#header a {
	color: #A8D6D2;
}

#header #motto img#AYCbuilding {
	margin: 0 12px 0 0;
	padding:  0;
	border:  1px solid #DEF1EF;
	float:  left;
}


/* -- BANNER -------------------------------------------------------------------------------------------- */

div#banner {
	background-color: #DEF1EF;
	margin: 0 2px 15px 0;
	padding: 0;
	border: 1px solid #DEF1EF;
	min-height: 25px;
	font-size: 100%;
}

#banner p {
	text-align: center;
	margin: 5px;
	color: #187F77;
}



/* -- SIDEBAR ------------------------------------------------------------------------------------------- */

div#sidebar {
	margin: 10px 0 0 10px;
	padding: 0;	
	width: 220px;
	float: left;
}

div.sidebarbox {
	width: 220px;
	background: url(/image/box_220_bg_bottom.gif) no-repeat bottom left;
	padding: 0 0 4px 0;
	margin: 0 0 15px 0;
}

div.sidebarbox h3 {
	background: url(/image/box_220_bg_top.gif) no-repeat top left;
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	border-bottom: 1px solid #187F77;
	color: #187F77;
	text-shadow: 0.2em 0.2em 0.2em #CBCBCB;
	}
		
div.sidebarbox ul {
	list-style: none;
	margin: 6px 8px;
	padding: 0;
}
div.sidebarbox ul li {
	margin: 0 0 0.5em 0;
	padding: 0;
}

div.sidebarbox p {
	margin: 4px 8px;
	padding: 0;
}

div#sidebar div#sidebarfooter {
	text-align:  center;
	width:  100%;
	margin: 0;
	padding: 0;
}

div#sidebar div#sidebarfooter p {
	text-align:  left;
}

div#sidebar div#sidebarfooter img {
	margin:  10px auto;
	padding:  0;
	display: block;
	border:  none;
}

/* -- CONTENT ------------------------------------------------------------------------------------------- */
div#content {
	margin: 20px 10px 0 10px;
	padding: 0;
	width: 510px;
	float: right;
}

div#content p {
	line-height: 1.3em;
}

div#content h1 {
	margin-bottom:  1em;
}

div#content div.boxed {
	/* border: 1px solid #187F77; */
	background: url(/image/box_510_bg_bottom.gif) no-repeat bottom left;
	padding: 0 0 4px 0;
	margin: 0 0 15px 0;
	width: 510px;
}

div#content div.boxed h1, 
div#content div.boxed h3 {
	margin: 0;
	background: url('/image/box_510_bg_top.gif') no-repeat top left;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	border-bottom: 1px solid #187F77;
	color: #187F77;
	text-shadow: 0.2em 0.2em 0.2em #CBCBCB;
}

div#content div.boxed p {
	margin: 12px;
	padding: 0;
}

div#content div.unboxed {
	margin: 0 0 10px 0;
	padding: 0;
	}
div#content div.unboxed h1 {
	padding: 0;
	margin: 0 0 .25em 0;
	color: #187F77;
	text-shadow: 0.2em 0.2em 0.2em #CBCBCB;
}
	
	
div#content div.unboxed h3 {
	padding: 0 0 .25em 0;
	margin: 0 0 .25em 0;
	border-bottom: 1px solid #187F77;
	color: #187F77;
	text-shadow: 0.2em 0.2em 0.2em #CBCBCB;
}

div#content div.unboxed img, div#content div.boxed img {
	padding: 4px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background-color: #fff;
	}

div#content div.boxed h2 {
	font-size: 110%;
	font-weight: bold;
	margin: 4px 12px;
}
div#content div.boxed p + h2 {
	margin-top: 1em;
}

div#content div.boxed ul,
div#content div.boxed li {
	list-style-type: circle;
	margin-bottom: .5em;
}


div#content div.boxed p.specdate {
	font-size: 1.1em;
	margin: 1em;
}

div#content div.boxed p.spectime {
	font-size: 1.1em;
	margin: 0 1em 1em 1em;
}

div#content div.boxed p.specinst {
	font-size: 1.1em;
	margin: 0 1em 1em 1em;
}

div#content div.boxed div.specdesc {
	margin: 0 1em 1em 1em;
	
}
div#content div.boxed div.specdesc strong, 
div#content div.boxed p.specdate strong,
div#content div.boxed p.spectime strong,
div#content div.boxed p.specinst strong {
	color: #32978F;
}





.alignright {
	float: right;
	margin: 0 0 8px 8px;
}
.alignleft {
	float: left;
	margin: 0 8px 8px 0;
}

/* -- ABOUT ------------------------------------------------------------------------------------------ */

/* IN THE NEWS ------------------------- */
div#inthenews {
}

div#inthenews img {
	float: left;
	margin: 0 8px 8px 0;
	border: 1px solid #ccc;
	padding: 0;
	
}






/* -- CLASSES ------------------------------------------------------------------------------------------ */
div#content div dl {
	margin: 10px;
	padding: 0;
}

div#content div dl dt {
	font-weight: bold;
}

div#content div dl dd {
	margin-bottom: 1em;
}

li.instructorlist {
	font-size: 90%;
}

table.classes {
}

table.classes td,
table.classes th {
	width: 110px;
}




/* -- SHOP ------------------------------------------------------------------------------------------ */
div#content div#shopindex h2 {
	padding: 5px 0;
	border-top: 2px solid #AB9579;
	border-bottom: 1px solid  #DFCDB7;
}

div#content div.shoplist {
	margin: 0;
	padding: 0;
}

div#content div.shoplist h3 {
	font-weight: bold;
	font-size:  150%;
	border:  none;
	margin:  0 0 10px 0;
	padding:  0;
}

div#content div.shoplist p {
	margin: 0;
	padding: 0;
}

div#content div.shopitem {
	margin: 0 0 2em 0;
	padding: 0;
}

div#content div.shopitem a {
	float:  right;
	padding:  6px;
	background-color:  #ffffef;
	margin: 0 0 6px 6px;	
}

div#content div.shopitem div.shopAVsample {
	float: right;
	margin: 0 0 8px 8px;
}

/* -- TABLES ------------------------------------------------------------------------------------------- */

div#content div table {
	width: 100%;
  	border: 1px solid #AB9579;
	border-top: none;
  	background: #FFEFD2;
  	}

div#content div table.alt {
  	background: #FFF7E8;
}

div#content div table caption {
  	margin: 0;
  	padding: 8px 20px;
  	text-align: left;
 	border: 1px solid #000;
  	border-bottom: none;
 	background: #fff;
  	}
div#content div table th, div#content div table td {
  	margin: 0;
  	padding: 8px 20px;
  	text-align: center;
  	}

div#content div table td.notes {
  	text-align: left;
  	}



div#yogatv table {
	width: 100%;
  	border: 1px solid #AB9579;
	border-bottom: none;
  	background: #FFEFD2;
  	}

div#yogatv table tr.alt {
  	background: #FFF7E8;
}

div#yogatv table td {
  	margin: 0;
  	padding: 8px 20px;
  	text-align: center;
 	border-bottom: 1px solid #AB9579;
  	}

div#content table th {
	color:  #ffefd2;
	background: #AB9579;
	border-top: 1px solid #AB9579;
}


/* -- PHOTO CONTENT ------------------------------------------------------------------------------------------- */
div#photocontent {
	margin: 10px;
	padding: 0;
	width: 760px;
	float: left;
	text-align: center;
	}


/* -- NAVIGATION ------------------------------------------------------------------------------------------- */

div#navigation {
	margin: 10px 0 20px 0;
	padding: 0;
	color: #644933;
	}
	
ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
ul#nav li {
	font-weight: bold;
	margin: .25em 0;
	padding: 0;
	font-size: 120%;
	line-height: 1.3em;
	}

ul#nav li.solo {
	padding: 3px;
	}

ul#nav li.subcat {
	margin-left: 1.5em;
	}
	
		
ul#nav a {
	padding: 3px;
	text-decoration: none;
	outline: none;
	}
	
ul#nav a:link,
ul#nav a:visited {
	color: #644933;
	background-color: transparent;
}

	
ul#nav a:hover,
ul#nav a:active,
ul#nav a:focus {
	color: #ffffef;
	background-color: #7EC1BC;
	}

/* -- CLASS SCHEDULE ------------------------------------------------------------------------------------------- */

div#schedule {
	margin: 20px;
	padding: 0;
}

#schedule div.schedinfo {
	width: 350px;
	float: left;
	margin: 10px 30px 10px 0;
}


div#schedule div dl {
	margin: 0;
	padding: 0;
}

div#schedule dl dt {
	font-weight: bold;
}

div#schedule dl dd {
	margin: 0 .5em 1em 2em;
}



div#schedule table#sched {
	margin: 20px 0;
	border-top: 1px solid #F4E6CA;
	border-left: 1px solid #F4E6CA;

}

div#schedule table#sched th,
div#schedule table#sched td {
	background-color: #ffffef;
	border-right: 1px solid #F4E6CA;
	border-bottom: 1px solid #F4E6CA;
	padding: 5px;
	font-size: .8em;
	width: 110px;
}


div#schedule table#sched td.colalt {
	background-color: #fefedf !important;
}
	
div#schedule table#sched td p {	
	margin-bottom: 2em;
	line-height: 1.3em;
}
	
#wrapper div#nav {
	background-color: #cf701e;
	color: #d4d5ae !important;
}

/* HORIZNAV ---------------------------------------------------- */

div#horiznav {
	margin: 0;
	padding: 0;
	background-color: #DEF1EF;
	text-align: center;
}

#horiznav ul {
	margin: 0 auto;
	padding: 10px;
}
	
#horiznav ul li {
	font-size: .9em;
	display: inline;
	list-style: none;
	line-height: 1.2em;
	padding: 0 20px 0 0;
	font-weight: bold;
	}

#horiznav ul li a {
	padding: 1px;
	text-decoration: none;
}
#horiznav ul li a:link, 
#horiznav ul li a:visited  {
	color: #187F77;
	background: transparent;
	}
	
	
#horiznav ul li a:hover, 
#horiznav ul li a:active  {
	color: #ffffef;
	background-color: #187F77;
	}
		
	

/* -- INSTRUCTORS ------------------------------------------------------------------------------------------- */

div#content img.instructormug {
	float: right;
	margin: 8px;
}

ul.instructorclasses, ul.instructorclasses li {
	list-style:  none;
	margin-top:  0;
}



/* -- WORKSHOPS ------------------------------------------------------------------------------------------- */

div#content div.workshop {
	margin: 0 10px 15px 0;
	padding: 15px;
	border: 1px solid #E5CAA4;
	background: #FFF7E8;
}

div#content div.alt {
	background: #FFEFD2;
}

div#content div.workshop h1 {
	color: #187F77;
	text-shadow: none;
	font-weight: bold;
	padding: 0;
	margin: 0 0 8px 0;
	border: 0;	
}

div#content div.workshop p {
	margin: 0;
	padding: 0;
}

div#content div.workshop p.instructor {
	margin: 0 0 0.6em 0;
	padding: 0;
	font-style: italic;
}

div#content div.workshop p.when {
	margin: 0 0 0.6em 0;
	padding: 0;
	font-style: italic;
	font-weight: bold;
}

div#content div.workshop p.register {
	margin: 1em 0 0.6em 0;
	padding: 0;
	font-style: italic;
	font-weight: bold;
}


/* -- INDEX ------------------------------------------------------------------------------------ */

div#indexnews {
	/* border: 1px solid #187F77; */
	background: url(/image/box_indexnews_bg_bottom2.gif) no-repeat bottom left;
	padding: 0 0 4px 0;
	margin: 0 0 15px 0;
}

div#indexnews h3 {
	margin: 0;
	background: url(/image/box_indexnews_bg_top.gif) no-repeat top left;
	padding: 6px 8px 4px 10px;
	font-size: 200%;
	border-bottom: 1px solid #f60;
	color: #fff;
	text-align:  center;	
}

div#indexnews p {
	margin: 4px 8px;
	padding: 0;
}

div#indexnews p.list {
	margin-bottom: 1.5em;
	font-size: 1.1em;
}

div#indexnews p.bottomlink {
	text-align: center;
	font-size: 1.2em;
	color: #fff;
}

p.bottomlink a {
	color: #fff;
	font-weight: bold;
	
}




div#indexnews ul, div#indexnews ul li {
	list-style:  none;
	margin:  1em;
	padding:  0;
}

div#indexnews ul li img {
	float: right;
	margin: 0 0 8px 8px;
	border: 1px solid #ccc;
	padding: 0;
}

ul.newsitems {
	margin-bottom: 20px;
}

/* -- ABOUT ------------------------------------------------------------------------------------ */

div#testimonials p {
	list-style: none;
	margin: 10px 8px;
	padding: 0;
}


/* -- LINKS ------------------------------------------------------------------------------------- */

/* LINKS page*/

dl.linklist {
	
}

dl.linklist dt {
	
}

dl.linklist dd {
	
}



/* -- NEWS ------------------------------------------------------------------------------------------- */
div#news {
	padding-right: 20px;
}


#news p {
	margin: 0;
	padding: 0;
 	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #cdcdcd;
	width: 100%;
	font-size: 1.1em;
 }

#news p img {
	float: right;
	margin: 0 0 8px 8px;
	border: 1px solid #ccc;
	border: 3px solid #c00;
	padding: 0;
	
}

#news p.bottomlink {
	border: none;
	margin-left: 8px;
}

#news p.bottomlink a:link,
#news p.bottomlink a:visited {
	color: #32978F;
}



/* -- POPUPs ------------------------------------------------------------------------------------ */

body#popup {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: small;
	color: #3E2C1D;
	margin: 0;
	padding: 0;
	background: #fff7e8;
	}

#popup div#popheader {
	height: 120px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	background-color: #187F77;
	width: 100%;
	border-bottom:  15px solid #7EC1BC;

}

#popup div#popcontent {
	margin:20px;
	padding: 0;
}

#popup #popcontent h1 {
	margin: 0 0 .25em 0;
	padding: 0 0 .25em 0;
	font-size: 1.2em;
	border-bottom: 1px dotted #187F77;
}

#popup #popcontent p {
	margin: 0 0 1em 0;
	padding: 0;
}

#popup #popcontent p.closelink {
	text-align: center;
	margin-top: 15px;
}





/* copyright */

div#footer {
	margin: 10px 10px 0 10px; 
	padding: 4px 4px 34px 4px;	
}

#footer p.copyright {
	width: 380px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}

#footer p.kudzu {
	width: 350px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
}


/* misc styles */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */