* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* RULES STARTING WITH t- ARE FOR TABLES */

body {
	background-color: #FEFBF8;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 11.5pt;
	background-image: url(../images/navigation/bg3.jpg);
	background-repeat: repeat;
	background-position: 0 0;
}
html, 
body { /* part of the solution for getting the footer to stick to the bottom */
	height: 100%;
}
h1 { 
	display: none;
	/*
color: transparent;
	visibility: hidden;
*/
}
h2 { font-size: 2.5em; }
h3, 
.fake-h3, 
.fake-h3-top  { 
	font-size: 2.3em;
	font-weight: normal;
}
h4 { font-size: 1.7em; }
h5, 
.fake-h5 { font-size: 1.5em; }
h6, 
.fake-h6 { 
	font-size: 1.3em;
	margin-top: 0.3em;
}

.fake-h1,
.fake-h2,
.fake-h3,
.fake-h3-top,
.fake-h4,
.fake-h5,
.fake-h6 {
	display: block;
}
div#main-section-intro div.fake-h3-top {
	margin-top: -10px;
}

.h6-subpage span {
	line-height: 1.2em;
}
.h6-subpage span.normal {
	font-weight: normal;
}
* html body h6.h6-subpage span {
	margin: 0;
}
div#main-section-wrapper-articlepage div#main-section-intro span.unbordered img {
	margin-left: 30px;
}
ul {
	list-style: none;
}
.current-page,
.home-current-page-item, 
.connect-current-page-item, 
.bio-current-page-item, 
.publicclassschedule-current-page-item, 
.workshopsandevents-current-page-item, 
.poses-current-page-item, 
.inspiration-current-page-item, 
.gallery-current-page-item, 
.faq-current-page-item, 
.friends-current-page-item {
	font-weight: bold;
}
#main-section #breadcrumb, 
.jumplist {
	margin-top: -20px;
	font-size: 10px;
	text-align: right;
}
#main-section #breadcrumb a:link, 
#main-section #breadcrumb a:active, 
#main-section #breadcrumb a:visited, 
#main-section .jumplist a:link, 
#main-section .jumplist a:active, 
#main-section .jumplist a:visited {
	text-decoration: none;
}
#main-section #breadcrumb span a:hover, 
#main-section .jumplist span a:hover {
	text-decoration: underline;
}
.jumplist {
	border-width: 0 0 1px 0;
	border-style: solid;
	margin: 0 0 10px 30px;
	padding-bottom: 10px;
}
* html body #main-section #breadcrumb { /* IE6 only */
	margin-top: 0;
}



.annotation {
	font-weight: normal;
	font-style: italic;
	font-size: 0.7em;
}
.georgia {
	font-family: Georgia, Times, "Times New Roman", Courier;
}
.float-left {
	float: left;
}
.clear-right {
	clear: right;
}
.half-em {
	font-size: 0.5em;
}
.three-q-em {
	font-size: 0.75em;
}

.bold, 
#main-section .bold {
	font-weight: bold;
}
.normal, 
#main-section .normal {
	font-weight: normal;
}
.italic, 
#main-section .italic  {
	font-style: italic;
}
.color-666 {
	color: #666;
}
.color-000 {
	color: #000;
}
.spacer,
.spacer1,
.spacer2,
.spacer3,
.spacer4,
.spacer5,
.spacer6, 
.spacer16, 
.spacer36, 
.spacer200, 
.spacer250 {
	clear: both;
}
/* ".spacer" uses the default height, which can be larger than 6 pixels */
.spacer1 { height: 1px; }
.spacer2 { height: 2px; }
.spacer3 { height: 3px; }
.spacer4 { height: 4px; }
.spacer5 { height: 5px; }
.spacer6 { height: 6px; }
.spacer16 { height: 16px; }
.spacer36 { height: 36px; }
.spacer100 { height: 100px; }
.spacer150 { height: 150px; }
.spacer200 { height: 200px; }
.spacer250 { height: 250px; }

/* ===== START DEFAULT LINKAGE ===== */
a:link, 
a:active {
	color: #333;
	text-decoration: none;
}
a:visited { 
	color: #23572C;
	text-decoration: none;
}
a:hover {
	color: #6DA978;
	text-decoration: underline;
}
a:link span, 
a:active span, 
a:visited span, 
a:hover span {
	text-decoration: none;
}

/* #########  LINK LOOK OVERRIDE BEGINS  ######### */
/* so that links in the main text paragraphs look like links, but lose the underline when hovered over.  Reversed for links in sub-subpage-lists.  Not replacing the underline with a border because I suspect the regular underline is more semantic. */
#main-section p a:link, 
#main-section p a:active, 
#main-section p a:visited, 
#main-section ul.sub-subpage-list a:hover {
	text-decoration: underline;
}
#main-section p a:hover {
	text-decoration: none;
	color: #000;
}

/* special links, like buttons and images must be overridden case by case */

/* #########  LINK LOOK OVERRIDE ENDS  ######### */


/* ===== END DEFAULT LINKAGE ===== */


/* +++++ START CUSTOM LINKAGE +++++ */
/* 
.links a:link, 
.links a:active {
	text-decoration: none;
}
.links a:visited {
	text-decoration: none;
}
.links a:hover {
	text-decoration: underline;
}
.links a.current-page:link, 
.links a.current-page:active, 
.links a.current-page:visited {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
 */
/* +++++ END CUSTOM LINKAGE +++++ */

div#header {
	padding-bottom: 30px;
}

/* #########  TOPLINKS BEGINS  ######### */
#toplinks {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 17px;
	padding: 5px 0 5px 0;
	background-color: #83B68B;
	background-image: url(../images/navigation/toplinks-bg-green1.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	z-index: 10;
	white-space: nowrap;
}
* html body #toplinks { /* IE6 ONLY */
	height: 16px;
}
*+html body #toplinks { /* IE7 ONLY */
	height: 15px;
}
#toplinks, 
#toplinks a {
	color: #FBF0E2;
	font-size: 11px;
	text-align: center;
	letter-spacing: 0.5px;
}
#toplinks a {
	white-space: nowrap;
}
#toplinks a:hover {
	color: #FFF;
	text-decoration: none;
	/*font-weight: bold;*/
}
#toplinks a.current-page, 
#toplinks a.current-page,
#toplinks a.home-current-page-item, 
#toplinks a.connect-current-page-item, 
#toplinks a.bio-current-page-item, 
#toplinks a.publicclassschedule-current-page-item, 
#toplinks a.workshopsandevents-current-page-item, 
#toplinks a.poses-current-page-item, 
#toplinks a.inspiration-current-page-item, 
#toplinks a.gallery-current-page-item, 
#toplinks a.faq-current-page-item, 
#toplinks a.friends-current-page-item {
	background-repeat: repeat-x;
	background-image: url(../images/navigation/bg5.png);
	background-position: 0 0;
	font-size: 12px;
	padding: 3px 10px 7px 10px;
	vertical-align: -2px;
	margin-left: 5px;
	margin-right: 5px;
}
* html body #toplinks a.current-page, 
* html body #toplinks a.current-page,
* html body #toplinks a.home-current-page-item, 
* html body #toplinks a.connect-current-page-item, 
* html body #toplinks a.bio-current-page-item, 
* html body #toplinks a.publicclassschedule-current-page-item, 
* html body #toplinks a.workshopsandevents-current-page-item, 
* html body #toplinks a.poses-current-page-item, 
* html body #toplinks a.inspiration-current-page-item, 
* html body #toplinks a.gallery-current-page-item, 
* html body #toplinks a.faq-current-page-item, 
* html body #toplinks a.friends-current-page-item {/* IE6 ONLY */
	background-image: url(../images/navigation/bg5.jpg);
	background-color: #FEFBF8;
	padding: 3px 10px 20px 10px;
	vertical-align: -2px;
	margin-left: 5px;
	margin-right: 5px;
}


/* #########  TOPLINKS ENDS  ######### */





#wrapper { /* do not z-index this up or it will prevent the links from being clickable or rollover-able */
	width: 730px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em; /* position of the logo and page content */
}
* html body #wrapper { /* IE6 ONLY - so that the homepage logo displays fully.  Otherwise, the left is cut off */
	padding: 0 30px 0 70px;
	/*margin-top: -25px;*/
}
#splash-logo, 
#splash-logo-subpage {
	margin: -10px 0 0 -10%; /* here so the somuchkula.com splash logo can slide off the page to the left */
	background-repeat: no-repeat;
	background-position: 13px 0;
	height: 527px; /* the subpages need this height */
}

/* ###########  NON-IMAGEMAP LINK BEGINS  ########### */

/* so that the empty span in the HTML can be a link, if we weren't using imagemaps, which we aren't */

#splash-logo a, 
#splash-logo-subpage a { 
	display: block;
}
#splash-logo a {
	width: 761px;
	height: 463px;
}
#splash-logo-subpage a {
	width: 380px;
	height: 250px;
}

/* ###########  NON-IMAGEMAP LINK ENDS  ########### */


#splash-logo-subpage { /*for all but the homepage */
	background-image: url(../images/navigation/somuchkula-subpage.png);
	background-position: 0 9px;
}
* html body #splash-logo-subpage { /* for all but the homepage - IE6 only */
	background-image: url(../images/navigation/somuchkula-subpage.jpg);
	background-position: 0 9px;
}
* html body #splash-logo-subpage a, 
* html body #subpage-title-single-line a, 
* html body #subpage-title-biline a, 
* html body #subpage-title-triline a {/* because IE6 is not showing the hand by default on mouseover of the logo or the subpage titles */
	cursor: pointer;
}

#splash-logo-wrapper-subpage {
	z-index: -3;
	background-image: url(../images/navigation/decoration2.png);
	background-repeat: no-repeat;
	background-position: 200px -80px;
}
* html body #splash-logo-wrapper-subpage {
	background-image: none;
}
#splash-logo-wrapper-subpage {
	margin: 38px 0 0 50px;
}

#topquote,
#topquote-sig, 
#subpage-title-single-line, 
#subpage-title-biline, 
#subpage-title-triline {
	position: absolute;
	top: 0;
	font-size: 11px;
	width: 370px;
	line-height: 15px;
	z-index: 3;
}


/* ================================================================ */



#subpage-title-single-line a:link, 
#subpage-title-single-line a:active, 
#subpage-title-single-line a:visited, 
#subpage-title-biline a:link, 
#subpage-title-biline a:active, 
#subpage-title-biline a:visited, 
#subpage-title-triline a:link, 
#subpage-title-triline a:active, 
#subpage-title-triline a:visited {
	text-decoration: none;
}

* html body #subpage-title-single-line a:link, 
* html body #subpage-title-single-line a:active, 
* html body #subpage-title-single-line a:visited, 
* html body #subpage-title-biline a:link, 
* html body #subpage-title-biline a:active, 
* html body #subpage-title-biline a:visited, 
* html body #subpage-title-triline a:link, 
* html body #subpage-title-triline a:active, 
* html body #subpage-title-triline a:visited {
	cursor: pointer; /* because IE6 is not showing the hand by default on mouseover of the page title on sub and articlepages */
}

#topquote {
	text-align: center;
	margin-top: 53px;
	margin-left: 360px;
}
#topquote-sig {
	text-align: right;
	margin: 35px 0 0 0;
	font-style: italic;
}
* html body #topquote-sig { /* IE6 ONLY */
	position: relative;
	margin: 5px 0 0 0;
}
*+html body #topquote-sig { /* IE7 ONLY */
	position: relative;
	margin: 5px 0 0 0;
}
/* NOTE. ^ See above: Can't combine IE7 and IE6 hacks in the same rule (IE6 ignores the whole thing) ^ */

li.h6-subpage {
	margin-left: -25px;
}

ul.sub-subpage-list {
	color: #666;
	margin-bottom: 15px;
}
ul.sub-subpage-list li {
	list-style: square;
	font-size: 0.8em;	
}
ul li.header {
	list-style: none;
	font-size: 1em;
}




/* #########  SUBPAGE TITLE BEGINS (ALSO SEE TOPQUOTE LINE ABOVE) ######### */

#subpage-title-single-line span.bold, 
#subpage-title-single-line span.normal, 
#subpage-title-biline span.bold, 
#subpage-title-biline span.normal, 
#subpage-title-triline span.bold, 
#subpage-title-triline span.normal {
	width: 205px;
	height: 68px;
}
#subpage-title-single-line,
#subpage-title-biline,
#subpage-title-triline { /* SUBPAGE FONT SIZE */
	margin: 60px 0 0 315px;
	font-size: 60px;
	font-weight: bold;
}
#subpage-title-single-line span,
#subpage-title-biline span,
#subpage-title-triline span {
	display: block;
	margin-left: 40px;
	height: 50px;
	letter-spacing: -5px;
}
#subpage-title-single-line .curly,
#subpage-title-biline .curly,
#subpage-title-triline .curly {
	float: left;
	margin-top: 50px;
	margin-left: 0;
	font-weight: normal;
}

/* #########  SINGLE LINE ADJUSTMENT BEGINS  ######### */
#subpage-title-single-line span.bold {
	margin-top: 50px;
}
/* #########  SINGLE LINE ADJUSTMENT ENDS  ######### */

/* #########  BILINE ADJUSTMENT BEGINS  ######### */
#subpage-title-biline span.normal {
	margin-top: 25px;
}
#subpage-title-biline span.bold {
	margin-top: -18px;
}
/* #########  BILINE ADJUSTMENT ENDS  ######### */

/* #########  TRILINE ADJUSTMENT BEGINS  ######### */
#subpage-title-triline span.normal {
	margin-top: 10px;
}
#subpage-title-triline span.bold, 
#subpage-title-triline span.linetwo  {
	margin-top: -25px;
}
/* #########  TRILINE ADJUSTMENT ENDS  ######### */


/* #########  IE SINGLE-LINE ADJUSTMENT BEGINS  ######### */
* html body #subpage-title-single-line { /* IE6 only */
	margin-top: 20px;
}
*+html body #subpage-title-single-line { /* IE7 only */
	margin-top: 20px;
}
/* #########  IE SINGLE-LINE ADJUSTMENT ENDS  ######### */
* html body #subpage-title-biline span.curly { /* IE6 only */
	margin-top: 45px;
}

/* #########  IE BILINE ADJUSTMENT BEGINS  ######### */
* html body #subpage-title-biline span.normal { /* IE6 only */
	margin-top: 20px;
}
* html body #subpage-title-biline span.bold { /* IE6 only */
	margin-top: -62px;
}
*+html body #subpage-title-biline span.curly { /* IE7 only */
	margin-top: 45px;
}
*+html body #subpage-title-biline span.normal { /* IE7 only */
	margin-top: 18px;
}
*+html body #subpage-title-biline span.bold { /* IE7 only */
	margin-top: -47px;
}
* html body #subpage-title-biline { /* IE6 only */
	margin-top: 25px;
}
*+html body #subpage-title-biline { /* IE7 only */
	margin-top: 25px;
}
/* need to separate the IE6 & 7 hacks, though identical */
/* #########  IE BILINE ADJUSTMENT ENDS  ######### */


/* #########  IE TRILINE ADJUSTMENT BEGINS  ######### */
* html body #subpage-title-triline span.bold, 
* html body #subpage-title-triline span.linetwo  { /* IE6 only */
	margin-top: -67px;
}
* html body #subpage-title-triline { /* IE6 only */
	margin-top: 20px;
}

*+html body #subpage-title-triline span.bold, 
*+html body #subpage-title-triline span.linetwo  { /* IE7 only */
	margin-top: -50px;
}
*+html body #subpage-title-triline { /* IE7 only */
	margin-top: 20px;
}
/* #########  IE TRILINE ADJUSTMENT ENDS  ######### */

* html body #subpage-title-single-line span.curly,
* html body #subpage-title-single-line span.bold, 
* html body #subpage-title-single-line span.normal, 
* html body #subpage-title-biline span.curly,
* html body #subpage-title-biline span.bold, 
* html body #subpage-title-biline span.normal, 
* html body #subpage-title-triline span.curly,
* html body #subpage-title-triline span.bold, 
* html body #subpage-title-triline span.normal, 
* html body #subpage-title-triline span.linetwo normal { /* IE6 only */
	height: 0;
	padding: 40px 0;
}
*+html body #subpage-title-single-line span.curly,
*+html body #subpage-title-single-line span.bold, 
*+html body #subpage-title-single-line span.normal, 
*+html body #subpage-title-biline span.curly,
*+html body #subpage-title-biline span.bold, 
*+html body #subpage-title-biline span.normal, 
*+html body #subpage-title-triline span.curly,
*+html body #subpage-title-triline span.bold, 
*+html body #subpage-title-triline span.normal, 
*+html body #subpage-title-triline span.linetwo normal { /*+IE7 only */
	height: 0;
	padding: 40px 0;
}



/* ================================================================ */




/* #########  SUBPAGE TITLE ENDS  ######### */


/* #########  SIDEBURN BEGINS  ######### */


#sideburn-left, 
#sideburn-right {
	background-repeat: repeat-y;
	position: fixed;
	top: 0;
	height: 100%;
	width: 167px;
	margin: 0;
	z-index: -1; /* if we're going with the 136KB transparent PNG for the smk logo, and not using the sideburns on IE6 */
	background-position: 0 0;
}
#sideburn-left {
	left: 0;
	z-index: 1;
}
#sideburn-right {
	right: 0;
}
* html body #sideburn-left { /* IE6 ONLY */
	left: 0;
	right: 100%;
}
* html body #sideburn-right { /* IE6 ONLY */
	right: 0;
	left: 100%;
}
* html body #sideburn-left, 
* html body #sideburn-right {  /* IE6 ONLY */
	display: none;	
	position: absolute;
	bottom: 0;
	top: 0;
	margin: 0 0 100% 0;
	/*padding: 0 0 100% 0;*/
}

/* #########  SIDEBURN ENDS  ######### */

#main-section-wrapper, 
#main-section-wrapper-subpage, 
#main-section-wrapper-articlepage {
	top: 100px;
	z-index: 2;
}

#main-section-wrapper { /* homepage only */
	margin: -303px 0 0 300px; /* controls the positioning of the sidebar and main section relative to the logo */
	width: 410px;
}
* html body #main-section-wrapper { 
	margin-top: -333px;	/* uses a different logo file than the rest of the browsers, so the top position is different */
}
#main-section-wrapper-subpage { /* subpages only */
	margin: -345px 0 0 200px; /* controls the positioning of the sidebar and main section relative to the logo */
	width: 510px;
}
#main-section-wrapper-articlepage { /* article pages only */
	margin: -345px 0 0 120px; /* controls the positioning of the sidebar and main section relative to the logo */
	width: 610px;
}



/* ================================================================ */



/* #########  IE6-WEIRD-ICON BEGINS  ######### */


#main-section {
	background-image: url(../images/navigation/menuback-left.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	position: relative;
	padding-bottom: 15px;
}
* html body #main-section {
	/* IE6 ONLY */
	background-image: url(../images/navigation/menuback-left.gif);
	position: fixed;
}
#main-section-intro span.bordered img {
	float: left;
	padding: 10px 30px 15px 0;
}
* html body #main-section-intro span.bordered img {
	float: left;
	padding: 10px 0 15px 0;
}

#main-section-wrapper-subpage #main-section, 
#main-section-wrapper-articlepage #main-section {
	background-image: none;
}
#main-section p, 
#main-section h2, 
#main-section h4, 
#main-section h6 {
	margin: 0 0 0 30px;
}
div#main-section-wrapper-subpage div#main-section p, 
div#main-section-wrapper-articlepage div#main-section p, 
div#main-section-wrapper div#main-section p {
	text-align: justify;
	line-height: 1.7em;
}
div#main-section-wrapper-subpage div#main-section .tight-leading, 
div#main-section-wrapper-articlepage div#main-section .tight-leading {
	font-weight: normal;
}
div#main-section p.first-paragraph {
	padding-top: 10px;
	border-width: 1px 0 0 0;
	border-style: solid;
}

div#main-section-wrapper-subpage div#main-section p.pullquote-left, 
div#main-section-wrapper-articlepage div#main-section p.pullquote-left, 
div#main-section-wrapper-subpage div#main-section p.separator-center, 
div#main-section-wrapper-articlepage div#main-section p.separator-center, 
div#main-section-wrapper-subpage div#main-section p.pullquote-right, 
div#main-section-wrapper-articlepage div#main-section p.pullquote-right, 
div#main-section-wrapper div#main-section p.pullquote-right {
	font-size: 1.5em;
	font-family: Georgia;
	font-style: italic;
	line-height: 1.3em;
	margin: 0 auto;
	padding: 0 20px 10px 20px;
}
div#main-section-wrapper-subpage div#main-section div.pullimage-left, 
div#main-section-wrapper-articlepage div#main-section div.pullimage-left, 
div#main-section-wrapper div#main-section div.pullimage-left, 
div#main-section-wrapper-subpage div#main-section div.pullimage-center, 
div#main-section-wrapper-articlepage div#main-section div.pullimage-center, 
div#main-section-wrapper div#main-section div.pullimage-center, 
div#main-section-wrapper-subpage div#main-section div.pullimage-right, 
div#main-section-wrapper-articlepage div#main-section div.pullimage-right, 
div#main-section-wrapper div#main-section div.pullimage-right {
	width: 110px;
}
div#main-section-wrapper-subpage div#main-section div.pullimage-left, 
div#main-section-wrapper-articlepage div#main-section div.pullimage-left, 
div#main-section-wrapper div#main-section div.pullimage-left {
	float: left;
}
div#main-section-wrapper-subpage div#main-section div.pullimage-right, 
div#main-section-wrapper-articlepage div#main-section div.pullimage-right, 
div#main-section-wrapper div#main-section div.pullimage-right {
	float: right;
	margin-left: 30px;
}

div#main-section-wrapper-subpage div#main-section p.pullquote-left, 
div#main-section-wrapper-articlepage div#main-section p.pullquote-left, 
div#main-section-wrapper div#main-section p.pullquote-left {
	width: 200px;
	float: left;
	text-align: right;
}
div#main-section-wrapper-subpage div#main-section p.pullquote-right, 
div#main-section-wrapper-articlepage div#main-section p.pullquote-right, 
div#main-section-wrapper div#main-section p.pullquote-right {
	width: 200px;
	float: right;
	text-align: left;
}


/* #########  IE6-WEIRD-ICON ENDS  ######### */



/* ================================================================ */




/* #########  ARTICLE SEPARATORS BEGINS  ######### */


div#main-section-wrapper-subpage div#main-section p.separator-center, 
div#main-section-wrapper-articlepage div#main-section p.separator-center, 
div#main-section-wrapper-subpage div#main-section p.separator-center span, 
div#main-section-wrapper-articlepage div#main-section p.separator-center span, 
div#main-section-wrapper-subpage div#main-section p.separator-left, 
div#main-section-wrapper-articlepage div#main-section p.separator-left, 
div#main-section-wrapper-subpage div#main-section p.separator-left span, 
div#main-section-wrapper-articlepage div#main-section p.separator-left span {
	clear: both;
}
div#main-section-wrapper-subpage div#main-section p.separator-left, 
div#main-section-wrapper-articlepage div#main-section p.separator-left, 
div#main-section-wrapper-subpage div#main-section p.separator-left span, 
div#main-section-wrapper-articlepage div#main-section p.separator-left span {
	text-align: left;
}
div#main-section-wrapper-subpage div#main-section p.separator-center, 
div#main-section-wrapper-articlepage div#main-section p.separator-center, 
div#main-section-wrapper-subpage div#main-section p.separator-center span, 
div#main-section-wrapper-articlepage div#main-section p.separator-center span {
	text-align: center;
}
div#main-section-wrapper-subpage div#main-section p.separator-center, 
div#main-section-wrapper-articlepage div#main-section p.separator-center, 
div#main-section-wrapper-subpage div#main-section p.separator-left, 
div#main-section-wrapper-articlepage div#main-section p.separator-left {
	width: 500px;
	margin: 30px 0 0 2.2em;
	padding: 0 20px 30px 20px;
	border-width: 1px 0 0 0;
	border-style: solid;
}

div#main-section-wrapper-subpage div#main-section p.separator-center span, 
div#main-section-wrapper-articlepage div#main-section p.separator-center span, 
div#main-section-wrapper-subpage div#main-section p.separator-left span, 
div#main-section-wrapper-articlepage div#main-section p.separator-left span {
	margin: -0.75em auto;
	padding: 0;
	width: 30%;
	display: block;
	background-image: url(../images/navigation/bg3.jpg);
	background-repeat: repeat;
	background-position: 0 0;
}
* html body div#main-section-wrapper-subpage div#main-section p.separator-center, 
* html body div#main-section-wrapper-articlepage div#main-section p.separator-center {
	background-color: transparent;
}
* html body div#main-section-wrapper-subpage div#main-section p.separator-center span, 
* html body div#main-section-wrapper-articlepage div#main-section p.separator-center span {
	position: absolute;
	left: 50%;
	background-image: url(../images/navigation/bg3.jpg);
	background-color: #FEFBF8;
	z-index: 10;
}



/* #########  ARTICLE SEPARATORS ENDS  ######### */

div#main-section-wrapper-subpage div#main-section div.intro-image a img {
	margin: 7px 20px 0 30px;
} 
div#main-section-wrapper-articlepage div#main-section div.intro-image a img {
	margin: 15px 20px 0 30px;
}

div#main-section-wrapper-subpage div#main-section div.intro-image a img, 
div#main-section-wrapper-articlepage div#main-section div.intro-image a img {
	padding: 0;
	width: 105px;
	height: 105px;
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}
/*
* html body div#main-section-wrapper-subpage div#main-section div.intro-image a img, 
* html body div#main-section-wrapper-articlepage div#main-section div.intro-image a img {
	margin: 15px 15px 0 15px;
}
*/



div#main-section-wrapper-subpage div#main-section p img.bordered, 
div#main-section-wrapper-articlepage div#main-section p img.bordered, 
div#main-section-wrapper div#main-section p img.bordered {
	padding: 15px;
	border-style: solid;
	background-image: url(../images/navigation/bg3.jpg);
	background-repeat: repeat;
	background-position: 0 0;
	margin: 0 15px 10px 0;
}

#main-section-intro, 
.intro-header-subpage {
	font-family: Georgia;
}
.intro-header-subpage {
	margin-left: 30px;
}
div.intro-header-subpage div.fake-h3, 
div.intro-header-subpage div.fake-h5, 
div.intro-header-subpage div.fake-h6 {
	margin-left: 130px;
}
.fake-h3,
.fake-h5 {
	margin-bottom: 5px;
}

.intro-header-subpage img {
	float: left;
	margin-top: 5px;
}



/* ================================================================ */




div#main-section-intro span.bordered img, 
div#main-section-intro span.unbordered img {
	padding: 15px 15px 0 0;
/*
	background-image: url(../images/navigation/bg3.jpg);
*/
	margin: 0 20px 10px 30px;
}
div#main-section-intro span.bordered img {
	border-style: solid;
}
div#main-section-intro span.unbordered img {
	background-image: none;
}
* html body div#main-section-intro span.bordered img, 
* html body div#main-section-intro span.unbordered img {
	left: 0;
	top: 20px;
	background-color: transparent;
}
* html body div#main-section-intro span.bordered {
	display: block;
	width: 185px;
	height: 291px;
	float: left;
	padding: 15px 15px 15px 0;
	margin: 0 15px 0 0;
	z-index: 10;
}
.open-pullquote, 
.close-pullquote {
	font-size: 2em;
	margin: 0;
	line-height: 0px;
}
.open-pullquote {
	vertical-align: -10px;
	padding-right: 10px;
}
.close-pullquote {
	vertical-align: -15px;	
	padding-left: 5px;
}
p.pullquote-left span.pullquote-sig {
	font-size: 0.8em;
	display: block;
	margin-top: 0.5em;
}

.interviewer, 
.interviewee {
	font-style: italic;
	font-weight: bold;
}



/* #########  MAIN SECTION TABLE BEGINS  ######### */
#main-section table#t-workshops,
#main-section table#t-ctimeloc, 
#main-section table#t-friends {
	width: 550px;
}
#main-section table#t-workshops,
#main-section table#t-friends {
	margin-left: 0;
}
#main-section table#t-workshops td,
#main-section table#t-friends td {
	width: 340px;
}
#main-section table {
	font-size: 0.8em;
	margin: 5px 0 5px 30px;
}
#main-section table p {
	margin: 3px 0;
	padding: 0;
	color: inherit;
	line-height: 1.2em;
}
#main-section table td, 
#main-section table th  {
	text-align: center;
	padding: 5px 6px;
	border: 0;
}
#main-section table#t-workshops th, 
#main-section table#t-friends th {
	text-align: right;
}
#main-section table#t-workshops td, 
#main-section table#t-friends td {
	text-align: left;
}
#main-section table tr.t-spacer th, 
#main-section table tr.t-spacer td {
	background-color: transparent;
	background-image: none;
	height: 10px;
	padding: 0;
}
#main-section table caption {
	text-align: left;
	padding: 5px 0;
	font-weight: bold;
}
#t-fees {
	width: 300px;
}
#main-section table tr td span.bold, 
#main-section table tr td span.normal, 
#main-section table tr td span.italic { /* undoes the table spannage for basic formatting, add more as required */
	margin: 0;
	float: none;
	display: inline;
}
#main-section table tr td a.button { /* for the flyer image thumbnail button */
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100px;
	height: 35px;
	display: block;
	float: left;
	text-decoration: none;
}
#main-section table tr td a#hea09-button:hover { /* for the hover state (sprite) */
	background-position: -100px 0;
}


/* #########  MAIN SECTION TABLE ENDS  ######### */

a.email-button { /* simple email link in a block, floated left. */
	display: block;
	float: left;
	color: #FFF;
	text-decoration: none;
	width: 56px;
	height: 18px;
}
#main-section a.email-button {
	text-decoration: none;
}
a.email-button:hover {
	text-decoration: none;
}

#main-section h2, 
#main-section h6 {
	padding-top: 10px;
}
#main-section p, 
#main-section h6 {
	line-height: 18px;
	margin-bottom: 15px;
	text-align: left;
}
#main-section h6.h6-subpage, 
#main-section h6.h6-subheader {
	margin-top: -10px;
	line-height: normal;
}
#main-section h6.h6-subheader {
	margin-bottom: 5px;
}
.h6-subheader span {
	font-weight: normal;
	line-height: 1em;
}



/* ================================================================ */




#main-section p, 
#main-section ul#connect-form {
	font-size: 12px;
}
#main-section p, 
#main-section a, 
.h6-subpage span, 
.sidebar-image-caption {
	color: #666;
}
.headline, 
#main-section .headline {
	font-weight: normal;
}
.headline-bold, 
#main-section .headline-bold {
	font-weight: bold;
}
.articleimage-left, 
.articleimage-right {
	position: absolute;
}
.articleimage-left {
	left: 30px;
}
#sidebar ul li a {
	color: #AB806D;
}
#sidebar {
	position: absolute;
	/*margin-top: -350px;*/
	margin-left: -230px; 
	left: auto;
	top: 245px;
	right: auto;
	
	width: 230px;
	padding: 0;
	bottom: 0;
	color: #FF0;
	z-index: 2;
}
.sidebar-image-one, 
.sidebar-image, 
.sidebar-image-home {
	position: absolute;
	margin-top: -350px;
	left: auto;
	right: auto;
	width: 240px;
	padding: 15px 0 15px 0;
	z-index: -5;
	margin-left: -240px;
	border-width: 1px 1px 1px 0;
	border-style: dashed;
}
.sidebar-image-one img,
.sidebar-image img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}




/* ================================================================ */





/*
.sidebar-image-one a:hover {
	background-position: -195px 0;
}
*/
.sidebar-image-home { /* hidden until concept is finalized */
	display: none;
}


#main-section-wrapper-articlepage .sidebar-image-caption {
	margin-top: 0;
	margin-right: 30px;
	float: right;
	font-size: 0.6em;
	text-align: center;
}
* html body .sidebar-image-caption {
	margin-left: 20px;
}
#sidebar ul {
	position: relative;
	color: #666;
	text-align: right;
	list-style: none;
	font-size: 0.8em;
/*
   border-	olor: #F00;
	border-width: 0 1px 0 0;
	border-style: solid;
*/
}
ul li.sidebar-topic {
   border-color: #DDCABC;
	border-width: 0 0 1px 0;
	border-style: solid;
}
div#sidebar ul li.sidebar-topic a:link, 
div#sidebar ul li.sidebar-topic a:active, 
div#sidebar ul li.sidebar-topic a:visited, 
div#sidebar ul li.sidebar-topic-last a:link, 
div#sidebar ul li.sidebar-topic-last a:active, 
div#sidebar ul li.sidebar-topic-last a:visited { /* Very important rules */
	display: block;
	/*background-color: #CFF;*/
	padding: 12px 10px 14px 0;
	margin: 0;
	/* Since the subpage sidebars don't float over anything like the logo on the homepage, they don't need a background, but the image used for the hover is a sprite, so one half of this particular sprite is completely blank */
	background-image: url(../images/navigation/menuback-right-subpage.png);
	background-position: 0 0;
}
div#sidebar ul li.sidebar-topic a:hover, 
div#sidebar ul li.sidebar-topic-last a:hover {
	text-decoration: none;
	background-position: -420px 0;
}
* html body div#sidebar ul li.sidebar-topic a:link, 
* html body div#sidebar ul li.sidebar-topic a:active, 
* html body div#sidebar ul li.sidebar-topic a:visited, 
* html body div#sidebar ul li.sidebar-topic-last a:link, 
* html body div#sidebar ul li.sidebar-topic-last a:active, 
* html body div#sidebar ul li.sidebar-topic-last a:visited {
	/* Since the subpage sidebars don't float over anything like the logo on the homepage, they don't need a background, but the image used for the hover is a sprite, so one half of this particular sprite is completely blank */
	background-image: url(../images/navigation/menuback-right-subpage.gif);
	background-position: 0 0;
}

* html body ul li.sidebar-topic a:link, 
* html body ul li.sidebar-topic a:active, 
* html body ul li.sidebar-topic a:visited, 
* html body ul li.sidebar-topic-last a:link, 
* html body ul li.sidebar-topic-last a:active, 
* html body ul li.sidebar-topic-last a:visited { /* IE6 only */
	background-image: url(../images/navigation/menuback-right.gif);
}
* html body div#sidebar-subpage ul li.sidebar-topic a:hover, 
* html body div#sidebar-subpage ul li.sidebar-topic-last a:hover, 
* html body div#sidebar-subpage ul li.sidebar-topic a:hover, 
* html body div#sidebar-subpage ul li.sidebar-topic-last a:hover { /* IE6 only */
	text-decoration: none;
	background-position: -420px 0;
}



/* ================================================================ */




	
#sidebar ul li h6, 
#sidebar-subpage ul li h6 { /*to hide the sidebar's h6 tags*/
	display: none;
}

ul li a span.sidebar-h6-proxy {
	font-size: 1em;
	font-weight: bold;
}


/* #########  FORM LIST BEGINS  ######### */
#main-section ul#connect-form {
	margin: 5px 0 5px 30px;
	list-style: none;
}

#main-section ul#connect-form li {
	padding: 5px 0;
}
#main-section ul#connect-form p {
	margin-left: 0;
}
label {
	margin: 0 1em 0 0;
	float: left;
	width: 12em;
	padding-top: 5px;
	text-align: right;
	clear: both;
}

input {
	margin-bottom: 10px;
	height: 20px;
	padding: 4px 5px 0 5px;
}
li.field {
	white-space: nowrap;
}

textarea {
	margin-left: 0;
	width: 450px;
	padding: 10px;
	line-height: 1.5em;
}
input, 
textarea {
	color: #808080;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/* #########  FORM LIST ENDS  ######### */


/* ###########  ORDERED LIST BEGINS  ########### */

ol { 
	list-style: decimal outside;
	margin-left: 55px;
}
#main-section ol li, 
#main-section ol li ol li  {
   padding: 5px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
}
#main-section ol li p, 
#main-section ol li ol li p {
	margin: 10px 0;
}
#main-section ol li.faq-last, 
#main-section ol li ol li.faq-last {
	border-width: 0;
}
#main-section ol.subfaq {
	list-style: lower-latin;
}
#main-section ul.subfaq {
	list-style: disc;
}
#main-section ol.subfaq li, 
#main-section ul.subfaq li {
	font-size: 0.8em;
	margin: 1px 0;
	line-height: 1.6em;
	border-width: 0;
}
/* ###########  ORDERED LIST ENDS  ########### */

/* #########  MAIN SECTION UNORDERED LIST BEGINS  ######### */

#main-section ul { 
	list-style: none;
	margin-left: 55px;
}
#main-section ul li {
   padding: 5px 0;
}
#main-section ul li p {
	margin: 10px 0;
}
#main-section ul li#faq-last {
	border-width: 0;
}


/* #########  MAIN SECTION UNORDERED LIST ENDS  ######### */



/* #########  FOOTER BEGINS  ######### */
#footer, 
.push {
	height: 152px;
}
.push {
	height: 100px;
}
#footer, 
#footer-content, 
#footer-logo, 
#footer #footer-content #footer-links, 
#footer-address { /* for consistent color in the footer text */
	color: #DDCABC;
}



/* ================================================================ */




#footer, 
#footer-logo {
	height: 158px;
}
#footer { /* managed to get it to stick to the bottom! */
	background-color: #FBF1E4;
	margin: 0;
	position: relative;
	bottom: 0;
	background-image: url(../images/navigation/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 top;
	z-index: 2;
}
#footer-content { /* I think lots of nesting helps isolate positioning problems.  I could be wrong :-) */
	width: 790px;
	margin: 0 auto;
}
* html body #footer-content { /* IE6 ONLY */
	width: 815px; /* otherwise, the address wraps to two lines in IE6 */
}
#footer-logo, 
#footer-links, 
#bottomlinks1, 
#bottomlinks2, 
#bottomlinks3, 
#footer-address { /* to get everything to stack properly */
	float: left;
}
#footer-logo {
	margin: 3px 0 0 23px;
	width: 128px;
	padding: 0 23px 0 0;
	background-image: url(../images/navigation/sanctuary-logo.jpg);
	background-repeat: no-repeat;
	background-position: 0 22px;
   border-color: #D9BC97;
	border-width: 0 1px 0 0;
	border-style: solid;
}
#footer-links { /* the container for the bottomlinks boxes */
   margin: 15px 0 3px 0;
   padding-left: 0;
   height: 100px;
}
#bottomlinks1, 
#bottomlinks2, 
#bottomlinks3 { /* to organise the spacing for the bottom links' box */
	padding: 0 30px 15px 0;
}
* html body #bottomlinks1, 
* html body #bottomlinks2, 
* html body #bottomlinks3 { /* IE6 only - otherwise, the divs are too wide to let the float work properly */
	width: 170px;
}
#bottomlinks1 ul li, 
#bottomlinks2 ul li, 
#bottomlinks3 ul li { /* to organise the spacing for the bottom links' box */
	margin: 0;
	padding: 0;
	height: 18px;
}
#bottomlinks1 ul li a, 
#bottomlinks2 ul li a, 
#bottomlinks3 ul li a, 
#footer-address { /* to organise the spacing and color for the bottom links themselves */
	padding-left: 20px;
	font-size: 11px;
	text-align: left;
}
#bottomlinks1 ul li a:link, 
#bottomlinks1 ul li a:active, 
#bottomlinks2 ul li a:link, 
#bottomlinks2 ul li a:active, 
#bottomlinks3 ul li a:link, 
#bottomlinks3 ul li a:active { /* to organise the bottom link colors */
	color: #925B45;
}
#bottomlinks1 ul li a:visited, 
#bottomlinks2 ul li a:visited, 
#bottomlinks3 ul li a:visited {
	color: #AB806D;
}
#bottomlinks1 ul li a:hover, 
#bottomlinks2 ul li a:hover, 
#bottomlinks3 ul li a:hover {
	color: #23572C;
}
#bottomlinks1 ul li a.home-current-page-item:link, 
#bottomlinks1 ul li a.home-current-page-item:active, 
#bottomlinks2 ul li a.home-current-page-item:link, 
#bottomlinks2 ul li a.home-current-page-item:active, 
#bottomlinks3 ul li a.home-current-page-item:link, 
#bottomlinks3 ul li a.home-current-page-item:active, 
#bottomlinks1 ul li a.connect-current-page-item:link, 
#bottomlinks1 ul li a.connect-current-page-item:active, 
#bottomlinks2 ul li a.connect-current-page-item:link, 
#bottomlinks2 ul li a.connect-current-page-item:active, 
#bottomlinks3 ul li a.connect-current-page-item:link, 
#bottomlinks3 ul li a.connect-current-page-item:active, 
#bottomlinks1 ul li a.bio-current-page-item:link, 
#bottomlinks1 ul li a.bio-current-page-item:active, 
#bottomlinks2 ul li a.bio-current-page-item:link, 
#bottomlinks2 ul li a.bio-current-page-item:active, 
#bottomlinks3 ul li a.bio-current-page-item:link, 
#bottomlinks3 ul li a.bio-current-page-item:active, 
#bottomlinks1 ul li a.publicclassschedule-current-page-item:link, 
#bottomlinks1 ul li a.publicclassschedule-current-page-item:active, 
#bottomlinks2 ul li a.publicclassschedule-current-page-item:link, 
#bottomlinks2 ul li a.publicclassschedule-current-page-item:active, 
#bottomlinks3 ul li a.publicclassschedule-current-page-item:link, 
#bottomlinks3 ul li a.publicclassschedule-current-page-item:active, 
#bottomlinks1 ul li a.workshopsandevents-current-page-item:link, 
#bottomlinks1 ul li a.workshopsandevents-current-page-item:active, 
#bottomlinks2 ul li a.workshopsandevents-current-page-item:link, 
#bottomlinks2 ul li a.workshopsandevents-current-page-item:active, 
#bottomlinks3 ul li a.workshopsandevents-current-page-item:link, 
#bottomlinks3 ul li a.workshopsandevents-current-page-item:active, 
#bottomlinks1 ul li a.poses-current-page-item:link, 
#bottomlinks1 ul li a.poses-current-page-item:active, 
#bottomlinks2 ul li a.poses-current-page-item:link, 
#bottomlinks2 ul li a.poses-current-page-item:active, 
#bottomlinks3 ul li a.poses-current-page-item:link, 
#bottomlinks3 ul li a.poses-current-page-item:active, 
#bottomlinks1 ul li a.inspiration-current-page-item:link, 
#bottomlinks1 ul li a.inspiration-current-page-item:active, 
#bottomlinks2 ul li a.inspiration-current-page-item:link, 
#bottomlinks2 ul li a.inspiration-current-page-item:active, 
#bottomlinks3 ul li a.inspiration-current-page-item:link, 
#bottomlinks3 ul li a.inspiration-current-page-item:active, 
#bottomlinks1 ul li a.gallery-current-page-item:link, 
#bottomlinks1 ul li a.gallery-current-page-item:active, 
#bottomlinks2 ul li a.gallery-current-page-item:link, 
#bottomlinks2 ul li a.gallery-current-page-item:active, 
#bottomlinks3 ul li a.gallery-current-page-item:link, 
#bottomlinks3 ul li a.gallery-current-page-item:active, 
#bottomlinks1 ul li a.faq-current-page-item:link, 
#bottomlinks1 ul li a.faq-current-page-item:active,
#bottomlinks2 ul li a.faq-current-page-item:link, 
#bottomlinks2 ul li a.faq-current-page-item:active,
#bottomlinks3 ul li a.faq-current-page-item:link, 
#bottomlinks3 ul li a.faq-current-page-item:active, 
#bottomlinks1 ul li a.friends-current-page-item:link, 
#bottomlinks1 ul li a.friends-current-page-item:active,
#bottomlinks2 ul li a.friends-current-page-item:link, 
#bottomlinks2 ul li a.friends-current-page-item:active,
#bottomlinks3 ul li a.friends-current-page-item:link, 
#bottomlinks3 ul li a.friends-current-page-item:active {
	color: #79361D;
}
#bottomlinks1 ul li a.home-current-page-item:visited, 
#bottomlinks2 ul li a.home-current-page-item:visited, 
#bottomlinks3 ul li a.home-current-page-item:visited, 
#bottomlinks1 ul li a.connect-current-page-item:visited, 
#bottomlinks2 ul li a.connect-current-page-item:visited, 
#bottomlinks3 ul li a.connect-current-page-item:visited, 
#bottomlinks1 ul li a.bio-current-page-item:visited, 
#bottomlinks2 ul li a.bio-current-page-item:visited, 
#bottomlinks3 ul li a.bio-current-page-item:visited, 
#bottomlinks1 ul li a.publicclassschedule-current-page-item:visited, 
#bottomlinks2 ul li a.publicclassschedule-current-page-item:visited, 
#bottomlinks3 ul li a.publicclassschedule-current-page-item:visited, 
#bottomlinks1 ul li a.workshopsandevents-current-page-item:visited, 
#bottomlinks2 ul li a.workshopsandevents-current-page-item:visited, 
#bottomlinks3 ul li a.workshopsandevents-current-page-item:visited, 
#bottomlinks1 ul li a.poses-current-page-item:visited, 
#bottomlinks2 ul li a.poses-current-page-item:visited, 
#bottomlinks3 ul li a.poses-current-page-item:visited, 
#bottomlinks1 ul li a.inspiration-current-page-item:visited, 
#bottomlinks2 ul li a.inspiration-current-page-item:visited, 
#bottomlinks3 ul li a.inspiration-current-page-item:visited, 
#bottomlinks1 ul li a.gallery-current-page-item:visited, 
#bottomlinks2 ul li a.gallery-current-page-item:visited, 
#bottomlinks3 ul li a.gallery-current-page-item:visited, 
#bottomlinks1 ul li a.faq-current-page-item:visited, 
#bottomlinks2 ul li a.faq-current-page-item:visited, 
#bottomlinks3 ul li a.faq-current-page-item:visited, 
#bottomlinks1 ul li a.friends-current-page-item:visited, 
#bottomlinks2 ul li a.friends-current-page-item:visited, 
#bottomlinks3 ul li a.friends-current-page-item:visited {
	color: #925B45;
}

#footer-address {
   padding-top: 10px;
   border-color: #D9BC97;
	border-width: 1px 0 0 0;
	border-style: solid;
	color: #AB806D;
	white-space: nowrap;
}
#footer-address a {
	font-weight: bold;
	color: #AB806D;
}
#footer-address a:hover {
	color: #23572C;
}
/* #########  FOOTER ENDS  ######### */


/* #########  COPYRIGHT BEGINS  ######### */

.tap {
	height: 100px;
}
div#copyright {
	border-color: #AB806D;
	color: #AB806D;
	border-width: 1px 0 0 0;
	border-style: solid;
	background-color: #FBF1E4;
	background-image: url(../images/navigation/copyright-bg2.gif);
	font-size: 7px;
	text-align: left;
	padding: 5px 0 7px 25px;
	background-repeat: repeat-x;
	background-position: 0 top;
	position: relative;
	bottom: 0;
	z-index: 3;
}
* html body div#copyright { /* no anti-aliased text make it harder to read */
	color: #925B45;
}
/* #########  COPYRIGHT ENDS  ######### */


/* #########  GALLERY BEGINS  ######### */

div#sub-gallery div.gallery-thumbnail {
/*
	margin-left: auto;
	margin-right: auto;
*/
}
#sub-gallery {
	margin-left: 30px;
   /*border-color: #F00;
	border-width: 1px;
	border-style: solid;*/
}
.photo-row {
	width: 580px;
	margin: 0 auto;
	clear: both;
	text-align: center;
}
#sub-gallery .photo-row .gallery-thumbnail a img {
	margin: 0;
	padding: 0;
}

#sub-gallery .photo-row .gallery-thumbnail a:link,
#sub-gallery .photo-row .gallery-thumbnail a:active,
#sub-gallery .photo-row .gallery-thumbnail a:visited {
	display: block;
	height: 66px;
	border-color: #E3D3D6 #BDB1A5 #BDB1A5 #E3D3D6;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	background-color: #FEFEFE; /* to avoid a CSS validation warning that catches camouflaged code when two elements will end up having the same background and foreground colours.  #FEFEFE is close enough to white as to make scant difference */
}
* html body #sub-gallery .photo-row .gallery-thumbnail a:link,
* html body #sub-gallery .photo-row .gallery-thumbnail a:active,
* html body #sub-gallery .photo-row .gallery-thumbnail a:visited {
	width: 30px;
}

#sub-gallery .photo-row .gallery-thumbnail a:hover {
	/*border-color: #999;
	border-width: 1px;
	border-style: solid;*/
	background-color: #F9E9D2;
}
#sub-gallery .photo-row .gallery-thumbnail a.current-image {
	border-color: #65BDC8;	
}

.photo-row div {
	float: left;
	margin: 10px 15px 10px 0;
}
#main-section #sub-gallery #big-image-caption {
   /*border-color: #09C;
	border-width: 1px;
	border-style: solid;
	background-color: #F90;*/
}
* html body #main-section #sub-gallery #big-image-caption {
/*
	height: 150px;
*/
	margin: 0;
	padding: 0;
}

#main-section #sub-gallery #big-image-caption p {
	text-align: center;
}




/* #########  GALLERY ENDS  ######### */



/* #########  WORKSHOP-LISTING BEGINS  ######### */

div#main-section div ul.workshop-listing, 
div#main-section ul.pcs-listing {
	padding: 15px;
	margin-left: 30px;
	min-height: 110px;
	background-image: url(../images/navigation/bg3-darque.jpg);
	background-repeat: repeat;
	margin-bottom: 3px;
}
.listing-separator {
	display: none;
	border-color: #FEFBF8;
	border-width: 0 0 3px 0;
	border-style: solid;
	margin-left: 30px;
}
* html body div#main-section div ul.workshop-listing, 
* html body div#main-section div ul.pcs-listing{ /* IE6 only */
	height: 100px;
}
li.listing-rightcol {
	font-size: 0.8em;
}
li.listing-rightcol-first {
	font-size: 0.9em;
}
li.listing-rightcol, 
li.listing-rightcol-first {
	color: #666;
   border-color: #FCF8F5;
	border-width: 2px 0 0 0;
	border-style: solid;
	line-height: 1.2em;
}
li.listing-rightcol a, 
li.listing-rightcol-first a {
	text-decoration: underline;
}
li.listing-rightcol a:hover, 
li.listing-rightcol-first a:hover {
	text-decoration: none;
}
li.listing-rightcol-first {
	border-width: 0px;
	line-height: 1.5em;
	margin-top: -2px;
}
* html body li.listing-rightcol, 
* html body li.listing-rightcol-first { /* IE6 only */
	margin-left: 110px;
}



/* #########  WORKSHOP-LISTING ENDS  ######### */

.right-aligned-text {
	text-align: right;
}
.left-aligned-text, 
div#main-section-wrapper-subpage div#main-section p.left-aligned-text, 
div#main-section-wrapper-articlepage div#main-section p.left-aligned-text {
	text-align: left;
}
#main-section div.jumplist h4.left-aligned-text {
	margin-left: 0;
	float: left;
}
.brown-border {/* Brown! Brown! Brown? BROWN! */
   border-color: #AB806D;
}
.orange-border {/* ...you glad I said banana? */
   border-color: #F5B17D;
}
.green-border {/* ecological */
   border-color: #97C29E;
}
* html body div.jumplist { /* IE6 only - so that the jumplist's bottom border shows up */
	border-width: 1px;
}

.gray {
	color: #666;
}
.default-leftmargin, 
div#main-section-wrapper-subpage div#main-section h6.default-leftmargin, 
div#main-section-wrapper-articlepage div#main-section h6.default-leftmargin {
	margin-left: 30px;
}

li.listing-icon, 
li.listing-icon-image, 
li.listing-icon-image-static {
	float: left;
	width: 105px;
	height: 105px;
	margin: 2px 20px 2px 2px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
li.listing-icon {
	background-image: url(../images/navigation/sanc-logomarque2.png);
}
li.listing-icon-image-static img,
div#main-section ul.workshop-listing li.listing-icon-image a:link img, 
div#main-section ul.workshop-listing li.listing-icon-image a:active img, 
div#main-section ul.workshop-listing li.listing-icon-image a:visited img, 
div#main-section ul.pcs-listing li.listing-icon-image a:link img, 
div#main-section ul.pcs-listing li.listing-icon-image a:active img, 
div#main-section ul.pcs-listing li.listing-icon-image a:visited img, 
.intro-image img, 
.intro-image a:link img, 
.intro-image a:active img, 
.intro-image a:visited img {
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 105px;
	margin-top: -5px;
	padding: 0;
	display: inline;
}
div#main-section ul.workshop-listing li.listing-icon-image a:hover img, 
div#main-section ul.pcs-listing li.listing-icon-image a:hover img, 
div#main-section-wrapper-articlepage div#main-section .intro-image a:hover img, 
div#main-section-wrapper-subpage div#main-section .intro-image a:hover img {
	background-repeat: no-repeat;
	background-position: 0 -105px;

}
.indent20 {
	padding-left: 20px;
}
.indent40 {
	padding-left: 40px;
}
div#main-section div.intro-image a img {
	padding: 0;
}
.horizontal-borders {
	padding-top: 10px;
	padding-bottom: 13px;
	border-width: 1px 0;
	border-style: solid;
}

.separator  {
	height: 0;
	padding: 0;
	margin: 15px 0 15px 30px;
	border-width: 0 0 1px 0;
	border-style: solid;
}
.christy-sig {
	background-image: url(../images/navigation/christy-sig.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 5px 0 0 -5px;
}
* html body .christy-sig {  /* IE6 only */
	background-image: url(../images/navigation/christy-sig.jpg);
}
img.inline-pdf-icon {
	background-image: url(../images/navigation/PDF-logo-tiny.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0 5px 0 0;
	margin: -10px 0 0 0;
	margin: 0\9; /* IE8, IE7 and IE6 hack to allow a 0 margin.  The \9 applies to anything neede to target only these browsers */
	width: 17px;
	height: 16px;
}
div.fake-h5 a {
	font-size: 0.7em;
	
}