h1 {font-family:Arial Narrow; font-size:18pt; color;#3B79B4; text-decoration:none; text-align:left}

h2 {color: #FFFFFF; font-size:14px; line-height: 15px;font-weight: bold; border: 1px solid #ccc;letter-spacing: 0.1pt; margin: 15px 0px 15px 0px; padding: 4px; background: #000000; border: 0px}

#header2 {color: #FFFFFF; font-size:14px; line-height: 15px;font-weight: bold; border: 1px solid #ccc;letter-spacing: 0.1pt; margin: 15px 0px 15px 0px; padding: 4px; background: #000000; border: 0px}

.header3 {color: #FFFFFF; font-size:14px; line-height: 15px;font-weight: bold; border: 1px solid #ccc;letter-spacing: 0.1pt; margin: 15px 0px 15px 0px; padding: 4px; background: #000000; border: 0px}

.quote {font-family:Arial Narrow; font-size:11pt; color=#A8A9A9; text-decoration:none; text-align:left; font-style:italic}

body {
    margin: 3px auto;
    padding: 3px;
    text-align: center;	
    background-image: url('http://www.nutsaboutdance.com/images/brushed-metal.jpg');
    background-repeat: repeat;
}

     
#container {
      position:relative;
      top:0px;
      width:1008px;
      margin: 0 auto;
      text-align: left;  	
	  height:1500px;
	  background-color: #FFFFFF;
      }

#container a {
	font-family: Arial, sans-serif;
	font-size: 10pt;
      }
   
#dancing-text {
    position:absolute;
	top:50px;
	left:227px;
	width:515px;
	height:512px;
	padding:0px;
	z-index:1;
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-right:30px;
}	
#dancing-text a {
	font-family: Arial, sans-serif;
    text-decoration:none;
	font-size: 14px;
	color: #3B79B4;
	font-weight:bold;
      }
#dancing-text a:hover {font-style:italic; text-decoration:none}  

.contact-text {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
}	

#dancing-classes {
        position:relative;
	width:195px;
	top:19px;
	height:1000px;
	height:800px;
	left:0px;
	background-image: url(/images/menus/classes.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px;
	z-index:0;
	voice-family: "";
	margin-left:11px;
}

#form{
    position: absolute; 
    width: 100px; 
    height: 300px; 
    z-index: 2;  
    top:300px; 
    left:810px;
}
	
.inputField {
    font-size: 9pt;
    margin-bottom: 15px;
    margin-top: 3px;
    width: 156px;
}
    
.contactForm {font-family:Arial; font-size:10pt; color:#000000; text-decoration:none; font-weight:bold; text-align:left}
.menuContact {font-family:Arial; font-size:9pt; color:#FFFFFF; text-decoration:none; text-align:left}

#bullet-points {font-family:Arial; font-size:9pt; color:#000000; text-decoration:none; text-align:left; padding-bottom:15px;}
#bullet-points a {font-family:Arial; font-size:9pt; color:#000000; text-decoration:none; text-align:left; padding-bottom:15px;}
#bullet-points li {font-family:Arial; font-size:9pt; color:#000000; text-decoration:none; text-align:left; padding-bottom:15px;}

#contact{position:relative; left:8px; top:65px}


#dancing-links {position:absolute; width: 420px; height: 29px; z-index: 4; left: 660px; top: -35px; float:left; color:#FFFFFF;}
#dancing-links a {font-family:Arial; font-size:10pt; color:#FFFFFF; font-weight:bold; text-decoration:none}

#dance-options {position:absolute; width: 165px; height: 520px; z-index: 2; left: 35px; top:71px; float:left}
#dance-options a {font-family:Arial; font-size:17px; color:#FFFFFF; text-decoration:none; line-height: 220%; font-style:italic}
#dance-options a:hover {text-decoration:none}


#dancing-right {
    position:absolute;
	width:260px;
	top:20px;
	height:700px;
	left:798px;
	background-image: url(/images/menus/right-menu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px;
	z-index:0;
	voice-family: "";
}

#dancing-right-simple {
    position:absolute;
	width:260px;
	top:20px;
	height:600px;
	left:798px;
	background-image: url(/images/menus/right-menu-simple.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px;
	z-index:0;
	voice-family: "";
}

#dancing-info {position:absolute; width: 250px; height: 1000px; z-index: 2; left:15px; top:50px; float:left}
#dancing-info a {font-family:Arial; font-size:17px; color:#FFFFFF; text-decoration:none; line-height: 220%; font-style:italic}

#banner {
    border: 1px solid #CCCCCC;
    padding: 1px 1px 15px;
    position:absolute !important;
    width:980px; 
    height: 11px; 
    z-index: 9; 
    left:12px;
    top:-19px;
    background-image: url(/images/dancer-marquee-background.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	list-style: none outside none;
}

.banner {font-family: Arial,sans-serif; font-family: Arial Narrow; 
          font-size: 17px; padding-left:21px; margin: 0 auto;
          color: #000000; font-weight: bold; display:none;}
    
    
#dance-footer {
    left: 0;
    margin-top: 12px;
    position: relative;
}

#footer{text-align:center; margin:0 auto; position:relative; height:50px; z-index:1}

.dance-header{left:0px; margin-bottom:10px}

.style1 {font-family:Ravie; font-size:11pt; color=#000000; font-weight:bold; text-decoration:none}
.style2 {font-family:Castellar; font-size:16pt; color=#000000; font-weight:bold; text-decoration:none}
.style3 {font-family:Bauhaus 93; font-size:15pt; color=#000000; font-weight:bold; text-decoration:none}
.style4 {font-family:Brush Script MT; font-size:22pt; color=#000000; font-weight:bold; text-decoration:none}
.style5 {font-family:Lucida Fax; font-size:16pt; color=#000000; font-weight:bold; text-decoration:none; font-style:italic}
.Burlesque {font-family:Algerian; font-size:14pt; color=#000000; font-weight:bold; text-decoration:none}
.dirtyFont {font-family:Viner Hand ITC; font-size:13pt; color=#A809B2; font-weight:bold; text-decoration:none}
.special {font-family:Lucida Fax; font-size:10pt; color=#000000; font-weight:bold; text-decoration:none; font-style:italic}


/* used on forms to block spam */
#human {
visibility:hidden;
display:none;
}

.footer-text {
    color: #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 11px;
    position: relative;
    text-decoration: none;
    top: -74px;
}

.footer-text a {
    color: #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

.footer-text a:hover {
    color: #898686;
    font-family: Arial,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

.social-links {   
    position:relative; left:-10px; top:10px; border:0px; margin-right:-4px;
      }
      
.faq-links {text-align: left; line-height:180%;}

#faq {
    position:absolute;
	top:50px;
	left:227px;
	width:515px;
	height:512px;
	padding:0px;
	z-index:1;
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-right:30px;
}	
#faq a {
	font-family: Arial, sans-serif;
    text-decoration:none;
	font-size: 12px;
	color: #3B79B4;
	font-weight:bold;
      }
#faq a:hover {font-style:italic; text-decoration:none}  

