/* newCode -------------------------------------------------------------------------------*/

body.index {
	margin: 0;
    padding: 0;
    text-align: center;
    background: #ccc;
    /* part 1 of 2 centering hack */
}

#indexContainer {
    width: 761px;
    height: 650px;
	margin: 30px auto;     
    /* opera does not like 'margin:20px auto' */
    background: url("img/jpg/indexBg.jpg") no-repeat 340px 0px;
    text-align:left;
    /* part 2 of 2 centering hack */
    width: 761px; /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 761px;
}

html>body #indexContainer {
    width: 761px;
}

#indexCopy {
	width: 340px;
	height: 650px;
	float: left;
	background: #000;
	color: #fff;
}

#indexCopy p {
	text-indent: -11px;
	font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 36px;
	margin: 0;
}

#indexCopy h1 {
	text-indent: -5000px;
	background: url("img/gif/indexH1Bg.gif") no-repeat;
	margin: 25px 0 45px 27px;
}

#indexCopy h2 {
	padding: 0;
	margin: 0 0 15px 58px;
	text-indent: -5000px;
	background: url("img/gif/indexH2Bg.gif") no-repeat;
	height: 101px;
}

#indexCopy a:link, #indexCopy a:active, #indexCopy a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #f00;	
}

#indexCopy a:hover {
	text-decoration: underline;	
}

#indexCopy a.orange {
	color: #ff9500;	
}

#indexCopy a.orange a:hover {
	text-decoration: underline;
}

#indexCopy h6 {
	text-indent: -5000px;
	margin: 8px 0 0 140px;
	background: url("img/gif/indexSignatureBg.gif") no-repeat;
	height: 44px;
}

#indexBgSpacer {
	width: 288px;
	height: 650px;
	float: left;
}

#indexNav {
	width: 133px;
	height: 650px;
	float: left;
	background: #504e4d;
}

#indexNav ul {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 320px 0 0 0;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #df8712;
}

#indexNav a:link, #indexNav a:active, #indexNav a:visited {
	text-decoration: none;
	color: #df8712;
}

#indexNav a:hover {
	text-decoration: underline;
}

#artClasses {
	padding: 0 0 0 55px;
	margin: 0;
	width: 760px;
}

#artClasses h1{
	margin: 59px 0 0 334px;
	padding: 0;
	text-indent: -5000px;
	background: url("img/gif/art_classes.gif") no-repeat;
	width: 237px;
	height: 72px;
}

#artClasses h2 {
	margin: 3px 0 30px 180px;
	padding: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

#artClasses h2 a:link, #paintingsContainer h2 a:active, #paintingsContainer h2 a:visited {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

#artClasses h2 a:hover {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #399;
}

#artClasses p {
	text-indent: 0;
	margin: 12px 0 0 0;
	font: 13px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	width: 540px;
	padding: 0;
}

#artClasses h4.eightWeek {
	text-indent: -5000px;
	margin: 20px 0 12px -10px;
	padding: 0;
	background: url("img/gif/8WeekSessionsBg.gif") no-repeat;
}

#artClasses h4.weekend {
	text-indent: -5000px;
	margin: 20px 0 12px -10px;
	background: url("img/gif/weekendWorkshopBg.gif") no-repeat;
}

#artClasses h5.drawing {
	margin: 0 0 0 -10px;
	height: 17px;
	text-indent: -5000px;
	background: url("img/gif/drawingBg.gif") no-repeat;
}

#artClasses h5.beginning {
	margin: 25px 0 0 -10px;
	height: 17px;
	text-indent: -5000px;
	background: url("img/gif/beginningWaterColorBg.gif") no-repeat;
}

#artClasses h5.intermediate {
	margin: 25px 0 0 -10px;
	height: 17px;
	text-indent: -5000px;
	background: url("img/gif/intermediateMixedBg.gif") no-repeat;
}

#artClasses h5.advanced {
	margin: 0 0 0 -10px;
	text-indent: -5000px;
	background: url("img/gif/advancedMixedBg.gif") no-repeat;
}

#artClasses h5.cosmicCard {
	margin: 25px 0 0 -10px;
	height: 17px;
	text-indent: -5000px;
	background: url("img/gif/cosmicCard.gif") no-repeat;
}

#artClasses h5.childrensBook {
	margin: 25px 0 0 -10px;
	height: 17px;
	text-indent: -5000px;
	background: url("img/gif/childrensBookBg.gif") no-repeat;
}

#artClasses h5.footstepsMasters {
	margin: 25 0 0 -10px;
	height: 17px;
	text-indent: -5000px;
	background: url("img/gif/footstepsMasters.gif") no-repeat;
}

#artClasses h5.wonder {
	margin: 0 0 0 -10px;
	text-indent: -5000px;
	background: url("img/gif/creatingWonderBg.gif") no-repeat;
}

#artClasses h5.portraiture {
	margin: 0 0 0 -10px;
	text-indent: -5000px;
	background: url("img/gif/portraitureBg.gif") no-repeat;
}

#artClasses h5.workshop {
	margin: 0 0 0 -10px;
	text-indent: -5000px;
	background: url("img/gif/paintingSessionsBg.gif") no-repeat;
}

#artClasses h5.mandala {
	margin: 0 0 0 -10px;
	height: 32px;
	text-indent: -5000px;
	background: url("img/gif/mandala.gif") no-repeat;
}

#artClasses h5.yourpet {
	margin: 0 0 0 -10px;
	height: 32px;
	text-indent: -5000px;
	background: url("img/gif/paintYourPetBg.gif") no-repeat;
}

#artClasses h5.portraits {
	margin: 0 0 0 -10px;
	text-indent: -5000px;
	background: url("img/gif/selfPortraitBg.gif") no-repeat;
}

#artClasses h5.artsoul {
	margin: 0 0 0 -10px;
	text-indent: -5000px;
	background: url("img/gif/artSoulBg.gif") no-repeat;
}

#artClasses h5.cosmicCardDeck {
	margin: 25px 0 0 -10px;
	height: 33px;
	text-indent: -5000px;
	background: url("img/gif/cosmicCardDeck.gif") no-repeat;
}

#artClasses p.footer {
	padding: 0 0 25px -10px;
	text-indent: 0;
	font: 13px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	width: 540px;
}

#paintingsContainer {
	padding: 0 0 0 55px;
	margin: 0;
}

#paintingsContainer h1 {
	text-indent: -5000px;
	background: url("img/jpg/headers/paintings.jpg") no-repeat;
	width: 344px;
	height: 80px;
	margin: 60px 0 0 385px;
	padding: 0;
}

#paintingsContainer h2 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	margin: -20px 0 0 240px;
	padding: 0;
}

#paintingsContainer h2 a:link, #paintingsContainer h2 a:active, #paintingsContainer h2 a:visited {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

#paintingsContainer h2 a:hover {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #6c9;
}

#paintingsContainer h3.embellished {
	text-indent: -5000px;
	background: url("img/jpg/headers/embellished.jpg") no-repeat;
	margin: 0 0 8px -14px;
	height: 30px;
}

#paintingsContainer h3.essential {
	text-indent: -5000px;
	background: url("img/jpg/headers/essential.jpg") no-repeat;
	margin: 0 0 8px -75px;
	height: 30px;
}

#paintingsTopCopy p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-indent: 0px;
	width: 500px;
	padding: 0;
}

#paintingsBottomCopy p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-indent: 0px;
	width: 500px;
	padding: 0;
}

#paintingsContainer table {
	margin: 0 0 0 7px;
}

#paintingsContainer table tr td {
	text-align: left;
	padding: 0 6px 8px 0;
}

#paintingsContainer td {
	width: 60px;
	padding: 0 10px;
}

#paintingsContainer table a:link, #paintingsContainer a:active, #paintingsContainer a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

#paintingsContainer table a:hover {
	
}

#slideShowContainer {
	margin: 20px 0 0 15px;
	padding: 0;
}

#slideShowNav {
	padding: 0;
	margin: 0;
}

#slideShowNav ul {
	list-style: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0;
	margin: 0;
	width: 160px;
}

#slideShowNav li {
	padding: 0 0 0 12px;	
}

#slideShowNav h1 {
	padding: 0;
	margin: 0 0 4px 0;
	text-indent: -5000px;
	background: url("img/jpg/headers/embellished.jpg") no-repeat;
	height: 30px;
	width: 160px;
}

#slideShowNav h2 {
	padding: 0;
	margin: 20px 0 4px 0;
	text-indent: -5000px;
	background: url("img/jpg/headers/essential.jpg") no-repeat;
	height: 30px;
	width: 160px;
}

#slideShowImg {
	padding: 0;
	margin: 0;
	
}

#astrologyClassesContainer {
	padding: 0 0 0 55px;
	margin: 0;
}

#astrologyClassesContainer h1 {
	text-indent: -5000px;
	background: url("img/gif/astrologyClasses.gif") no-repeat;
	width: 480px;
	height: 100px;
	margin: 60px 0 0 180px;
	padding: 0;
}

#astrologyClassesContainer h2 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	margin: -26px 0 30 180px;
	padding: 0;
}

#astrologyClassesContainer h2 a:link, #paintingsContainer h2 a:active, #paintingsContainer h2 a:visited {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

#astrologyClassesContainer h2 a:hover {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #399;
}

#astrologyClassesContainer p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-indent: 0px;
	width: 500px;
	padding: 0;
}

#readings {
	padding: 0 0 0 55px;
	margin: 0;
}

#readings h1 {
	text-indent: -5000px;
	background: url("img/gif/readings.gif") no-repeat;
	width: 150px;
	height: 74px;
	margin: 60px 0 0 350px;
	padding: 0;
}

#readings h2 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	margin: -16 0 30 180px;
	padding: 0;
}

#readings h2 a:link, #paintingsContainer h2 a:active, #paintingsContainer h2 a:visited {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

#readings h2 a:hover {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #399;
}

#readings p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-indent: 0px;
	width: 500px;
	padding: 0;
}

#bottomNav {
	margin: 20px 0 50px 0;
	padding: 0;
}

#bottomNav li {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	display: inline;
	list-style: none;
}

#bottomNav li a:link, #bottomNav li a:active {
	color: #CC0099;
	text-decoration: none;		
}

#bottomNav li a:visited {
	color: #CC66FF;
	text-decoration: none;	
}

#bottomNav li a:hover {
	color: #66cc99;
	text-decoration: none;	
}

/* newCode -------------------------------------------------------------------------------*/




a:link {
	color: #CC0099;
	text-decoration: none;
}

a:visited {
	color: #CC66FF;
	text-decoration: none;
}

a:hover {
	color: #66cc99;
	text-decoration: none;
}

.sanscopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

.serifedcopy {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
}
.italic {
	font-style: italic;
}
.indexbg {
	background-color: #018ce6;
}
.caps {
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
}
.bg1 {
	background-color: #6666CC;
}
.caps2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}
p {
	text-indent: -2em;
	padding-left: 2em;
}
.enlarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}
.orderformtitle01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
}
.caps3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
}
.italic02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #999999;
}
.bg2 {
	background-color: #98a4c9;
}
.indexcopy01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	line-height: 18px;
	padding-top: 10px;
	padding-left: 30px;
}
.indexcopy02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	text-decoration: none;
	padding-top: 8px;
	padding-left: 60px;
	line-height: 21px;
}
.noticeme01 {
	color: #339999;
	font-weight: 600;
}
.linkscopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.caps4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000000;
}
.caps5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.linkspagecopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
}

.linkspageintro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.artClassesTD {
	padding-right: 120px;
}