@charset "UTF-8";

body { margin: 0px; }

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 18px; line-height: 18px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 18px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 17px; margin: 0 0 0 0; color: #39F; }
h3 { text-transform: uppercase; color: #86BAB8; padding: 0 0 10px 0; margin: 0; font-size: 15px; font-weight: normal; }
h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; line-height: 16px; text-transform: uppercase; color: #000; margin-top: 0px; margin-bottom: 4px; letter-spacing: 2px; }
p { padding: 0px; margin: 0; }

a:link, a:visited  { color: #006; text-decoration: underline; }
a:hover, a:active  { color: #00F; text-decoration: underline;  }


.SmallCapsBold { font-family: Baskerville, Times, "Times New Roman", serif; font-size: 10px; font-weight: bold; text-transform: uppercase; }
.CapsBoldSubHeads { font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; font-weight: BOLD; text-transform: uppercase; }
.tableRuleBelow { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; padding-top: 5px; padding-bottom: 8px; }
.tableRuleBelowTOPcells { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; padding-bottom: 8px; }
.middleCells580tall { height: 580px; }
.ruleAbove { border-top-width: 1px; border-top-style: solid; border-top-color: #000000; padding-top: 15px; }

#wholeSite { position:absolute; visibility:visible; left:50%; top:30px; width:820px; height:620px; z-index:1; margin-left: -410px; }
#wholeSiteNOheight { position:absolute; visibility:visible; left:50%; top:30px; width:820px; z-index:1; margin: 0 0 0 -410px; padding: 0 0 50px 0; }
#middleVerticalTint { position:absolute; visibility:visible; left:200px; top:10px; width:10px; height:600px; z-index:49; }
#middleVerticalTintTALL { position:absolute; visibility:visible; left:200px; top:10px; width:10px; z-index:5; background-image: url(images/common/middleVerticalTint_03.jpg); background-repeat: repeat-y; height: 200px; }
#dropShadow { position:relative; left:0px; top:0px; width:820px; z-index:2; visibility: visible; }
#homePagePic { position:absolute; visibility:visible; top:10px; width:600px; height:600px; z-index:6; right: 10px; }


#homePageText { position:absolute; left:25px; width:170px; z-index:11; bottom: 20px; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; font-style: italic; visibility: visible; }
#bookInNavigation { position:absolute; left:20px; top:355px; width:174px; height:237px; z-index:11; visibility: hidden; }
#bookInNavigationLabel { position:absolute; left:25px; width:180px; z-index:11; bottom: 10px; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 12px; line-height: 16px; font-style: italic; height: 20px; visibility: visible; }
#navigation { position:absolute; visibility:visible; left:10px; top:106px; width:190px; height:243px; z-index:15; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 16px; padding-left: 0px; display: block; }

#BOOKPAGEbookInNavigation { position:absolute; left:20px; top:355px; width:174px; height:237px; z-index:8; visibility: visible; }
#aboutPhoto { position:absolute; visibility:visible; left:259px; top:326px; width:248px; height:279px; z-index:6; }
#aboutText { position:absolute; visibility:visible; left:226px; top:40px; width:271px; height:539px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; padding-right: 10px; padding-top: 0px; border-right-color: #000000; border-right-style: none; border-right-width: 1px; }
#aboutPics { position:absolute; visibility:visible; left:508px; top:10px; width:300px; height:600px; z-index:9; }
.contactTextLeft { position:relative; left:16px; top:20px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; padding-right: 15px; padding-top: 0px; visibility: visible; width: 290px; margin-bottom: 50px; float: left; }

.contactTextRight { position:relative; visibility:visible; width:230px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; margin-right: 0px; float: right; padding: 0 0 0 13px; top: 20px; margin-bottom: 40px; border-left-color: #39F; border-left-style: dotted; border-left-width: 2px; }


.linksRIGHTtext { position:relative; visibility:visible; width:305px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; margin-right: 30px; float: right; margin-top: 45px; padding: 0 0 0 0; }



#wholeSite #contactText table { bottom: 0px; position: absolute; }

/*------------------------NEW PUBLISHED SPREADS----------------------*/

.publishedWork { position: relative; left: 16px; top: 20px; width: 560px; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; visibility: visible; z-index: 50; }

#publishedWork { position: relative; left: 16px; top: 20px; width: 560px; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; visibility: visible; z-index: 50; padding: 0 0 20px 0; }

.publishedWorkRHcolumn { padding-left: 10px; }

.publishedLEFTtext { position:relative; visibility:visible; left:0px; top:0px; width:205px; z-index:9; padding: 0 15px 0 0; }

.dividingDots { border-color: #C3B6AD; border-width: 0 0 2px 0; border-style: dotted; }

/*------------------------OLD BOOK SPREADS----------------------*/

#bookSpreads { position:relative; visibility:visible; width:336px; height:244px; z-index:13; top: -2px; right: -5px; }
#seeInsidelabel { position:relative; visibility:visible; top:0px; width:336px; height:23px; z-index:14; right: -5px; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 12px; text-align: center; font-style: italic; }
#seeInsidelabel a:link { color: #000000; text-decoration: none; font-style: normal; font-weight: normal; border-color: #CCCCCC; border-style: solid; border-width: 1px; background-color: #FFFFFF; padding-bottom: 1px; padding-left: 2px; padding-right: 2px; padding-top: 1px; }
#seeInsidelabel a:visited { color: #000000; text-decoration: none; font-style: normal; font-weight: normal; border-color: #CCCCCC; border-style: solid; border-width: 1px; background-color: #FFFFFF; padding-bottom: 1px; padding-left: 2px; padding-right: 2px; padding-top: 1px; }
#seeInsidelabel a:hover { color: #FFFFFF; text-decoration: none; font-style: normal; font-weight: normal; border-color: #CCCCCC; border-style: solid; border-width: 1px; background-color: #666666; padding-bottom: 1px; padding-left: 2px; padding-right: 2px; padding-top: 1px; }
#seeInsidelabel a:active { color: #000000; text-decoration: none; font-style: normal; font-weight: normal; border-color: #CCCCCC; border-style: solid; border-width: 1px; background-color: #FFFFFF; padding-bottom: 1px; padding-left: 2px; padding-right: 2px; padding-top: 1px; }
#quiltingOnTheGoLEFTtext { position:relative; visibility:visible; left:0px; top:0px; width:220px; height:528px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; padding-top: 0px; }
#bookSupportTab { position:absolute; visibility:hidden; width:200px; height:27px; z-index:16; right: 10px; bottom: 37px; }

.otherPublishedWorkRIGHTtext { position:relative; visibility:visible; width:255px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; margin-right: 20px; padding: 0 0 0 0; top: 20px; margin-bottom: 40px; float: right; }

#otherPublishedWorkLEFTtext { position:relative; left:16px; top:20px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; padding-right: 13px; padding-top: 0px; border-right-color: #998DBF; border-right-style: dotted; border-right-width: 2px; visibility: visible; width: 270px; margin-bottom: 50px; }

#otherPublishedWorkLEFTtext p, .otherPublishedWorkRIGHTtext p { border-style: solid; padding: 5px 0 8px 0; border-width: 0 0 1px 0; border-color: #000; }

#quiltingOnTheGoRIGHTtext { position:absolute; visibility:visible; left:236px; top:305px; width:320px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; }




.classesAndWorkshopsRIGHTtext { visibility:visible; width:225px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; overflow: visible; padding: 0 0 0 0; position: relative; float: right; top: 20px; margin: 0 20px 50px 0; }
.classesAndWorkshopsLEFTtext { position:relative; left:16px; top:20px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; padding-right: 13px; padding-top: 0px; border-right-color: #82B2B4; border-right-style: dotted; border-right-width: 2px; visibility: visible; width: 300px; margin-bottom: 50px; }

.teachingRIGHTtext { visibility:visible; width:225px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; overflow: visible; padding: 0 0 0 13px; position: relative; float: right; top: 20px; margin: 0 20px 50px 0; border-color: #C3F; border-style: dotted; border-width: 0 0 0 2px; }
.teachingLEFTtext { position:relative; left:16px; top:20px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; padding-right: 0px; padding-top: 0px; border-right-color: #000000; border-right-style: solid; border-right-width: 0px; visibility: visible; width: 300px; margin-bottom: 50px; }

.linksLEFTtext { position:relative; left:16px; top:20px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; padding-right: 15px; padding-top: 0px; border-right-color: #000000; border-right-style: solid; border-right-width: 1px; visibility: visible; width: 260px; margin-bottom: 50px; }
.linksRIGHTtext { position:relative; visibility:visible; width:255px; z-index:9; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 13px; line-height: 16px; float: right; padding: 0 0 0 0; margin: 0 30px 50px 0; top: 20px; }
.classesPhoto { visibility:visible; padding-bottom: 10px; }


/*------------new style dynamic NAVIGATION--------------*/

#logo { position:absolute; visibility:visible; left:20px; top:40px; width:170px; height:42px; z-index:10; }

#navigationNEW { position:absolute; visibility:visible; left:10px; top:106px; width:190px; z-index:50; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; height: 200px; }

/*Makes the WIDTH of any items without href the same with as those that have links*/
.navHome, .navAbout, .navPublished, .navOther, .navClasses, .navTeaching, .navContact, .navBlog
{ width: 200px; }

/*Makes each menu item the same size*/
.navHome a, .navAbout a, .navPublished a, .navOther a, .navClasses a, .navTeaching a, .navContact a, .navBlog a
{ padding: 5px 0px 5px 10px; display: block; }

/*Mainly here to counteract the other link classes for the rest of the site*/
.navHome a:link, .navAbout a:link, .navPublished a:link, .navOther a:link, .navClasses a:link, .navTeaching a:link, .navContact a:link, .navBlog a:link,
.navHome a:visited, .navAbout a:visited, .navPublished a:visited, .navOther a:visited, .navClasses a:visited, .navTeaching a:visited, .navContact a:visited, .navBlog a:visited,
.navHome a:hover, .navAbout a:hover, .navPublished a:hover, .navOther a:hover, .navClasses a:hover, .navTeaching a:hover, .navContact a:hover, .navBlog a:hover,
.navHome a:active, .navAbout a:active, .navPublished a:active, .navOther a:active, .navClasses a:active, .navTeaching a:active, .navContact a:active, .navBlog a:active
{ margin: 0; text-decoration: none; color: #000; width: 190px; font-weight: normal; }

/*This puts a white background to menus NOT rolled over and therefore forces the padding to be consistent*/
.navHome a:link, .navAbout a:link, .navPublished a:link, .navOther a:link, .navClasses a:link, .navTeaching a:link, .navContact a:link, .navBlog a:link,
.navHome a:visited, .navAbout a:visited, .navPublished a:visited, .navOther a:visited, .navClasses a:visited, .navTeaching a:visited, .navContact a:visited, .navBlog a:visited
{ background-image: url(images/navigationBackgrounds/White.jpg); }

/*This is what the menu looks like with NO link - ie used for the page that is displayed*/


/*these are the changes when the menu is rolled over*/
.navHome, .navHome a:hover, .navHome a:active { background-image: url(images/navigationBackgrounds/Salmon.jpg); }
.navAbout, .navAbout a:hover, .navAbout a:active { background-image: url(images/navigationBackgrounds/Green.jpg); }
.navPublished, .navPublished a:hover, .navPublished a:active  { background-image: url(images/navigationBackgrounds/Beige.jpg); }
.navOther, .navOther a:hover, .navOther a:active  { background-image: url(images/navigationBackgrounds/Violet.jpg); }
.navClasses, .navClasses a:hover, .navClasses a:active  { background-image: url(images/navigationBackgrounds/Turquoise.jpg); }
.navTeaching, .navTeaching a:hover, .navTeaching a:active  { background-image: url(images/navigationBackgrounds/Pink.jpg); }
.navContact, .navContact a:hover, .navContact a:active  { background-image: url(images/navigationBackgrounds/Blue.jpg); }
.navBlog, .navBlog a:hover, .navBlog a:active  { background-image: url(images/navigationBackgrounds/Magenta.jpg); }

#navigationNEW p { margin: 0px; }


/*-----------------wc credit / footer------------------*/
#wcCredit { position:relative; left:10px; width:802px; height:22px; z-index:3; bottom: 0px; font-family: Baskerville, Times, "Times New Roman", serif; font-size: 10px; color: #999999; visibility: visible; }
#wcCredit a:link, #wcCredit a:visited  { color: #999; text-decoration: none; background-color: #FFFFFF; padding: 5px 0 10px 0; }
#wcCredit a:hover, #wcCredit a:active { text-decoration: underline; color: #000; }