@charset "UTF-8";

*{
	margin: 0;
	padding: 0;

}
#clear { clear: both; 
}

a { color: #663399;
}

#container {
	width: 950px;
	margin: 0 auto;
	text-align:left;

}
#wrapper {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#leftSidebar {
	float: left;
	width: 212px;
	margin-top: -89px;
	text-align:right;
}
#rightColmn {
	width: 705px;
	float: left;
	position: relative;
}
#rightColmnSec {
	width: 705px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 20px;
	float: left;
	position: relative;
}

#rightColmnSec h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 28px;
	color: #663399;
	text-transform: uppercase;
	padding-bottom: 8px;
	margin-top: 18px;
	
}
#rightColmnSec h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #663399;
	text-transform: uppercase;
	padding-bottom: 8px;
	margin-top: 18px;
	
}
legend {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #663399;
	text-transform: uppercase;
	padding-left: 6px;
	margin-right: 16px;
	
}
fieldset {
	padding: 15px;
	padding-top: 0;
	background-repeat: repeat;
	padding-left: 20px;
}
fieldset p{
	padding-top: 10px;
}
.greenBold {
	font-weight: bold;
	color: #cccc33;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000;
	line-height: 22px;
	font-stretch: condensed;
	padding-bottom:0;
}

#extra{
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
	line-height: 22px;
	font-stretch: condensed;
	padding-bottom:0;
	margin-left: 12px;
	margin-bottom: -8px;
}

.quote {
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	color: #cccc33;
}

.pullQuote {
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #cccc33;
	font-style: italic;
	line-height: 32px;
}

#reasonsStart {
	margin-top: -15px;
}
#reasonsStart p {
	font-style: italic;
	font-size: 14px;
	line-height: 20px;
}

.name {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #663399;
	text-transform: uppercase;
	padding-bottom: 8px;
	margin-top: 18px;
}

.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #663399;
}

#nameTag {
	float: right;
	margin-right: 30px;
	margin-top: -18px;
	padding-left: 20px;
}

#nameTagLeft {
	float: left;
	margin-left: 20px;
	margin-top: -18px;
	padding-right: 20px;
}

/* =Sidebar
----------------------------------------------- */
#sidebar { width: 177px; float: left; padding-left: 10px; margin-right: 10px; text-align:left; }
	#sidebar h2, #main-content h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #000; margin-bottom: 5px; }
	#sidebar ul { background: #f4f4f4 url('../images/sidebar_li.gif') top repeat-x; }
	#sidebar ul li { padding: 10px; background: url('../images/sidebar_li.gif') bottom repeat-x; display: block;}
	#sidebar ul li img { float: left; padding: 1px; border: 1px solid #ddd; margin-right: 8px; }
	#sidebar ul li h3 { font-size: 14px; font-weight: bold; color: #000; }
	#sidebar ul li p { font-size: 11px; color: #000; line-height: 16px;}
	#sidebar ul li a { color: #663399; font-size: 12px; margin-bottom: 10px; }
	#sidebar ul li a:hover { color: #ae9ac3; }


/*----------------------------------------------------- MAIN NAVIGATION STYLES ------*/
#nav {
	background-image: url(../images/navBcg.jpg);
	background-repeat: repeat-x;
	height: 89px;
}

#navWrapper {
	width: 765px;
	margin: 0 auto;
	padding-left: 240px; 
}

#nav ul {
	padding:0;
	position: 0 0;
}

#nav li {
	float: left;
	padding: 0;
	margin: 0;
	list-style:none;
	border: none;
	display: block;
	
	
}
#navWrapper ul li.home {
	height: 89px;
	position: absolute;
	margin-top: -89px;
	
	
}
#navWrapper ul li.lessons {
	height: 89px;
	position: absolute;
	margin-top: -89px;
	margin-left: 101px;
	
}
#navWrapper ul li.calendar {
	height: 89px;
	position: absolute;
	margin-top: -89px;
	margin-left: 193px;
}
#navWrapper ul li.media {
	height: 89px;
	position: absolute;
	margin-top: -89px;
	margin-left: 294px;
}
#navWrapper ul li.styles {
	height: 89px;
	position: absolute;
	margin-top: -89px;
	margin-left: 395px;
}
#navWrapper ul li.team {
	height: 89px;
	position: absolute;
	margin-top: -89px;
	margin-left: 488px;
}
#navWrapper ul li.contact {
	height: 89px;
	position: absolute;
	margin-top: -89px;
	margin-left: 584px;
}


#navWrapper ul li.home:hover {
	margin-top: 0px;
	overflow: hidden;
}
#navWrapper ul li.lessons:hover {
	margin-top: 0px;
	overflow: hidden;
}
#navWrapper ul li.calendar:hover {
	margin-top: 0px;
	overflow: hidden;
}
#navWrapper ul li.media:hover {
	margin-top: 0px;
	overflow: hidden;
}
#navWrapper ul li.styles:hover {
	margin-top: 0px;
	overflow: hidden;
}
#navWrapper ul li.team:hover {
	margin-top: 0px;
	overflow: hidden;
}
#navWrapper ul li.contact:hover {
	margin-top: 0px;
	overflow: hidden;
}

#body_home #navWrapper ul li.home {
	margin-top: 0px;
	overflow: hidden;
}
#body_lessons #navWrapper ul li.lessons {
	margin-top: 0px;
	overflow: hidden;
}
#body_calendar #navWrapper ul li.calendar {
	margin-top: 0px;
	overflow: hidden;
}
#body_media #navWrapper ul li.media {
	margin-top: 0px;
	overflow: hidden;
}
#body_styles #navWrapper ul li.styles {
	margin-top: 0px;
	overflow: hidden;
}
#body_team #navWrapper ul li.team {
	margin-top: 0px;
	overflow: hidden;
}
#body_contact #navWrapper ul li.contact {
	margin-top: 0px;
	overflow: hidden;
}



#logoTag {
	background-image: url(../images/t2dLogo-new.jpg);
	background-repeat: no-repeat;
	width: 212px;
	height: 174px;
	float: right;
	margin-top: 0;
	padding-top: 0;
}
#leftContent {
	border-right: 1px solid #999;
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}
#leftContent p {
	padding-right: 10px;
}

/*----------------------------------------------------- SUB NAVIGATION STYLES ------*/
#subNav {
	list-style: none;
	padding-left: 30px;
}
#subNav li {
	list-style: none;
}
#subNav li a {
	display: block;
	text-align: left;
	list-style: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 26px;
	color: #000;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-bottom: 1px solid #999;
}
#subNav li.blog a {
	border-top: 1px solid #999;
}
#subNav li a:hover {
	color: #639;
	list-style: none;
}
#blog #subNav li#blog a, #workshop #subNav li#workshop a,
#concepts #subNav li#concepts a, #maps #subNav li#maps a,
#special #subNav li#special a, #reasons #subNav li#reasons a,
#instructor #subNav li#instructor a, #studentFun #subNav li#studentFun a {
	color: #639;
	background-image: url(http://www.timetodance.biz/images/SubNavActive.jpg);
	background-repeat: repeat;
	background-position: top left;
}

/*----------------------------------------------------- HOME PHOTO STYLES ------*/
#mainPhoto {
	margin-top: 15px;
	padding: 10px;
	border: 1px solid #999999;
}
#mainPhotoSec {
	padding: 10px;
	border: 1px solid #999999;
	float: left;
	margin-right: 15px;
	margin-bottom: 8px;
}
#specialPhotos {
	width: 705px;
}
#specialPhotos img {
	float:left;
	padding-left: 23px;
	margin-top: 10px;
}
#specialPhotos .middle {
	margin-top:25px;
}


#div {
	border-bottom: 1px solid #999999;
	padding-top: 5px;
	margin-top: 150px;
}

#divSec {
	border-bottom: 1px solid #999999;
	padding-top: 0px;
	margin-top: 0px;
}


/*-----------------------------------------------------GREEN BOX QUOTE------*/


#mainQuoteHome {
	width: 705px;
	float: left;
	margin-top: 10px;
}

#greenBox {
	margin-top:20px;
	background-color: #cccc33;
	width: 452px;
	height: 277px;
	float: left;
}
#greenBoxTeam {
	margin-top:20px;
	background-color: #cccc33;
	width: 452px;
	height: 277px;
	float: left;
}

#topLeft {
	width: 19px;
	height: 18px;
	background-image: url(../images/topLeftCorner.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0;
	margin:0;
	float: left;
}

#topRight {
	width: 19px;
	height: 18px;
	background-image: url(../images/topRightCorner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0;
	margin:0;
	float: right;
}

#bottomLeft {
	width: 19px;
	height: 18px;
	margin-top: 241px;
	background-image: url(../images/bottomLeftCorner.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0;
	float: left;
}

#bottomRight {
	width: 19px;
	height: 18px;
	margin-top: 241px;
	background-image: url(../images/bottomRightCorner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0;
	float: right;
}

#greenBox p {
	background-repeat: no-repeat;
	background-position: top left; 
	padding: 12px;
	padding-top: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000;
	line-height: 20px;
	font-stretch: condensed;
	padding-bottom:0;
}

#greenBox h1 {
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-bottom: 3px;
	padding-top: 0;
	margin-top:0;
}
#greenBoxTeam p {
	background-image: url(../team/images/topQuoteTeam.jpg)
	background-repeat: no-repeat;
	background-position: top left; 
	padding: 12px;
	padding-top: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666600;
	line-height: 20px;
	font-stretch: condensed;
	padding-bottom:0;
}

#greenBoxTeam h1 {
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-bottom: 3px;
	padding-top: 0;
	margin-top:0;
}

#quotePhoto {
	float: left;
	width: 244px;
}

/*----------------------------------------------------- DANCE STYLES - STYLES ------*/

.videoImages {
	padding-right: 45px;}

/*----------------------------------------------------- FOOTER STYLES ------*/
#footer {
	text-align: center;
	padding-top: 12px;
	background-color: #CCCCCC;
	border-top: 1px solid #333333;
	height: 100%;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0;
}
#footer #footerDivWrap #footerContact a:hover, #footer #footerDivWrap #footerUpcomingInfo a:hover {
	background-color: #663399;
	text-decoration: none;
	padding: 3px;
	color: #FFFFFF;
}
#lowFooter  {	
	background-color:#333333;
	position: relative;
	text-align: center; 
	margin-bottom: 0px;
	padding-bottom: 0px;	
}
#footer #lowFooter p {
	text-align: center;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom:5px;
}
#footer #lowFooter a {
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom:5px;
}
#footer #lowFooter a:hover {
	color: #FFFFFF;
	text-decoration: none;
	
}

#footerDivWrap {
	text-align: left;
	width: 950px;
	height: 220px;
	margin: 0 auto;
	padding-left: 30px;

}

#footer #footerContact {
	width: 240px;
	margin-right: 80px;
	float: left;
	margin-bottom: 20px;
}

#footer #footerLinks {
	float: left;
	width: 240px;
	margin-right: 80px;
	}

#footer #footerUpcoming {
	width: 260px;
	float: left;
}

#footer h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
	text-transform: uppercase;
	color: #333333;
	float: left;
	padding-left: 5px;
	padding-top: 8px;
}

.icon {
	width: 30px;
	float: left;
}

#footerContactInfo {
	margin-top: 10px;
}

#footerLinksInfo {
	margin-top: 10px;
}

#footerUpcomingInfo {
	margin-top: 10px;
}

#footer h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #663399;
	font-weight: bold;
	font-size: 13px;
}

#footer p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	font-size: 13px;
	line-height: 24px;
}



#footerInfo {
	padding-top: 25px;
}

#footerUpcomingInfo a {
color: #333333;
}

#footerUpcomingInfo h3 {
font-weight: bold;
font-size: 13px;
}


#youtube {
	margin-left: 19px;
	margin-top: 20px;
}

#myspace {
	margin-top: 10px;
}
 
/*----------------------------------------------------- LESSONS SUB-NAV STYLES ------*/


#lessonsNav ul {
	background-color: #663399;
	width: 100%;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 4px;
}
#lessonsNav ul li {
	display: inline;
	list-style: none;}


#lessonsNav ul li a {
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: 0;
	margin-left:-4px;
	border-right: solid 2px #ffffff;
} 

#lessonsNav ul li a.private {
	border-right: none; }
	
#lessonsNav ul li a:hover {
background-color: #cccc33;}

.topLink {
	color: #999999;} 
	
.topLink:hover {
	color: #333333;} 
	
.lessonsImages {
	float: right;
	margin: 10px;
	padding: 5px;		
	border: 1px solid #999999;
}

.privateHightlight {
	background-image: url(../lessons/images/bckgHighlightColor.jpg);
	background-repeat: repeat;
	border: solid 1px #663399;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;}

/*----------------------------------------------------- JOIN EMAIL STYLES ------*/

 #joinEmail {
	background-image: url(../images/JoinEmail/joinBckg.png);
	background-repeat: no-repeat;
	height: 72px;
}

.enterEmail {
	margin-top: 46px;
	margin-left: 15px;
	color: #999999;
	float: left;
	height: 16px;
	width: 113px;
}

.submit {
	background-image: url(../images/JoinEmail/emailGoButton.png);
	background-repeat: no-repeat;
	margin-top: 45px;
	float: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 3px;
	width: 25px;
}

/*----------------------------------------------------- JOIN EMAIL STYLES ------*/

#calendarSubhead {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	size: 12px;
}