@charset "utf-8";
/* Vow to Dance CSS
Created 12.17.07 By: SeeCreature Design (www.seecreature.com) */

html {
	background:#84929c url(/assets/images/html_bg2.gif) 0 0 repeat-x;
	}
body {
	margin: 0;
	font-family:"Times New Roman", Times, serif;
	background: url(/assets/images/body_bg01.jpg) 950px 0 no-repeat;	
	font-size: 11pt; 
	}

a:link, a:visited {
	text-decoration: none;
	color: #4C6B81;
	font-size:11pt;
	}
a:hover, a:active {
	text-decoration: underline;
	}
p {
	font-size: 11pt;	
	margin: 8px 0 10px 0;
	line-height: 18px;
	color:#363636;
	}
h1 {
	color:#383F44;
	font-size: 24px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	margin:0 0 8px 0;
}
h2 {
	margin:0 0 8px 0;
	padding: 0 0 4px 0;
	font-size: 17px;
	color:#383F44;
	font-family:"Times New Roman", Times, serif;
	
	}
h3 {
	margin:0 0 8px 0;
	padding:0;
	color:#496c81;
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
	line-height:18px;
}
ul {
	margin: 0;
	padding-left: 15px;
	line-height: 17px;
	}
ol {
	margin: 0 0 0 15px;
	padding-left: 15px;
	font-size: 13px;
	line-height: 20px;
	}
li {
	list-style-image: url(../images/bullet01.gif);
	color:#666666;
	margin: 8px 0;
	}




/* Main CSS
-------------------------------------------------------------- */
#wrapper {
	width:680px;
	background:#FFFFFF url(../images/content_bg.gif) top left repeat-y;
	text-align:left;
	height:auto;
	}

#header {
	background:#b2c0d0 url(../images/header_bg.gif) bottom right no-repeat;
	text-align:right;
	height:73px;
	}

#logo {
	float:left;
	}
#cta01 {
	padding: 0 14px 0 0;
	}
#sidebar {
	float:left;
	width: 166px;
	}

#content {
	float:left;
	width:440px;
	margin: 0 0 0 40px;
	padding: 20px 0 20px 0;
	}
#content .content {
	padding: 20px 40px 10px 20px;
	}

.quote_top {
	color:#8394a0;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	background: url(/assets/images/quote_top.gif) top left no-repeat;
	padding: 30px 150px 5px 90px;
	text-align:justify;
	}
.quote_bottom {
	color:#8394a0;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	background: url(/assets/images/quote_bottom.gif) bottom left no-repeat;
	padding: 0 170px 0 0;
	text-align:right;
	height:53px;
	margin: 0 0 20px 0;
	}
.hquote {
	background: url(/assets/images/hquote_top.gif) top left no-repeat;
	width:428px;
	}
.hquote .hquote_text p {
	color:#8394a0;
	margin:4px 0;
	}
.hquote .hquote_text {
	color:#8394a0;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	background: url(/assets/images/hquote_bottom.gif) bottom right no-repeat;
	padding: 35px 70px 25px 60px;
	text-align:justify;
	}

/* Global nav
-------------------------------------------------------------- */
#glbnav {
	overflow:hidden;
	background-color:#f1f1f1;
	padding: 20px 0 14px 0;
	color:#666;
	}
#glbnav a {
	height:23px;
	display:block;
	color:#666;
	}
#glbnav ul {
	padding:0 0 11px 0;
	margin:0;
	}
#glbnav li {
	margin:0 -8px;
	padding: 0 0 0 8px;
	}
#glbnav a:hover {background-position:0 -23px;color:#666;}
#glbnav #general {width:166px;background:url(../images/nav_general.gif);}
#glbnav #about {width:166px;background:url(../images/nav_about.gif);}
#glbnav #dances {width:166px;background:url(../images/nav_the-dances.gif);}
#glbnav #music {width:166px;background:url(../images/nav_music.gif);}
#glbnav #private_lessons {width:166px;background:url(../images/nav_private_lessons.gif);}
#glbnav #group {width:166px;background:url(../images/nav_group.gif);}
#glbnav #resources {width:166px;background:url(../images/nav_resources.gif);} 
#glbnav #contactus {width:166px;background:url(../images/nav_contact.gif);} 

body#page_general #glbnav #general {background-position:0 -22px !important;position:relative;}
body#page_about #glbnav #about {background-position:0 -22px !important;position:relative;}
body#page_dances #glbnav #dances {background-position:0 -22px !important;position:relative;}
body#page_music #glbnav #music {background-position:0 -22px !important;position:relative;}
body#page_private_lessons #glbnav #private_lessons {background-position:0 -22px !important;position:relative;}
body#page_group #glbnav #group {background-position:0 -22px !important;position:relative;}
body#page_resources #glbnav #resources {background-position:0 -22px !important;position:relative;}
body#page_contact #glbnav #contactus {background-position:0 -22px !important;position:relative;}

/* Music Table
-----------------------------------------------------------------------------*/
table, td{
	font-family:"Times New Roman", Times, serif;
}
table{width:482px;border-collapse:collapse;}
th, td{text-align:left;padding:5px;font-size:13px;}
th{background:#7a879a;color:#fff;padding: 10px 0 12px 4px;}

/* tablecloth styles */


tr.even {background:#f3f5f6;}
tr.odd {background:#fdfdfe;}

tr.even:hover{background:#afafaf;color:#FFFFFF;}
tr.odd:hover{background:#afafaf;color:#FFFFFF;}

tr.even:hover a{color:#FFFFFF;font-size:13px}
tr.odd:hover a{color:#FFFFFF;font-size:13px}

#musicList {
	background: url(../images/music_bg.jpg) top left no-repeat;
	height:166px;
	padding: 20px 20px 0 20px;
	}
#musicList .mnav {
	height:13px;
	}
#musicList .mnav a {
	text-indent: -1000px;
	overflow: hidden;
	float: left;
	text-decoration: none;
	display:block;
	margin: 0 20px 0 0;
	height:13px;	
	}

#musicList .mnav a:hover {
	background-position: 0 -13px;
	}

#content .cheader {
	background: url(/assets/images/cheader_bg.jpg) top left no-repeat;
	padding: 18px 20px 0 20px;
	height:132px;
	}
#content .eheader {
	background: url(/assets/images/eheader_bg.jpg) top left no-repeat;
	padding: 18px 20px 0 20px;
	height:132px;
	}	
#content .gheader {
	background: url(/assets/images/gheader_bg.jpg) top left no-repeat;
	padding: 18px 20px 0 20px;
	height:132px;
	}
#content .lheader {
	background: url(/assets/images/lheader_bg.jpg) top left no-repeat;
	padding: 18px 20px 0 20px;
	height:132px;
	}
#content .mnav a {
	text-indent: -1000px;
	overflow: hidden;
	float: left;
	text-decoration: none;
	display:block;
	margin: 0 20px 0 0;
	height:13px;	
	}

#content .mnav a:hover {
	background-position: 0 -13px;
	}

#mnav_tab1 {
	width: 49px;
	background: url(../images/mnav_waltz.gif);
	}
#mnav_tab2 {
	width: 68px;
	background: url(../images/mnav_foxtrot.gif);
	}
#mnav_tab3 {
	width: 48px;
	background: url(../images/mnav_swing.gif);
	}
#mnav_tab4 {
	width: 50px;
	background: url(../images/mnav_tango.gif);
	}
#mnav_tab5 {
	width: 46px;
	background: url(../images/mnav_faq.gif);
	}
#mnav_tab6 {
	width: 77px;
	background: url(../images/mnav_calendar.gif);
	}
#mnav_tab7 {
	width: 42px;
	background: url(../images/mnav_links.gif);
	}
#mnav_tab8 {
	width: 73px;
	background: url(../images/mnav_location.gif);
	}
#mnav_tab9 {
	width: 113px;
	background: url(../images/mnav_contact_form.gif);
	}


	
#music_list_content a {
	font-size:13px;
	}
#music_list_content .music_list_title {
	background:#7a879a;
	width:682px;
	}
/* Form
-----------------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
	font-size:13px;
	font-family:Times New Roman, Times, serif;
	color:#666;
	
	}
label {
	display: block;
	margin-top: 8px;
	margin-bottom: 2px;
	}
form .error input {
	border:1px solid #5B0508;
	}
form .error label {
	color:#5B0508;
	}
textarea {
	background-color: #F8F7F5;
	}
input, select {
	background-color: #F8F7F5;
	}
form .row {
	padding: 0px 0px 0px 0px;
	zoom: 1.0; /* gives element "layout" in IE.  See: http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp */	
	}
form .row div {
	float: left;
	margin-right: 10px;
	}



/* Footer
-----------------------------------------------------------------------------*/
#footer {
	font-family:"Times New Roman", Times, serif;
	font-size:9pt;
	color:#666666;
	text-align:left;
	background: url(../images/footer_bg.gif) top left no-repeat;
	padding: 20px 0 10px 0;
	clear:both;
	width:950px;
	}
#footer p {
	color:#666666;
	font-size:9pt;
	}
#footer .fleft {
	padding: 0 0 0 20px;
	float:left;
	}
#footer .fright {
	text-align:left;
	clear:both;
	padding: 0 0 0 20px;
	float:left;
	}
#footer a:link, #footer a:visited {
	color:#666666;
	font-size:9pt;
	}
#footer a:hover, #footer a:active {
	color:#666666;
	}

/* SiteMap
-----------------------------------------------------------------------------*/
#sitemap {
	background: transparent url(../images/sitemap_bg.gif) top left no-repeat;
	position:relative;
	height: 450px;
	font-family:"Times New Roman", Times, serif;
	}
#sitemap a:link, #sitemap a:visited {
	color: #000;
	font-size:13px;
	}
#sitemap a:hover, #sitemap a:active {
	text-decoration:none;
	}	
#sitemap .home a {
	background: #dbdee6 url(../images/sitemap_ico03.gif) 0 0 no-repeat;
	color: #1c3166;
	display:block;
	width: 56px!important;
	width: 82px;
	border: 1px solid #d2cad9;
	font-size: 13px;
	font-style:italic;
	padding: 3px 0 3px 26px;
	}
#sitemap .home a:hover {
	background: #1c3166 url(../images/sitemap_ico04.gif) 0 0 no-repeat;
	color:#ffffff;
	text-decoration:none;
	}
#sitemap .manlink a {
	background: #ebeef3 url(../images/sitemap_ico01.gif) 0 0 no-repeat;
	color: #1c3166;
	display:block;
	width: 181px!important;
	width: 207px;
	border: 1px solid #d2cad9;
	font-size: 13px;
	font-style:italic;
	padding: 3px 0 3px 26px;
	}
#sitemap .manlink a:hover {
	background: #1c3166 url(../images/sitemap_ico02.gif) 0 0 no-repeat;
	color:#ffffff;
	text-decoration:none;
	}
#sitemap .sublink a {
	color: #1c3166
	font-size: 13px;
	font-style:italic;
	font-weight:bold;
	}
#sitemap .sublink a:hover {
	text-decoration:none;
	}
#sitemap .link01 {
	position:absolute;
	top: 0px;
	left:0px;
	}
#sitemap .link02 {
	position:absolute;
	top:61px;
	left:60px;
	}
#sitemap .link03 {
	position:absolute;
	top:112px;
	left:60px;
	}
#sitemap .link04 {
	position:absolute;
	top:145px;
	left:105px;
	}
#sitemap .link05 {
	position:absolute;
	top:169px;
	left:105px;
	}
#sitemap .link06 {
	position:absolute;
	top:191px;
	left:105px;
	}
#sitemap .link07 {
	position:absolute;
	top:218px;
	left:60px;
	}

/* Common CSS
-----------------------------------------------------------------------------*/

.body-overlayed embed, .body-overlayed object, .body-overlayed select
{
	visibility:				hidden;
}

#sbox-window embed, #sbox-window object, #sbox-window select
{
	visibility:				visible;
}

#sbox-overlay
{
	position:				absolute;
	background-color:		#000;
}

#sbox-window
{
	position:				absolute;
	background-color:		#fff;
	text-align:				left;
	overflow:				visible;
	padding:				0px;
	-moz-border-radius:		3px;
}

#sbox-btn-close
{
	position:				absolute;
	width:					30px;
	height:					30px;
	right:					-15px;
	top:					-15px;
	background:				url(../images/sbox/closebox.png) no-repeat center;
	border:					none;
}

.sbox-window-ie6 #sbox-btn-close
{
	background-image:		url(../images/sbox/closebox.gifs);
}

.sbox-loading #sbox-content
{
	background-image:		url(../images/sbox/spinner.gif);
	background-repeat:		no-repeat;
	background-position:	center;
}

#sbox-content
{
	clear:					both;
	overflow:				auto;
	background-color:		#fff;
	height:					100%;
	width:					100%;
}

.sbox-content-image#sbox-content
{
	overflow:				visible;
}

#sbox-image
{
	display:				block;
}

.sbox-content-image img
{
	display:				block;
}

.sbox-content-iframe#sbox-content
{
	overflow:				visible;
}




/* faq
-----------------------------------------------------------------------*/
#faq {}
#faq img {
	cursor:pointer;
	}
#faq .question {
	background: url(../images/icon_q.gif) 0 8px no-repeat;
	padding: 6px 0 10px 60px;
	font-weight:bold;
	min-height: 20px;
	_height: 20px;
	}
#faq .question a {
	color: #3b596d;
	cursor:pointer;
	text-decoration:none;
	}
#faq .question a:hover {
	text-decoration:underline;
	cursor:pointer;
	}
#faq .answer {
	background: url(../images/icon_a.gif) 0 18px no-repeat;
	padding: 10px 0 0 60px;
	border-top:1px solid #c2c2c2;
	min-height: 30px;
	_height: 40px;
	display:none;
	}
#faq .clickanswer {
	float: right;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	}
#faq .odd {
	clear:both;
	background-color:#f3f3f3;
	padding: 8px 10px;
	min-height: 26px;
	_height: 26px;
	}
#faq .even {
	clear:both;
	background-color:#FFFFFF;
	padding: 8px 10px;
	min-height: 26px;
	_height: 26px;
	}








/* Common CSS
-----------------------------------------------------------------------------*/
img {
	border: 0;
	}
.right {
	float: right;
	margin: 0 1px 0 0;
	}
.left {
	float: left;
	margin: 0 1px 0 0;
	}
.clear {
	clear: both;
	}
.clearRight {
	clear: right;
	}
.clearLeft {
	clear: left;
	}
.imgLeft {
	float:left;
	margin: 0 20px 15px 0;
	}
.imgRight {
	float: right;
	margin: 0 0px 15px 20px;
	}
.txtCenter {
	text-align:center;
	}
.diviter {
	background: url(/assets/images/diviter.gif) center center no-repeat;
	height:42px;
	}
.txtblue {
	color:#3b596d;
	}
.inheader {
	padding: 0 0 10px 0;
	}
.ical {
	float:none;
	}