/*
	Site Name CSS
	Your Name
	portentinteractive.com
	
	TABLE OF CONTENTS 
	
	1.0 Global items
		1.1 Housecleaning
		1.2 Outer structural parts 
		1.3 Default text/img styles
	2.0 Header Items  
		2.1 search 
	3.0 Navigation & Link Styles
		3.1 Primary
		3.2 Sub
	4.0 Homepage-specific
	5.0 Content-specific
		5.1 Standard content guidelines
		5.2 Split Content Pages -- Left Side
		5.3 Split Content Pages -- Right Side
		5.4 Shopping Section
		5.5 Classes Section
		5.6 Pre-Footer (inc quote and links)
	6.0 Footer items	
*/


/* =================== 1.0 GLOBAL ITEMS ================================ */
   					
/* ------------------- 1.1 housecleaning ----------------- */

html, body, form {
	margin:0;
	padding:0;
}


a img {
	border:0;
}


	
.clear {clear:both;} /* generic clearing class used to stretch bgs */

/* ------------------- 1.2 Outer structural parts -------- */

div#main-wrapper {
	background-image:url(../img/bg-body.jpg);
	/*background-repeat:repeat-x;
	background-position:top left;
	background-color:#411E54;
	padding:0;
	margin:0;
	display:block;
*/
}

/* width:780px */
div#wrapper {
	text-align:left;
	width:970px;
	position:relative;
	display:block;
	padding:0;
	margin:0;
}

div#wrapper-wide {
	text-align:left;
	width:970px;
	position:relative;
	display:block;
	padding:0;
	margin:0;
}


/* ------------------- 1.3 Default text/img -------------- */

body {
	font-size:12px;
	line-height:16px;
	color:#666666;
  background:#5b3580;
  margin:0;
	padding:0;
	font-family: arial, helvetica, sans-serif;
	}

form, input, textarea, select, radio {
	font-size:12px;
	font-family: arial, helvetica, sans-serif;
}


p {  
	font-family: arial, helvetica, sans-serif;
	vertical-align:top;
	margin:0;
	padding: 0 0 15px 0;
	display:block;
}


h1 {
	font-family:arial, helvetica, verdana, sans-serif;
	line-height: 16px;
	font-size: 16px;
	color: #ff9900;
	
}

h2, .pseudo-h2 {
	font-family:arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	color: #77268d;
	line-height:18px;
	padding:0;
	margin:10px 0 2px 0;
	font-weight: bold;
}

h3, .pseudo-h3 {
	font-family:arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #77268d;
	margin:0;
	padding:0;
	font-weight: bold;
}

h4, .pseudo-h4 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin:0 0 5px 0;
	padding:0;
	font-weight: bold;
}

h5,h6, .pseudo-h5 {
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;

}


a {
	text-decoration: underline;
	color: #ff9900;
}



a:hover {
	text-decoration: underline;
	color:#b68cc3;
}

a.specialeffects:hover {
    color:purple ;
    text-decoration:none;
    background-color: #F5F5F5 ;
}

a.specialeffects:link {
    color:purple ;
    text-decoration:none;
}

a.specialeffects:visited {
    color:black ;
    text-decoration:none;
}

a span {
	visibility:hidden;
	text-decoration:none;	
}


img.align-left {
	padding: 0;
	margin: 0;
	display:block;
	float:left;
	margin-right:10px;
}

img.align-right {
	display:block;
	float:right;
	margin-left:10px;
}

img.align-center {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

input.text {
	border:1px solid #999;
	padding:1px;
	color:#666;
}


input.text,
img.submit {
	vertical-align:middle;
}

/* =================== 2.0 HEADER ITEMS ================================ */

div#header {
	width:780px;
	height:108px;
	display:block;
}


div#header-layers {
	width:500px;
	text-align:right;
}

div#header-layers div#signup {
	width:500px;
	height:25px;
	margin:0;
	padding:0;
	position:relative;
	right:0;
}

div#header-layers div#signup-cover input.text,
div#header-layers div#signup input.text,
div#header-layers div#search-cover input.text,
div#header-layers div#locations-cover input.text {
	background:url(../img/bg-txt-form.jpg);
	background-repeat:repeat-x;
	border:1px solid #cac7cc;
	border-right:0;
	color:#999;
	height:16px;
	padding:2px 0 0 2px;
	margin:0;
	font-size:12px;
	vertical-align:middle;
	width:135px;
}

div#header-layers div#signup-cover img,
div#header-layers div#signup img,
div#header-layers div#search-cover img,
div#header-layers div#locations-cover img {
	margin:0;
	padding:0;
	vertical-align:middle;
}

div#header-layers img.icon {
	margin:10px 3px 0 0;
	vertical-align:bottom;
}

div#header-layers div#signup-cover,
div#header-layers div#search-cover,
div#header-layers div#locations-cover {
	position:absolute;
	z-index:5000;
	background:#fff;
	width:312px;
	padding:10px;
	margin:-10px;
	top:0;
	left:0;
}


/*--------------------------------------------------------*/
.TabMenu {
	color: #fff; 
	background-image:none;
	background-color:White;
	text-decoration: none;
	float:left;
	position:relative;
	top:0px;
	height:22px;
	width:72px;
	margin-left:0px;
	margin-right:0px;
} 

.TabMenu a {
	color: #fff; 
	background-image:none;
	background-color:White;
	text-decoration:none;
	text-align:center;
	float:left;
	background: url(../images/TabOrange.jpg) left top no-repeat ;
	margin-left:0px;
	margin-right:0px;
}

.TabMenu a:hover {
	color: #fff; 
	background-image:none;
	background-color:White;
	text-decoration:none;
	text-align:center;
	background: url(../images/TabGreen.jpg) left top no-repeat;
	margin-left:-1px;
	overflow:inherit
} 

.TabMenuHighlight {
	color: #fff;
	background-image:none;
	background-color:White;
	text-decoration: none;
	float:left;
	position:relative;
	top:0px;
	height:22px;
	width:72px;
	margin-left:0px;
	margin-right:0px;
} 

.TabMenuHighlight a {
	color: #fff; 
	background-color:White;
	text-decoration:none;
	text-align:center;
	float:left;
	background: url(../images/TabGreen.jpg) left top no-repeat;
	margin-left:-1px;
	margin-right:0px;
}


/*--------------------------------------------------------*/
/* ----------- HIMANSHU -------------------------- */

div#Login {
	width:400px;
	left:500px;
	top:30px;
	position:absolute;
	margin:30px 15px 0 0;
	text-align:left;
}

div#search-layers {
	width:312px;
	float:left;
	margin:30px 15px 0 0;
	text-align:left;
}

div#search-layers div#search {
	width:312px;
	height:25px;
	margin:0;
	padding:0;
	position:relative;
	right:0;
}

div#search-layers div#searchup-cover input.text,
div#search-layers div#searchup input.text,
div#search-layers div#search1-cover input.text,
div#search-layers div#locations1-cover input.text {
	background:url(../img/bg-txt-form.jpg);
	background-repeat:repeat-x;
	border:1px solid #cac7cc;
	border-right:0;
	color:#999;
	height:16px;
	padding:2px 0 0 2px;
	margin:0;
	font-size:12px;
	vertical-align:middle;
	width:135px;
}

div#search-layers div#searchup-cover img,
div#search-layers div#searchup img,
div#search-layers div#search1-cover img,
div#search-layers div#locations1-cover img {
	margin:0;
	padding:0;
	vertical-align:middle;
}

div#search-layers img.icon {
	margin:10px 3px 0 0;
	vertical-align:bottom;
}

div#search-layers div#searchup-cover,
div#search-layers div#search1-cover,
div#search-layers div#locations1-cover {
	position:absolute;
	z-index:5000;
	background:#fff;
	width:312px;
	padding:10px;
	margin:-10px;
	top:0;
	left:0;
}

input.groovybutton
{
   font-size:12px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#775555;
   width:84px;
   height:24px;
   background-image:url(../img/btn-green-med.GIF);
   border-style:none;
}

input.copybutton
{
   font-size:12px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#775555;
   height:24px;
   width:170px;
   background-image:url(../img/btn-green-lrg.GIF);
   border-style:none;
}

input.logoutbutton
{
   font-size:12px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#775555;
   width:38px;
   height:24px;
   background-image:url(../img/btn-logout.GIF);
   border-style:none;
}

/* width:780px */
div#home-login {
	width:970px;
	padding:5px 0;
	margin:0;
	display:block;
	background:#fff;
	float:left;
}

/* ----------- HIMANSHU END -------------------------- */




/* =================== 3.0 NAVIGATION & LINK STYLES ==================== */


/* ------------------- 3.1 Primary Nav ------------------- */

div#primary-nav {
	height:33px;
	display:block;
	overflow:hidden;
}


div#primary-nav a#classes {
	background-image:url(../img/bg-nav-classes.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:260px;
	height:33px;
	display:block;
	float:left;
	text-decoration:none;
}

div#primary-nav a.classes-current {
	background-image:url(../img/bg-nav-classes-current.gif) !important;
	width: 270px !important;
	margin-right: -10px !important;
	position: relative;
	z-index: 10;
}

div#primary-nav a#classes:hover {
	background-image:url(../img/bg-nav-classes-h.gif);
}

div#primary-nav a#teach {
	background-image:url(../img/bg-nav-teach.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:256px;
	height:33px;
	display:block;
	float:left;
	text-decoration:none;
}

div#primary-nav a.teach-current {
	background-image:url(../img/bg-nav-teach-current.gif) !important;
	width: 280px !important;
	margin: 0 -12px !important;
}

div#primary-nav a#teach:hover {
	background-image:url(../img/bg-nav-teach-h.gif);
}

div#primary-nav a#shop {
	background-image:url(../img/bg-nav-shop.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:264px;
	height:33px;
	display:block;
	float:left;
	text-decoration:none;
}

div#primary-nav a.shop-current {
	background-image:url(../img/bg-nav-shop-current.gif) !important;
	background-position: right top !important;
	width: 276px !important;
	margin-left: -12px !important;
}

div#primary-nav a#shop:hover {
	background-image:url(../img/bg-nav-shop-h.gif);
}


/* ------------------- 3.2 Sub Nav ------------------- */

div.subnav {
	display:block;
	height:45px;
	color:#fff;
	padding:0;
	margin:0;
	position:relative;
	display:block;
}

div.subnav a {
	font-weight:bold;
	text-decoration:none;
}

div.subnav a:hover {
	text-decoration:underline;	
}

div.subnav ul {
	padding:15px 0 0 0;
	margin:0;
}

div.subnav ul li {
	float:left;
	display:block;
	margin:0 15px 0 0;
	background:transparent;
	list-style-type:none;
}

div.subnav ul li a.current {
	text-decoration:underline;
}

div.subnav a.btn-rss {
	width:16px;
	height:16px;
	float:right;
	margin:16px 17px 0 0;
}


/* ---------- CLASSES subnav ---------- */

div#subnav-classes {
	background:url(../img/bg-subnav-classes.jpg);
	background-repeat:repeat-x;
	padding-left:40px;
}

div#subnav-classes a {
	color:#fff;
}

div#classes-current  {
	background-image:url(../img/bg-nav-classes-current.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:268px;
	height:37px;
	display:block;
	position:absolute;
	text-decoration:none;
	top:-33px;
	left:0px;
	padding:0;
	margin:0;
}

div#classes-current a {
	width:260px;
	height:37px;
	display:block;
	margin:0;
	text-decoration:none;
}



/* ---------- TEACH subnav ---------- */

div#subnav-teach {
	background:url(../img/bg-subnav-teach.jpg);
	background-repeat:repeat-x;
	padding-left:120px;
}

div#subnav-teach a {
	color:#8a7442;
}


div#teach-current  {
	background-image:url(../img/bg-nav-teach-current.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:277px;
	height:37px;
	display:block;
	position:absolute;
	text-decoration:none;
	top:-33px;
	left:248px;
	padding:0;
	margin:0;
}

div#teach-current a {
	width:260px;
	height:37px;
	display:block;
	margin:0 0 0 5px;
	text-decoration:none;
}

/* ---------- SHOP subnav ---------- */

div#subnav-shop {
	background:url(../img/bg-subnav-shop.jpg);
	background-repeat:repeat-x;
	padding-left:45px;
}

div#subnav-shop a {
	color:#005976;
}

div#shop-current  {
	background-image:url(../img/bg-nav-shop-current.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:273px;
	height:37px;
	display:block;
	position:absolute;
	text-decoration:none;
	top:-33px;
	left:507px;
	padding:0;
	margin:0;
}

div#shop-current a {
	width:262px;
	height:37px;
	display:block;
	margin:0 10px 0 5px;
	text-decoration:none;
}





/* =================== 4.0 HOMEPAGE-SPECIFIC =========================== */

/* width:780px; */
div#home-spotlight {
	background:url(../img/home-bg-mainarea-new.jpg);
	width:970px;
	height:316px;
	display:block;
	overflow:hidden;
}

div#home-spotlight div#left-side {
	width:320px;
	height:373px;
	display:block;
	float:left;
	overflow:hidden;
	margin:20px 0 0 22px;
}

div#home-spotlight div#left-side div#movie-area {
	background:url(../img/bg-home-spotlight.gif);
	background-repeat:no-repeat;
	width:350px;
	height:373px;
	display:block;
	overflow:hidden;
	padding:24px 24px;
}


div#home-spotlight div#right-side {
	width:593px;
	height: 373px;
	display:block;
	overflow:hidden;
	float:left;
	margin:20px 0 0 22px;
}

div#home-spotlight div#right-side img.img-hdr {
	margin:0 0 10px 0;
}

div#home-spotlight div#right-side img.align-right {
	margin:0 10px 0 0;
	padding:0 0 0 10px;
}

div#home-spotlight div#right-side div.find-form-styling {
	width:248px;
	display:block;
	float:left;
	margin:10px 0 0 0;
}

div#home-spotlight div#right-side img.or {
	margin:0 20px 0 25px;
	vertical-align:middle;
	width:31px;
	height:28px;
	display:block;
	position:relative;
	top:-25px;
	left:165px;
}

div#home-spotlight div#right-side input.text {
	width:130px;
}


div#home-spotlightb {
	background:url(../img/KM_HP_divBG.jpg);
	width:970px;
	height:416px;
	display:block;
	overflow:hidden;
	background-repeat: no-repeat;
}

div#home-spotlightb div#left-side {
	width: 360px;
	float: left;
	margin-top: 46px;
	margin-left: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #777777;
	line-height: 19px;
	height: 340px;
	padding: 0px;
}

div#home-spotlightb div#left-side div#movie-area {
	background:url(../img/bg-home-spotlight.gif);
	background-repeat:no-repeat;
	width:350px;
	height:373px;
	display:block;
	overflow:hidden;
	padding:24px 24px;
}


div#home-spotlightb div#right-side {
	float: right;
	width: 550px;
	margin-top: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #777777;
	padding: 0px;
}

div#home-spotlightb #left-side span {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #7e3da2;
}

div#home-spotlightb #right-side h2{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #7e3da2;
	margin:10px 0 10px 0;
	padding:0;
}

div#home-spotlightb div#left-side div#learn_more {
	float: right;
	text-align: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #704594;
	clear: left;
	margin-top: 60px;
}
div#home-spotlightb div#right-side div#findaclass {
	margin-left: 30px;
}

div#home-spotlightb div#right-side input.text {
	width:130px;
}



div#home-spotlight-cover {
	background-image:url(../img/bg-home-spotlight-cover.jpg);
	background-color:#a48ebd;
	width:755px;
	height:358px;
	display:block;
	overflow:hidden;
	position:absolute;
	padding:15px 0 0 25px;
	color:#fff;
	top:140px;
	left:0;
	z-index:500;
}

div#home-spotlight-cover p {
	margin:12px 0 0 0;
	padding:0 0 8px 0;
}

div#home-spotlight-cover a#free-class {
	background:url(../img/home-btn-freeclass.gif);
	background-repeat:no-repeat;
	width:127px;
	height:22px;
	display:block;
	float:left;
	margin:5px 10px 10px 25px;
	text-decoration:none;
}

div#home-spotlight-cover a#free-class:hover {
	background:url(../img/home-btn-freeclass-h.gif);
}

div#home-spotlight-cover a#find-class {
	background:url(../img/home-btn-findclass.gif);
	background-repeat:no-repeat;
	width:127px;
	height:22px;
	display:block;
	margin:5px 0 0 0;
	float:left;
	text-decoration:none;
}

div#home-spotlight-cover a#find-class:hover {
	background:url(../img/home-btn-findclass-h.gif);
}


div#home-spotlight-cover img.close-video {
	position:absolute;
	top:28px;
	right:10px;
}

div#home-spotlight-cover div#video-player {
	display:block;
	float:left;
	width:320px;
	height:267px;
	margin:20px 28px 0 10px;
}

div#home-spotlight-cover div#video-thumbs {
	display:block;
	width:387px;
	height:300px;
	margin:5px 0 0 0;
	float:left;
}

div#home-spotlight-cover div#video-thumbs img.align-left {
	padding:0 3px 0 0;
	margin:0;
}

/* width:506px */
div#home-teach
{
    width: 620px;
    height: 175px;
    display: block;
    overflow: hidden;
    background-color: #fcf8ed;
    background-image: url(../img/home-bg-teach.jpg);
    background-position: right top;
    background-repeat: repeat-y;
    padding: 18px 0 15px 14px;
    text-align: left;
    float: left;
}

div#home-teach p {
	padding:0 15px 0 0;
}
/* width:245px */
div#home-shop {
	width:321px;
	height:175px;
	background-color:#f5fdfc;
	background-image:url(../img/home-bg-shop.gif);
	background-position:top left;
	background-repeat: no-repeat;
	overflow:hidden;
	float:left;
	text-align:left;
	padding:18px 0 15px 15px;
}

/* width:230px */
div#home-shop p {
	width:306px;
}

div#home-teach a,
div#home-shop a {
	text-decoration:underline;
}

div#home-teach a#btnMarch {
	width:200px;
	height:196px;
	display:block;
	float:left;
	margin:15px 14px 0 0;
	background:url(../Teach/Images/Snowman_A_break_Large.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:0;
}
div#home-teach a#btnMarch:hover {
	background:url(../Teach/Images/Snowman_A_break_Large_Rollover.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	
	
}

div#home-teach a#btnJob {
	width:185px;
	height:46px;
	display:block;
	float:right;
	margin:15px 14px 0 0;
	background:url(../img/JobOpportunities.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:0;
}
div#home-teach a#btnJob:hover {
	background:url(../img/JobOpportunitiesRollover.gif);
	background-repeat:no-repeat;
	background-position:top left;

}

div#home-teach a#btnBusiness {
	width:185px;
	height:46px;
	display:block;
	float:right;
	margin:15px 14px 0 0;
	background:url(../img/StartMyOwnBusiness.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:0;
}
div#home-teach a#btnBusiness:hover {
	background:url(../img/StartMyOwnBusinessRollover.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

div#home-teach a#more {
	width:90px;
	height:22px;
	display:block;
	float:right;
	margin:15px 14px 0 0;
	background:url(../img/home-btn-more-info.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:0;
}

div#home-teach a#more:hover {
	background:url(../img/home-btn-more-info-h.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

div#home-shop a#shop-link {
	width:185px;
	height:46px;
	display:block;
	padding:0;
	margin:0 auto 0 auto;
	background:url(../img/home-btn-shop.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:0;
}

div#home-shop a#shop-link:hover {
	background:url(../img/home-btn-shop-h.gif);
	background-repeat:no-repeat;
	background-position:top left;
}



div#home-teach a:hover,
div#home-shop a:hover {
	color:#b68cc3;
}


div.home-divider {
	background-color:#fff;
	background-image:url(../img/home-bg-divider.gif);
	background-repeat:repeat-x;
	height:3px;
	overflow:hidden;
	width:780px;
	padding:0;
	margin:0;
	display:block;
}

/* width:780px */
div#home-third-row {
	width:970px;
	height:198px;
	padding: 0px 0;
	margin:0;
	display:block;
	background:#fff;
	float:left;
}


div#home-third-row ul li {
	list-style-type:none;
	background:url(../img/icon-arrow.gif);
	background-repeat:no-repeat;
	background-position: left 4px;
	padding: 0 0 10px 10px;
	line-height:15px;
}


div#home-third-row div.side-column {
	width:235px;
	display:block;
	overflow:hidden;
	padding:0 14px 10px 14px;
	float:left;
}


div#home-third-row div.home-third-middle {
	width:216px;	
	padding:0 10px 10px 14px;
	display:block;
	border-left:1px solid #ddd8d8;
	border-right:1px solid #ddd8d8;
	float:left;
}

div#home-third-row ul {
	margin:0 0 0 3px;
	padding:0;
}


div#home-third-row ul li {
	padding:0 0 3px 10px;
	margin:0;
}

div#home-third-row div.home-third-middle p {
	padding:0 0 10px 34px;
}

div#home-third-row a#home-try {
	width:155px;
	height:24px;
	background-image:url(../img/home-btn-try.gif);
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;	
	margin-right:auto;
	text-decoration:none;
}

div#home-third-row a#home-try:hover {
	background-image:url(../img/home-btn-try-h.gif);
}


div#home-third-row div#quote {
	padding:0 0 0 34px;
	margin:0;
	background:url(../img/bg-quote-start.gif);
	background-repeat:no-repeat;
	background-position: top left;
	width:160px;
}


div#home-third-row div#quote p {
	background:url(../img/bg-quote-end.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:170px;
	padding:7px 0 10px 0;
}





/* =================== 5.0 CONTENT-SPECIFIC ============================ */


	

/* Include unique page styles here, like press page, products page etc. */
/* Make sure to include these in the table of contents */

/* ------------------- 5.1 Standard content guidelines -------------------- */

div#content-freeClass 
{
	background-image:url(../images/lander_image6_v2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:500px;
}
div#overview-freeClass 
{
	width:300px;
	text-align:justify;
	font-size:12px;
}

/* padding:30px 0 0 15px; */
/* width:765px; */
div#content-wrapper {
	background-color:#fff;
	padding:5px 0 0 15px;
	margin:0;
	width:955px;
	position:relative;
	display:block;
	overflow:hidden;
}

div#content-wrapper-wide {
	background-color:#fff;
	padding:5px 0 0 15px;
	margin:0;
	width:955px;
	position:relative;
	display:block;
	overflow:hidden;
}

div#title 
{
    text-align:center;
}

#content {
	padding:30px;	
}


img.hdr-image {
	width:765px;
	height:35px;
}


h2.stylized {
	display:inline;
	font-size:24px;
	line-height:26px;
	font-family:"Times New Roman", Georgia, serif;
	padding: 0 5px 0 0;
	margin:0;
	font-weight:normal;
}

h2.stylized span {
	font-size:36px;
	line-height:26px;
}

#content ul li,
#content-left ul li {
	list-style-type:none;
	background:url(../img/icon-music-note.gif);
	background-repeat:no-repeat;
	background-position: left 1px;
	padding: 0 0 10px 20px;
	line-height:16px;
	position:relative;
}

#content-left-wide ul li {
	list-style-type:none;
	background:url(../img/icon-music-note.gif);
	background-repeat:no-repeat;
	background-position: left 1px;
	padding: 0 0 10px 20px;
	line-height:16px;
	position:relative;
}

div.top-paragraph {
	margin:0 0 15px 0;
}


/* --- sets the background gradients --- */

div.classes {
	background-image:url(../img/bg-content-classes.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
}

div.teach {
	background-image:url(../img/bg-content-teach.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
}

div.shop {
	background-image:url(../img/bg-content-shop.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
}

/* --- sets default colors for sections --- */

div.shop a,
div.shop h1,
div.shop h2,
div.shop h3 {
	color:#0099cc;
}

div.teach #content-right h2,
div.teach #content-right a {
	color:#cf7518;
}

div.classes #content-right a,
div.classes #content-right h2,
div.classes #content-right h3 {
	color:#77268d;
}


#content-right a {
	text-decoration:none;
	font-weight:bold;
}


#content-right a:hover {
	text-decoration:underline;
}


/* --- sets headers on main pages --- */


/* width:710px; */
/* padding:11px 10px 0px 45px; */
div#content-wrapper h1
{
    height: 24px;
    display: block;
    padding: 0;
    margin: 0;
    padding: 11px 10px 12px 45px;
}

div#content-wrapper-wide h1
{

    height: 24px;
    display: block;
    padding: 0;
    margin: 0;
    padding: 11px 10px 12px 45px;
}

div.classes h1 {
	background:url(../img/hdr-classes-blank.gif);
	background-repeat:no-repeat;
	color:#713495;
}

div.shop h1 {
	background:url(../img/bg-hdr-shop-blank.gif);
	background-repeat:no-repeat;
	color:#00ae94;

}

div.teach h1 {
	background:url(../img/hdr-teach-blank.gif);
	background-repeat:no-repeat;
}

div.teach h1#hdr-teach {
	background:url(../img/hdr-teach.gif);
	background-repeat:no-repeat;
	width:765px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}

div.teach h2#hdr-teach1 {
	background:url(../img/hdr-teach-blank.gif);
	background-repeat:no-repeat;
	width:765px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}
div.teach h2#hdr-teach2 {
	background:url(../img/hdr-teach-blank.gif);
	background-repeat:no-repeat;
	width:765px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}



div.shop h1#hdr-shop {
	background:url(../img/hdr-shop.gif);
	background-repeat:no-repeat;
	width:940px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}

div.shop h2#hdr-shop1 {
	background:url(../img/hdr-shop-blank.gif);
	background-repeat:no-repeat;
	width:940px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}

div.shop h2#hdr-shop2 {
	background:url(../img/hdr-shop-blank.gif);
	background-repeat:no-repeat;
	width:940px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}

div.shop h2#hdr-shop3 {
	background:url(../img/hdr-shop-blank.gif);
	background-repeat:no-repeat;
	width:940px;
	height:35px;
	display:block;
	padding:0;
	margin:0;
}


div.teach h1#hdr-teach span,
div.shop h1#hdr-shop span {
	display:none;
}

/* ------------------- 5.2 Split Content Pages -- Left Side -------------------- */
/* width:520; */
/* padding:30px 30 30 15px; */
#content-left { 
	width:750px;
	padding:20px 10px 20px 5px;
	margin:0;
	display:block;
	position:relative;
	float:left;
}

#content-left-wide { 
	width:750px;
	padding:20px 10px 20px 5px;
	margin:0;
	display:block;
	position:relative;
	float:left;
}

img.feature-image {
	margin:0 0 20px 0;
}

#content-left img.align-right {
	border:1px solid #bfbfbf;
}

#content-left-wide img.align-right {
	border:1px solid #bfbfbf;
}


/* ------------------- 5.3 Split Content Pages -- Right Side -------------------- */
/* 	padding:30px 0px 30px 10px; */
#content-right {
	float:right;
	width:180px;
 	padding:5px 0px 30px 10px;
	margin:0;
	display:block;
	position:relative;
}

#content-right ul {
	padding:0;
	margin:0;
}


#content-right select {
	font-weight:normal;
	font-size:10px;
	display:block;
	width:156px;
	color:#666;
	margin:0 0 10px 0;
}

#content-right input {
	width:147px;
	padding:1px 1px 0 5px;
	margin: 0 0 10px 0;
	color:#666;
	font-size:10px;
}

#content-right .checkbox input{
  width:auto;
}


/* --- sets bg's on block features --- */

#content-right div.feature-block {
	width:158px;
	display:block;
	margin:0 0 20px 0;
	padding:5px 10px 15px 11px;
	position:relative;
}

div.teach #content-right div.feature-block {
	background-color:#f0ecf5;
}

div.shop #content-right div.feature-block {
	background-color:#e9f5f9;
}

div.classes #content-right div.feature-block {
	background-color:#fceac4;
}

#content-right div.feature-block img.btn {
	margin-left:25px;
	width:106px;
	height:24px;
}


div.teach #content-right div.feature-block-get-started {
	background-image:url(../img/bg-teach-get-started.gif);
	background-repeat:no-repeat;
	width:158px;
	height:90px;
	display:block;
	margin:0 0 20px 0;
	padding:40px 10px 15px 11px;
	text-align:center;
	color:#6b2c91;
}


div.teach #content-right div.feature-block a#btn-get-started-download {
	background:url(../img/btn-download-more.png);
	background-repeat:no-repeat;
	width:150px;
	height:49px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
}

div.teach #content-right div.feature-block a#btn-get-started-download:hover {
	background:url(../img/btn-download-more-h.png);
	background-repeat:no-repeat;

}	


div.teach #content-right div.feature-block-started {
	background-image:url(../img/bg-teach-started.gif);
	width:158px;
	height:300px;
	display:block;
	margin:0 0 20px 0;
	padding:50px 10px 15px 11px;
	text-align:center;
	color:#6b2c91;
}

div.teach #content-right div.feature-block-get-started a#btn-enroll {
	background:url(../img/btn-enroll-today.gif);
	width:150px;
	height:24px;
	display:block;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
}

div.teach #content-right div.feature-block-get-started a#btn-enroll:hover {
	background:url(../img/btn-enroll-today-h.gif);

}	



div.teach #content-right div.feature-block-get-started a#btn-enroll-own {
	background:url(../img/btn-enroll-own-h.gif);
	width:150px;
	height:24px;
	display:block;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
}

div.teach #content-right div.feature-block-get-started a#btn-enroll-own:hover {
	background:url(../img/btn-enroll-own.gif);
}

div.teach #content-right div.feature-block-get-started a#btn-tools {
	background:url(../img/btn-decision-tools.gif);
	width:150px;
	height:24px;
	display:block;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
}

div.teach #content-right div.feature-block-get-started a#btn-tools:hover {
	background:url(../img/btn-decision-tools-h.gif);
}



div.teach #content-right div.feature-block a.enroll-more {
	background: url(../img/icon-arrow-circle.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:normal;
	text-decoration:none;
	display:block;
	margin:25px 0 0 20px;
	padding:0 0 0 26px;
	text-align:left;
	line-height:14px;
}

div.teach #content-right div.feature-block a.enroll-more:hover {
	text-decoration:underline;
}


/* --- sets bg's on block h2s --- */

#content-right h2, #content-right div.pseudo-h2 {
	width: 141px;
	height: 23px;
	text-transform:uppercase;
	padding:8px 5px 0 33px;
	font-size:11px;
	margin:0;
	font-weight: bold;
}

div.teach #content-right .teach-individuals {
	background:url(../img/bg-hdr-teach-individuals.gif);
	background-repeat:no-repeat;
}
div.teach #content-right .teach-information {
	background:url(../img/bg-hdr-information.gif);
	background-repeat:no-repeat;
}

div.teach #content-right .teach-organizations {
	background:url(../img/bg-hdr-teach-organizations.gif);
	background-repeat:no-repeat;
}

div.teach #content-right .teach-questions {
	background:url(../img/bg-hdr-teach-questions.gif);
	background-repeat:no-repeat;
}



div.shop #content-right .shop-categories {
	background:url(../img/bg-hdr-shop-categories.gif);
	background-repeat:no-repeat;
}

div.shop #content-right .shop-class {
	background:url(../img/bg-hdr-shop-class.gif);
	background-repeat:no-repeat;
}

div.shop #content-right .shop-services {
	background:url(../img/bg-hdr-shop-services.gif);
	background-repeat:no-repeat;
}

div.shop #content-right .shop-help {
	background:url(../img/bg-hdr-shop-help.gif);
	background-repeat:no-repeat;
}



div.classes #content-right .classes-try {
	background:url(../img/bg-hdr-classes-try.gif);
	background-repeat:no-repeat;
}

div.classes #content-right .classes-classes {
	background:url(../img/bg-hdr-classes-classes.gif);
	background-repeat:no-repeat;
}

div.classes #content-right .classes-locator {
	background:url(../img/bg-hdr-classes-find.gif);
	background-repeat:no-repeat;
}



/* --- sets custom list styles for sections --- */

div.teach #content-right ul li {
	background:url(../img/icon-music-note-orange.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 24px;
	line-height:16px;
	position:relative;
}

div.teach #content-right .feature-block-au ul li{
	background:url(../img/icon-music-note-au.gif) no-repeat;
}

div.teach #content-right .feature-block-au ul li a{
	color:#020180;
}

div.classes #content-right ul li {
	background:url(../img/icon-music-note-purple.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 24px;
	line-height:16px;
	position:relative;
}







/* =================== 5.4 SHOPPING PAGES ================================ */


/* --------- default right nav rules -------- */

div.shop #content-right ul li {
	background:url(../img/icon-music-note-blue.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 24px;
	line-height:16px;
	position:relative;
}

div.shop #content-right ul li.nested {
	background:url(../img/icon-arrow-blue.gif);
	background-position: 26px 4px;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 34px;
	line-height:16px;
	position:relative;
	line-height:14px;
}

div.shop #content-right ul li.nestedCurrent {
	background:url(../img/icon-arrow-blue.gif);
	background-position: 26px 4px;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 34px;
	line-height:16px;
	position:relative;
	line-height:14px;
	color:#00c7b1;
}

div.shop #content-right ul li.nested a {
	font-weight:normal;
}


div.shop div#content-right div.feature-block ul li.current {
	background:url(../img/icon-music-note-green.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 7px 24px;
	line-height:16px;
	position:relative;
	color:#00c7b1;
}

div.shop div#content-right div.feature-block ul li.current a {
	color:#00c7b1;
}

div.shop #content-right a#btn-signup {
	background:url(../img/btn-sign-up.gif);
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:106px;
	height:24px;
	text-decoration:none;
}

div.shop #content-right a#btn-signup:hover {
	background:url(../img/btn-sign-up-h.gif);
}

div.SmallAlert {
	font-weight:100;
	font-style:italic;
	color:Red;
}

div.BigAlert {
	font-weight:bold;
	font-size:large;
	font-style:normal;
	color:Red;
}

div.classes #content-right a#btn-signup {
	background:url(../img/btn-sign-up-purple.gif);
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:106px;
	height:24px;
	text-decoration:none;
}

div.classes #content-right div.feature-block-free-class {
	background-image:url(../img/bg-classes-sign-me-up.gif);
	background-repeat:no-repeat;
	width:158px;
	height:115px;
	display:block;
	margin:0 0 20px 0;
	padding:40px 10px 15px 11px;
	text-align:center;
	color:#6b2c91;
}

div.classes #content-right a#btn-sign-me-up {
	background:url(../img/btn-sign-me-up-blue.gif);
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:94px;
	height:24px;
	text-decoration:none;
}




div.classes #content-right a#btn-signup:hover {
	background:url(../img/btn-sign-up-purple-h.gif);
}

div.classes #content-right a#btn-search {
	background:url(../img/btn-search-purple.gif);
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:106px;
	height:24px;
	text-decoration:none;
}

div.classes #content-right a#btn-search:hover {
	background:url(../img/btn-search-purple-h.gif);
}


/* --------- shopping page crumb trail ---------- */

div.shop div#shop-crumbs {
	color:#00c7b2;
	display:block;
	width:700px;
	text-align:right;
	padding:0;
	margin:0;
	padding-top:10px;
	background:url(../img/hr-blue-dots.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:22px;
}


div.shop div#shop-crumbs a {
	color:#09c;
	text-decoration:none;
}

div.shop div#shop-crumbs a:hover {
	color:#00c7b2;
	text-decoration:underline;
}



/* --------- product features ---------- */

div#prod-feature {
	margin:15px 0 0 0;
	clear:left;
	overflow:visible;
	width:705px;
	padding:0;
	display:block;
}

div#prod-feature span.callout {
	color:#00ae94;
	font-weight:bold;
}

div#prod-feature a {
	text-decoration:none;
}

div#prod-feature a:hover {
	text-decoration:underline;
}


div#prod-feature img {
	border:1px solid #eee;
}

div.prod-feature-pic {
	float:left;
	width:187px;
	display:block;
	margin:0 15px 0 0;
	overflow:visible;
}


div.prod-feature-contents {
	float:left;
	margin:0 0 5px 0;
	width:295px;
	padding:0;
	display:block;
}

div#qty-add {
	width:164px;
	height:30px;
	background:#f2f2f2;
	padding: 10px 15px 15px 120px;
	display:block;
	margin:0;
}

div#qty-add input {
	width:35px;
	border:1px solid #bfbfbf;
	font-size:11px;
	margin:0;
}

div#qty-add img.add {
	position:relative;
	left:10px;
	top:7px;
	margin:0;
	padding:0;
	width:90px;
	height:22px;
}

/* --------- shopping page product thumbs ---------- */

div#prod-thumbs-wrapper {
	margin:30px 0;
	line-height:14px;
}

div#prod-thumbs-wrapper-cat {
	margin:10px 0;
	line-height:14px;
}


div#prod-thumbs-wrapper p,
div#prod-thumbs-wrapper-cat p {
	margin:0;
	padding:0 0 5px 0;
}


div#prod-thumbs-wrapper div.prod-thumb,
div#prod-thumbs-wrapper-cat div.prod-thumb {
	width:100px;
	margin:25px 10px 20px 5px;
	padding:0 10px 0 0;
	display:block;
	float:left;
	border-right:1px solid #eee;
	height:220px;
	overflow:visible;
}

div#prod-thumbs-wrapper-cat div.prod-thumb {
	height:200px;
}


div.prod-thumb-end {
	width:100px;
	margin:25px 0px 20px 5px;
	padding:0 0 0 0;
	display:block;
	float:left;
}

div#prod-thumbs-wrapper a,
div#prod-thumbs-wrapper-cat a {
	text-decoration:none;
}

div#prod-thumbs-wrapper a:hover,
div#prod-thumbs-wrapper-cat a:hover {
	text-decoration:underline;
}

div#prod-thumbs-wrapper a.more-info,
div#prod-thumbs-wrapper-cat a.more-info,
div#prod-feature a.more-info {
	background:url(../img/bg-more-info.gif);
	background-repeat:no-repeat;
	background-position:left 1px;
	padding:3px 0 3px 20px;
	margin:8px 0 0 0;
	position:relative;
	top:8px;
}


div#prod-thumbs-wrapper a.add-to-cart,
div#prod-thumbs-wrapper-cat a.add-to-cart,
div#prod-feature a.add-to-cart {
	background:url(../img/bg-add-to-cart.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:2px 0 3px 20px;
	margin:0;
	position:relative;
	top:12px;
}

div#prod-feature a.add-to-cart {
	top:8px;
	left:12px;
}

div#prod-feature a#prod-enlarge {
	background:url(../img/icon-enlarge.gif);
	background-repeat:no-repeat;
	background-position:left 1px;
	padding:3px 0 3px 20px;
	margin:8px 0 0 0;
	position:relative;
	top:8px;
	left:32px;
}

div#prod-feature a#prod-email {
	background:url(../img/icon-email.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:2px 0 3px 20px;
	margin:0;
	position:relative;
	top:12px;
	left:32px;
}

div.prod-clear-row {
	height:1px;
	background:#eee;
	overflow:hidden;
	width:100%;
	display:block;
	clear:left;
}

a#btn-checkout {
	position:absolute;
	display:block;
	background:url(../img/btn-checkout.gif);
	background-repeat:no-repeat;
	top:10px;
	right:20px;
	width:85px;
	height:24px;
	text-decoration:none;
}

a#btn-checkout1:hover {
	background:url(../img/btn-checkout-h.gif);
}



a#btn-checkout1 {
	position:absolute;
	display:block;
	background:url(../img/btn-checkout.gif);
	background-repeat:no-repeat;
	top:345px;
	right:30px;
	width:85px;
	height:24px;
	text-decoration:none;
}

a#btn-checkout:hover {
	background:url(../img/btn-checkout-h.gif);
}


/* =================== 5.5 CLASSES PAGES ================================ */


div#class-list {
	width:695px;
	height:295px;
	background:url(../img/bg-class-list.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	display:block;
	position:relative;
	margin:0 0 20px 0;
	padding:0;
}


div#class-list a {
	text-decoration:none;
	color:#fff;
	display:block;
	padding:144px 5px 0 5px;
	width:71px;
	text-align:center;
	float:left;
	margin:0 5px 0 0;
}

div#class-list div#family-time a {
	height:119px;
}

div#class-list div#family-time a:hover {
	background-image:url(../img/bg-family-time.gif);
	background-position:1px 137px;
	background-repeat:no-repeat;
}

div#class-list div#village a {
	height:111px;
}

div#class-list div#village a:hover {
	background-image:url(../img/bg-village.gif);
	background-position:0px 136px;
	background-repeat:no-repeat;
}

div#class-list div#sign-sing a {
	height:101px;
}

div#class-list div#sign-sing a:hover {
	background-image:url(../img/bg-sign-sing.gif);
	background-position:1px 137px;
	background-repeat:no-repeat;
}

div#class-list div#our-time a {
	height:92px;
}

div#class-list div#our-time a:hover {
	background-image:url(../img/bg-our-time.gif);
	background-position:1px 137px;
	background-repeat:no-repeat;
}

div#class-list div#imagine-that a {
	width:72px;
	height:83px;
}

div#class-list div#imagine-that a:hover {
	background-image:url(../img/bg-imagine-that.gif);
	background-position:2px 137px;
	background-repeat:no-repeat;
}

div#class-list div#young-child a {
	height:77px;
}

div#class-list div#young-child a:hover {
	background-image:url(../img/bg-young-child.gif);
	background-position:1px 137px;
	background-repeat:no-repeat;
}

div#class-list div#adventures a {
	width:72px;
	height:67px;
}

div#class-list div#adventures a:hover {
	background-image:url(../img/bg-adventure.gif);
	background-position:2px 137px;
	background-repeat:no-repeat;
}

div#class-list span#adventures-caption {
	font-size:11px;
	width:72px;
	display:block;
	position:absolute;
	top:215px;
	left:534px;
}


div#class-list div#abc-music a {
	height:62px;
	width:72px;
}

div#class-list div#abc-music a:hover {
	background-image:url(../img/bg-music-me.gif);
	background-position:1px 137px;
	background-repeat:no-repeat;
}

div#class-list span#abc-caption {
	font-size:11px;
	width:72px;
	display:block;
	line-height:12px;
	position:absolute;
	top:210px;
	left:610px;
}

div#class-list a#classes-try {
	width:155px;
	height:24px;
	background-image:url(../img/home-btn-try.gif);
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;	
	margin-right:auto;
	text-decoration:none;
	padding:0;
	position:absolute;
	top:260px;
	left:320px;
}

div#class-list a#classes-try:hover {
	background-image:url(../img/home-btn-try-h.gif);
}


div#content-right div.feature-block ul.content-right-class-list a {
	font-weight:normal;
}


div.classes div#content-right div.feature-block ul.content-right-class-list li.current {
	background:url(../img/icon-music-note-red.gif);
	background-repeat:no-repeat;
}


div.classes div#content-right div.feature-block ul.content-right-class-list li.current a {
	color:#de4428;
}



div#classes-video {
	width:454px;
	height:266px;
	display:block;
	background:url(../img/bg-classes-video.gif);
	background-repeat:no-repeat;
	margin:0 0 22px 0;
	padding:24px;
}

div#classes-video ul {
	position:absolute;
	left:335px;
	top:60px;
	width:120px;
	line-height:14px;
	margin-top:0;
}

div#classes-video ul span {
	color:#ea492c;
	font-weight:bold;
}

div#classes-video div.video-placement {

}

div#classes-video-adventures {
	width:454px;
	height:266px;
	display:block;
	background:url(../img/bg-classes-video.gif);
	background-repeat:no-repeat;
	margin:0 0 22px 0;
	padding:24px;
}
div#classes-video-adventures ul {
	position:absolute;
	left:210px;
	top:60px;
	width:120px;
	line-height:14px;
	margin-top:0;
}

div#classes-video-adventures ul span {
	color:#ea492c;
	font-weight:bold;
}




/* ------------------- 5.6 Pre-Footers --------------- */

/* width:780px; */
div#pre-footer {
	width:970px;
	min-height:150px;
	padding:15px 0;
	margin:0;
	display:block;
	background:#fff;
	overflow:visible;	
	display:block;
	position:relative;
}


div#pre-footer ul li {
	list-style-type:none;
	background:url(../img/icon-arrow.gif);
	background-repeat:no-repeat;
	background-position: left 4px;
	padding: 0 0 10px 10px;
	line-height:15px;
}


div#pre-footer div.side-column {
	width:200px;
	display:block;
	padding:0 14px 10px 28px;
	margin:0;
	background:#fff;
	position:absolute;
}

div#pre-footer div.side-column p {
	padding:10px 0 0 0;
}

/* width:480px; */
div#pre-footer div.quote-wrapper {
	width:680px;	
	padding:7px 10px 10px 24px;
	display:block;
	border-left:1px solid #ddd8d8;
	background-color:#fff;
	position:relative;
	left:240px;
	margin:0;
}

div#pre-footer ul {
	margin:0 0 0 3px;
	padding:0;
}


div#pre-footer ul li {
	padding:0 0 3px 10px;
	margin:0;
}

div#pre-footer div.quote-wrapper p {
	padding:0 0 10px 34px;
}

div#pre-footer a#home-try {
	width:155px;
	height:24px;
	background-image:url(../img/home-btn-try.gif);
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;	
	margin-right:auto;
	text-decoration:none;
}

div#pre-footer a#home-try:hover {
	background-image:url(../img/home-btn-try-h.gif);
}

div#pre-footer a#teach-try {
	width:155px;
	height:24px;
	background-image:url(../img/btn-enroll-today.gif);
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;	
	margin-right:auto;
	text-decoration:none;
}

div#pre-footer a#teach-try:hover {
	background-image:url(../img/btn-enroll-today-h.gif);
}


div#pre-footer div#quote {
	padding:8px 0 0 34px;
	margin:0;
	background:url(../img/bg-quote-start.gif);
	background-repeat:no-repeat;
	background-position: top left;
	display:block;
	background-color:#fff;
}

/* width:450px; */
div#pre-footer div#quote p {
	background:url(../img/bg-quote-end.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:640px; 
	padding:7px 0 10px 0;
}




/* =================== 6.0 FOOTER ITEMS ================================ */


#footer {
	padding:20px 28px;
	background:transparent;
	font-size:11px;
	color:#fff;
	line-height:14px;
	margin:0;
	}
	
#footer a {
	color:#ffcb05;
}

#footer a:hover {
	color:#e0d4ea;
}


#footer ul {
	color:#ffcb05;
	padding:0;
	margin:0 0 35px 0;
	display:block;
	clear:left;
}

#footer ul li {
	list-style-type:none;
	background:transparent;
	float:left;
	display:block;
	padding:0;
}


#footer div#addtl-info {
	width:215px;
	float:right;
	display:block;
	text-align:right;
}

#footer select {
	color:#666;
	font-size:11px;
	width:212px;
	overflow:visible;
}

#demo-popup{
  position:fixed;
  top:0px;
  right:0px;
  width:411px;
  height:156px;
  background:transparent url(/images/locator/demo-popup.png) no-repeat 0px 0px;
  display:none;
  padding:144px 0 0 35px;
  z-index:1000000;
}

#demo-popup a{
  width:324px;
  height:36px;
  display:block;
}

#demo-popup a span{
  display:none;
}

#demo-popup a.yes{ background:url(/images/locator/demo-popup-yes.gif) no-repeat 0px 0px; }
#demo-popup a.maybe{ background:url(/images/locator/demo-popup-maybe.gif) no-repeat 0px 0px; }
#demo-popup a.no{ background:url(/images/locator/demo-popup-no.gif) no-repeat 0px 0px; }


.InvisibleField{display:none;}
    
.row-hover{background:#9873b8 !important; color:#ffffff !important;}

table.class-result-table caption{
  font-family:Trebuchet MS, Sans-Serif;
  font-size:18px;
  color:#48b3af;
  padding:0 0 10px 0;
}

table.class-result-table th{
  font-family:Trebuchet MS, Sans-Serif;
  font-size:15px;
  padding:15px 5px 5px 5px;
  background:url(/images/locator/results-middle.gif) repeat-x 0% 0%;
}

table.class-result-table th.left-corner{
  background:url(/images/locator/results-left.gif) no-repeat 0% 0%;
}

table.class-result-table th.right-corner{
  background:url(/images/locator/results-right.gif) no-repeat 100% 0%;
}

#Detail-Popup{
  position:absolute;
  top:-5px;
  right:-190px;
  background:#ffffff;
  padding:0 0 0 40px;
  background:url(/images/locator/details-shadow.png) repeat-y 0px 0px;
  
  font-family:Trebuchet MS;
  font-size:12px;
  color:#333333;
}

#Detail-Popup .top{
  background:url(/images/locator/details-bg.gif) repeat-y 0px 0px;
}

#Detail-Popup .close-details{
  position:absolute;
  top:0px;
  right:0px;
}

#Detail-Popup .enrollment-info{
  width:370px;
  min-height:190px;
  height:auto !important;
  height:190px;
  float:left;
  background:url(/images/locator/details-enrollment-bg.gif) no-repeat 0px 55px;
}

#Detail-Popup .enrollment-info .header{
  width:370px;
  height:55px;
  background:url(/images/locator/details-enrollment-header.gif) no-repeat 0px 0px;
}

#Detail-Popup .enrollment-info .header h2{
  font-family:Trebuchet MS, Sans-Serif;
  font-size:22px;
  color:#ffffff;
  margin:0;
  padding:15px 0 0 0;
  line-height:40px;
  text-align:center;
}

#Detail-Popup .enrollment-info .content{
  padding:10px 10px 0 10px;
}

#Detail-Popup .enrollment-info .content .left{
  width:125px;
  float:left;
  text-align:center;
}

#Detail-Popup .enrollment-info .content .right{
  width:225px;
  float:left;
}

#Detail-Popup .enrollment-info .content .right strong{
  color:#672c87;
}

#Detail-Popup .enrollment-info .content a.enroll-button,
#Detail-Popup .enrollment-info .content a.enroll-button-nr{
  display:block;
  width:178px;
  height:49px;
  background:url(/images/locator/btn-enroll-now.gif) no-repeat 0px 0px;
}

#Detail-Popup .enrollment-info .content a.enroll-button span,
#Detail-Popup .enrollment-info .content a.enroll-button-nr span{
  display:none;
}

#Detail-Popup .enrollment-info .content a.waitlist-button{
  display:block;
  width:178px;
  height:49px;
  background:url(/images/locator/btn-waitlist.gif) no-repeat 0px 0px;
}

#Detail-Popup .enrollment-info .content a.waitlist-button span{
  display:none;
}


#Detail-Popup .enrollment-info .content a.email-button{
  display:block;
  width:178px;
  height:49px;
  background:url(/images/locator/btn-email-educator.gif) no-repeat 0px 0px;
}

#Detail-Popup .enrollment-info .content a.email-button span{
  display:none;
}

#Detail-Popup .enrollment-info .content a.print-class-details{
  background:url(/images/locator/icon-print.gif) no-repeat 0px 0px;
  padding:0 5px 0 25px;
  
  font-family:Trebuchet MS, Sans-Serif;
  font-size:10px;
  color:#333333;
  text-decoration:underline;
}

#Detail-Popup .enrollment-info .content a.show-email-friend{
  background:url(/images/locator/icon-email.gif) no-repeat 5px 0px;
  padding:0 0 0 30px;
  
  font-family:Trebuchet MS, Sans-Serif;
  font-size:10px;
  color:#333333;
  text-decoration:underline;
}

#Detail-Popup .location-info{
  width:214px;
  min-height:55px;
  height:auto !important;
  height:55px;
  float:left;
  background:url(/images/locator/details-location-header.gif) no-repeat 0px 0px;
}

#Detail-Popup .location-info .content{
  width:180px;
  min-height:230px;
  height:auto !important;
  height:230px;
  padding:15px 14px 0 20px;
  background:url(/images/locator/details-location-bg.gif) no-repeat 0px 55px;
}

#Detail-Popup .location-info .content h4{
  font-family:Trebuchet MS, Sans-Serif;
  font-size:14px;
  color:#672b86;
  margin:0;
  padding:10px 0;
}

#Detail-Popup .location-info .content a.show-email-educator,
#Detail-Popup .location-info .content a.show-map,
#Detail-Popup .location-info .content a.now-hiring,
#Detail-Popup .location-info .content a.program-website{
  display:block;
  float:left;
  padding:15px 5px 0 0;
  height:15px;
  
  font-family:Trebuchet MS, Sans-Serif;
  font-size:10px;
  color:#333333;
  line-height:15px;
  text-decoration:underline;
}

#Detail-Popup .location-info .content .maestro{
  font-size:10px;
  line-height:12px;
  padding:10px 0 0 0;
}

#Detail-Popup .location-info .content a.show-map{
  padding:15px 30px 0 0;
  background:url(/images/locator/icon-map.gif) no-repeat 100% 0%;
}

#Detail-Popup .location-info .location-map{
  display:none;
}

#Detail-Popup .middle-separator{
  width:584px;
  height:22px;
  clear:both;
  background:url(/images/locator/details-enrollment-location-bottom.gif) no-repeat 0px 0px;
}

#Detail-Popup .educator-info{
  width:584px;
  background:url(/images/locator/details-educator-bg.gif) repeat-y 0px 0px;
}

#Detail-Popup .educator-info .header{
  width:584px;
  height:43px;
  background:url(/images/locator/details-educator-header.gif) no-repeat 0px 0px;
}

#Detail-Popup .educator-info .header h2{
  font-family:Trebuchet MS, Sans-Serif;
  font-size:22px;
  color:#ffffff;
  margin:0;
  padding:3px 0 0 0;
  line-height:40px;
  text-align:center;
}

#Detail-Popup .educator-info .content{
  width:338px;
  padding:8px 10px 0 22px;
  float:left;
  
  font-family:Trebuchet MS, Sans-Serif;
  font-size:12px;
  color:#333333;
}

#Detail-Popup .educator-info .content h4{
  font-family:Trebuchet MS, Sans-Serif;
  font-size:14px;
  color:#333333;
  margin:0 0 20px 0;
  padding:0;
}

#Detail-Popup .educator-info .sidebar{
  width:197px;
  float:left;
}

#Detail-Popup .educator-info .sidebar .preview{
  padding:8px 0 0 0;
  text-align:center;
}

#Detail-Popup .educator-info .sidebar .video{
  padding:8px 0 0 0;
  text-align:center;
}

#Detail-Popup .educator-info .sidebar .testimonials{
  padding:8px 0 0 0;
  background:url(/images/locator/details-testimonials-header.gif) no-repeat 0px 8px;
}

#Detail-Popup .educator-info .sidebar .testimonials .header{
  width:197px;
  min-height:51px; 
  height:auto !important;
  height:51px;
  background:url(/images/locator/details-testimonials-top.gif) no-repeat 0px 31px;
}

#Detail-Popup .educator-info .sidebar .testimonials .header h3{
  display:none;
}

#Detail-Popup .educator-info .sidebar .testimonials .content{
  width:150px;
  padding:0 27px 0 25px;
  float:none;
  background:url(/images/locator/details-testimonials-middle.gif) repeat-y 0px 0px;
  
  font-family:Trebuchet MS, Sans-Serif;
  font-size:10px;
  color:#436fb6;
  line-height:12px;
}

#Detail-Popup .educator-info .sidebar .testimonials .content .emphasis-start{
  position:relative;
  top:-2px;
  left:0px;
  padding:0 15px 0 10px;
  line-height:16px;
  font-size:16px;
  background:url(/images/locator/details-testimonials-quote-start.gif) no-repeat 0px 0px;
}

#Detail-Popup .educator-info .sidebar .testimonials .content .emphasis-end{
  position:relative;
  bottom:-6px;
  left:0px;
  padding:0 10px 0 15px;
  line-height:12px;
  font-size:12px;
  background:url(/images/locator/details-testimonials-quote-end.gif) no-repeat 0px 0px;
}

#Detail-Popup .educator-info .sidebar .testimonials .bottom{
  width:197px;
  height:40px;
  background:url(/images/locator/details-testimonials-bottom.gif) no-repeat 0px 0px;
}

#Detail-Popup .educator-info .bottom-separator{
  width:584px;
  height:22px;
  clear:both;
  background:url(/images/locator/details-educator-bottom.gif) no-repeat 0px 0px;
}

/*ceebox*/
/* CeeBox CSS Document */
/* Minor change made for 2.0.6 */
/* Works with 2.0.4 and up */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for ceebox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html,body{height:100%;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific background images <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_closeBtn 		{ background-image: url(../images/locator/btn-close.png); }
#cee_next 			{ background-image: url(../img/cee-next-btn.png); }
#cee_prev 			{ background-image: url(../img/cee-prev-btn.png); }
* html #cee_next 	{ background-image: url(../img/cee-next-btn.gif); } /* IE6 hack */
* html #cee_prev 	{ background-image: url(../img/cee-prev-btn.gif); } /* IE6 hack */
#cee_load 			{ background-image: url(../img/loader.gif);}
/* ceebox border width controled as option in jquery.ceebox.js */
/* colors for ceebox background and border can also be set as option in jquery.ceebox.js  */
#cee_box			{background-color: #fff;border-color:#682c87;border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* ---------->>> ceebox specific css minimized <<<-----------------------------------------------------------*/
#cee_box{font:12px Arial,Helvetica,sans-serif;color:#333;background-color:#fff}#cee_count{font:10px Arial,Helvetica,sans-serif;-moz-opacity:0.8;opacity:0.8;clear:left;float:left;padding:2px 0 4px}.cee_html #cee_title h2{float:left}.cee_html #cee_count{clear:none;padding-left:5px}* html #cee_count{zoom:1;padding-bottom:6px}#cee_next,#cee_prev{height:97%;margin:3% 0 0 0;width:49%;text-indent:-10000px;text-decoration:none;visibility:visible;background-repeat:no-repeat}#cee_box a{border:0;outline:none}#cee_box a:link{color:#666}#cee_box a:visited{color:#666}#cee_box a:hover{color:#000}#cee_box a:active{color:#666}#cee_box a:focus{color:#666}#cee_closeBtn{background-repeat:no-repeat;display:box;width:40px;height:40px;position:absolute;text-indent:-10000px} #cee_closeBtn{top:-3px;right:-3px}#cee_closeBtn,#ie8#hack{top:-10px;right:-10px}*:first-child+html #cee_closeBtn{top:-3px;right:-3px} * html #cee_closeBtn{top:-3px;right:-3px}.cee_close{cursor:pointer}#cee_box{text-align:left;color:#000}#cee_box img#cee_img,#cee_vid,#cee_iframeContent,#cee_ajax{display:block;margin:15px 15px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}#cee_title{padding:7px 15px 5px 15px;overflow:hidden}.cee_html #cee_title{background-color:#e8e8e8;height:18px;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0}#cee_title h2{font-size:1em;font-weight:400;margin:0 0 1px}#cee_ajax{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}#cee_load{display:none;height:50px;width:50px;margin:-25px 0 0 -25px;background-position:center center;background-repeat:no-repeat}#cee_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}* html #cee_HideSelect{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}#cee_iframe{clear:both;border:none;margin-bottom:-1px;margin-top:1px}
