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


/* page breaks */


@media print {
	.page-break { display: block; page-break-before: always; }  
}


/*   ---text styles---   */


body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
body {
	background-color: #8177b8;
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 800px;
}
.BodyBold {
	font-weight: bold;
}
.BodyItalic {
	font-style: italic;
}
.BodyItalicOrange {
	font-style: italic;
	color: #cc582c;
}
.BodyOrangeBold {
	font-weight: bold;
	color: #cc582c;
}
.BodyOrange {
	color: #cc582c;
}
.BodyPurpleBold {
	font-weight: bold;
	color: #8177b7;
}
.BodyIntroBlack {
	width: 545px;
	margin-top: 0;
	padding-left: 25px;
	padding-top: 20px;
}
.BodyIntro2Black {
	width: 545px;
	padding-left: 25px;
}
.BodyIntro3Black {
	width: 735px;
	padding-left: 25px;
}
.BodyIntroPhoto {
	margin-top: 0;
	padding-left: 25px;
	padding-top: 20px;
	margin-right: 200px;
}
.BodyPhotoIndentBlack {
	position: relative;
	float: left;
	width: 385px;
	padding-left: 25px;
}
.BodyPhotoIndentBlack2 {
	position: relative;
	float: left;
	width: 280px;
	padding-left: 15px;
}
.BodyPhotoIndentBlack3 {
	position: relative;
	float: left;
	width: 220px;
	padding-left: 15px;
}
.BodyPhotoIndentBlack4 {
	position: relative;
	float: left;
	width: 340px;
}
.BodyPhotoIndentBigBlack {
	font-size: 15px;
	position: relative;
	float: left;
	width: 270px;
	padding-left: 15px;
}
.BodyPhotoBigBlack {
	font-size: 15px;
	position: relative;
	float: left;
	width: 260px;
}
.HeaderPhotoIndentOrange {
	font-size: 18px;
	font-weight: bold;
	color: #cc582c;
	position: relative;
	float: left;
	width: 270px;
	padding-left: 15px;
}
.HeaderPhotoOrange {
	font-size: 18px;
	font-weight: bold;
	color: #cc582c;
	position: relative;
	float: left;
	width: 260px;
}
.HeaderPhotoIndentOrangeItalic {
	position: relative;
	float: left;
	width: 385px;
	padding-left: 25px;
	font-size: 21px;
	color: #cc582c;
	font-weight: bolder;
	font-style: italic;
}
.HeaderIntroPurple {
	margin-top: 0;
	width: 545px;
	padding-left: 25px;
	padding-top: 50px;
	padding-bottom: 20px;
	font-size: 18px;
	color: #8177b7;
	font-weight: bold;
}
.HeaderPurple {
	font-size: 16px;
	color: #8177b7;
	font-weight: bold;
}
.HeaderPurple2 {
	font-size: 18px;
	color: #8177b7;
	font-weight: bold;
}
.HeaderPurple3 {
	font-size: 21px;
	color: #8177b7;
	font-weight: bold;
}
.HeaderOrange {
	font-size: 18px;
	color: #cc582c;
	font-weight: bold;
}
.HeaderOrangeItalic {
	font-size: 16px;
	font-style: italic;
	color: #cc582c;
	font-weight: bold;
}
.HeaderOrangeFade {
	font-size: 18px;
	color: #cc582c;
	font-weight: bold;
	width: 710px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
}
.Header2Purple {
	font-size: 14px;
	color: #8177b7;
	font-weight: bold;
}
.TableHeaderWhite {
	font-size: 16px;
	color: #8177b7;
	font-weight: bold;
}
.TableCopyBoldBlack {
	font-weight: bold;
}
.HeaderPhotoIndentPurple {
	position: relative;
	float: left;
	width: 385px;
	padding-left: 25px;
	font-size: 21px;
	color: #8177b7;
	font-weight: bolder;
}
.PhonePhotoPurple {
	position: relative;
	float: left;
	width: 260px;
	font-size: 21px;
	color: #8177b7;
	font-weight: bolder;
}
.PhonePhotoIndentPurple {
	position: relative;
	float: left;
	width: 270px;
	padding-left: 15px;
	font-size: 21px;
	color: #8177b7;
	font-weight: bolder;
}
.HeaderPhotoIndentPurple2 {
	position: relative;
	float: left;
	width: 280px;
	padding-left: 15px;
	font-size: 21px;
	color: #8177b7;
	font-weight: bolder;
}
.GoogleMap {
	position: relative;
	float: left;
	width: 260px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 15px;
}
.ServicesBody {
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
}
.FooterCopy {
	font-size: 10px;
	color: #fff;
}
.nonIndentList, .nonIndentList ul {
	margin-top: 0;
	margin-left: 8px;
	padding-left: 8px;
}


/*   ---link styles---   */


a:link {
	color: #cb582c;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #8177b7;
	text-decoration: underline;
	outline: none;
}
a:active {
	color: #cb582c;
	text-decoration: underline;
	outline: none;
}


/* other text link styles */


a.FooterCopy {
	color: #fff;
	text-decoration: none;
	outline: none;
}
a.FooterCopy:visited {
	color: #fff;
	text-decoration: none;
	outline: none;
}
a.FooterCopy:hover {
	color: #fff;
	text-decoration: underline;
	outline: none;
}
a.sitemapLink {
	font-size: 15px;
	font-weight: bold;
	color: #cb582c;
	text-decoration: none;
	outline: none;
}
a.sitemapLink:visited {
	color: #666;
	text-decoration: none;
	outline: none;
}
a.sitemapLink:hover {
	color: #cb582c;
	text-decoration: underline;
	outline: none;
}
a.sitemapLinkSmall {
	font-size: 13px;
	color: #cb582c;
	text-decoration: none;
	outline: none;
}
a.sitemapLinkSmall:visited {
	color: #666;
	text-decoration: none;
	outline: none;
}
a.sitemapLinkSmall:hover {
	color: #cb582c;
	text-decoration: underline;
	outline: none;
}


/*   ---header and general nav containers---   */


#wrapper {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	background-image: url(../images/graphics/page-shadow.png);
	background-repeat: repeat-y;
}
#header {
	margin-left: 20px;
	width: 760px;
	height: 165px;
}
#navBarImage {
	margin-left: 20px;
	width: 760px;
	height: 35px;
	background-color: #fff;
}
#navBar {
	display: none;
}


/*   ---nav  bar items containers---   */


#navBarHome {
	display: none;
}
#navBarClasses {
	display: none;
}
#navBarHowTo {
	display: none;
}
#navBarECoupons {
	display: none;
}
#navBarServices {
	display: none;
}
#navBarTimelyTips {
	display: none;
}
#navBarEmployment {
	display: none;
}
#navBarLocations {
	display: none;
}
#navBarContact {
	display: none;
}


/*   ---body and bottom portion containers---   */


#content {
	margin-left: 20px;
	position: relative;
	width: 760px;
	background-color: #fff;
}
#quickLinksImage {
	position: absolute;
	left: 580px;
	top: 5px;
	width: 173px;
	height: 107px;
	z-index: 2000;
}
#quickLinksImageMail {
	position: absolute;
	left: 580px;
	top: 5px;
	width: 173px;
	height: 68px;
	z-index: 3000;
}
#quickLinksImageQuestions {
	position: absolute;
	left: 580px;
	top: 5px;
	width: 173px;
	height: 68px;
	z-index: 4000;
}
#quickLinks {
	display:none;
}
#quickLinksSmall {
	display:none;
}
#questions {
	display:none;
}
#mailingList {
	display:none;
}
#mailingListOnly {
	display:none;
}
#questionsOnly {
	display:none;
}
#photoLeft {
	float: left;
	width: 300px;
	padding-left: 25px;
	padding-right: 15px;
}
#photoRight {
	float: right;
	width: 300px;
	padding-left: 25px;
}
#swoosh {
	position: relative;
	margin-left: 20px;
	width: 760px;
	height: 115px;
}
#links {
	position: absolute;
	left: 25px;
	bottom: 0;
	width: 710px;
	text-align: center;
	margin-bottom: 3px;
	z-index: 6000;
}
#bottomBanner {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}
#footer {
	margin: 0 auto;
	width: 800px;
	text-align: center;
	padding-bottom: 10px;
}
#printableVersion {
	display: none;
}
#classesSchedule {
	display: none;
}
#timelyTipsMenu {
	display: none;
}
br.clear {
	clear: both;
}
* html #bottomBanner {
	margin-top: -3px;
}


/* how to */


#howToWrapper {
	position: relative;
	width: 735px;
	margin-top: 25px;
	margin-left: 25px;
	background-color: #fff;
}
#headerTable {
	position: relative;
	float: left;
	width: 720px;
}
#howTo {
	position: relative;
	float: left;
	width: 710px;
}
#howToArrow {
	display: none;
}
#snipe {
	display: none;
}
#howToSteps {
	position: relative;
	float: left;
	width: 710px;
}
#stepOne {
	position: relative;
	float: left;
	width: 160px;
	padding-top: 20px;
}
#stepTwo {
	position: relative;
	float: left;
	width: 160px;
	padding-top: 20px;
	margin-left: 23px;
}
#stepThree {
	position: relative;
	float: left;
	width: 160px;
	padding-top: 20px;
	margin-left: 23px;
}
#stepFour {
	position: relative;
	float: left;
	width: 160px;
	padding-top: 20px;
	margin-left: 23px;
}
#howToMenu {
	display: none;
}


/* timely tips*/


#timelyTipsWrapper {
	position: relative;
	width: 735px;
	margin-top: 25px;
	margin-left: 25px;
	background-color: #fff;
}
#timelyTips {
	position: relative;
	float: left;
	width: 710px;
}
#productTextSmall {
	float: left;
	width: 195px;
	padding-left: 25px;
}
#productText {
	float: left;
	width: 270px;
	padding-left: 25px;
}
#productTextFull {
	float: left;
	width: 380px;
	padding-left: 25px;
}
#product {
	float: right;
	width: 100px;
}
#productBig {
	float: right;
	width: 175px;
}
#timelyTipsMenu {
	display: none;
}


/* new arrivals */


#newArrivalsWrapper {
	position: relative;
	width: 735px;
	margin-top: 25px;
	margin-left: 25px;
	background-color: #fff;
}
#newArrivals {
	position: relative;
	float: left;
	width: 710px;
}
#newArrivalsLeft {
	position: relative;
	float: left;
	text-align: center;
	padding-left: 25px;
	width: 300px;
}
#newArrivalsRight {
	position: relative;
	float: right;
	text-align: center;
	padding-right: 50px;
	width: 300px;
}
#newArrivalsMenu {
	display: none;
}


/*   ---nav  bar styles---   */


.navHome {
	width: 66px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/home.gif);
}
.navHome:hover {
	background-image: url(../images/nav-bar/home-over.gif);
}
.navClasses {
	width: 76px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/classes.gif);
}
.navClasses:hover {
	background-image: url(../images/nav-bar/classes-over.gif);
}
.navClassesOver {
	width: 76px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/classes-over.gif);
}
.navHowTo {
	width: 70px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/how-to.gif);
}
.navHowTo:hover {
	background-image: url(../images/nav-bar/how-to-over.gif);
}
.navHowToOver {
	width: 70px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/how-to-over.gif);
}
.navECoupons {
	width: 99px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/e-coupons.gif);
}
.navECoupons:hover {
	background-image: url(../images/nav-bar/e-coupons-over.gif);
}
.navECouponsOver {
	width: 99px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/e-coupons-over.gif);
}
.navServices {
	width: 82px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/services.gif);
}
.navServices:hover {
	background-image: url(../images/nav-bar/services-over.gif);
}
.navServicesOver {
	width: 82px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/services-over.gif);
}
.navTimelyTips {
	width: 95px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/timely-tips.gif);
}
.navTimelyTips:hover {
	background-image: url(../images/nav-bar/timely-tips-over.gif);
}
.navTimelyTipsOver {
	width: 95px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/timely-tips-over.gif);
}
.navEmployment {
	width: 110px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/employment.gif);
}
.navEmployment:hover {
	background-image: url(../images/nav-bar/employment-over.gif);
}
.navEmploymentOver {
	width: 110px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/employment-over.gif);
}
.navLocations {
	width: 86px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/locations.gif);
}
.navLocations:hover {
	background-image: url(../images/nav-bar/locations-over.gif);
}
.navLocationsOver {
	width: 86px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/locations-over.gif);
}
.navContact {
	width: 76px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/contact.gif);
}
.navContact:hover {
	background-image: url(../images/nav-bar/contact-over.gif);
}
.navContactOver{
	width: 76px;
	height: 35px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/nav-bar/contact-over.gif);
}


/*   ---quick links styles---   */


.Questions {
	width: 125px;
	height: 28px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/buttons/questions-small.png);
}
.Questions:hover {
	background-image: url(../images/buttons/questions-small-over.png);
}
.MailingList {
	width: 125px;
	height: 28px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/buttons/mailing-list.png);
}
.MailingList:hover {
	background-image: url(../images/buttons/mailing-list-over.png);
}


/*   ---image styles---   */


.PhotoBlock {
	position: relative;
	float: left;
}
.PhotoBlockPad {
	position: relative;
	float: left;
	padding-bottom: 70px;
}
.HeaderBlock {
	position: relative;
	float: left;
}
.TableHeader {
	background-image: none;
}
td {
	border-bottom: 1px solid #000;
}
td.noBorder {
	border-bottom: 0;
}
td.nopad {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 10px;
	border: 0;
}


/*   ---button styles---   */


.ClassesSchedule {
	width: 170px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/buttons/classes-schedule.png);
}
.ClassesSchedule:hover {
	background-image: url(../images/buttons/classes-schedule-over.png);
}
.PrintableVersion {
	width: 127px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/buttons/printable-version.png);
}
.PrintableVersion:hover {
	background-image: url(../images/buttons/printable-version-over.png);
}
.PrintableVersions {
	width: 135px;
	height: 20px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	border: 0;
	background-image: url(../images/buttons/printable-versions.png);
}
.PrintableVersions:hover {
	background-image: url(../images/buttons/printable-versions-over.png);
}