/* global styles */

* {margin:0;
padding:0; }

body {background-color: #FFFAB2;}

p {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 75%;}

h1 { font-family:"Times New Roman", Times, serif; 
font-size: 16px;}
h2 { font-family:"Times New Roman", Times, serif; 
font-size: 16px;}
h4 {font: italic normal 20pt script MT bold;
letter-spacing: 1px;
color: gray;
}

/* divs */

/* Contact.html */

div#contact_Container {background-color: #ffffff;
z-index: 900;
}

div#ContactList {position:absolute;
top:375px;
left: 104px;
z-index: 400;
background-color: #FFFAB2;
border: 2px solid #666666;
width: 500px;
padding: 20px 0 7px 50px;
}

div#ContactList li {list-style-type:none;
display:inline;
}

li#one {border-right: 2px solid #666666;
padding: 0 15px 0 0;
}

li#two {padding: 0 0 0 25px;
}

#ContactH{position:absolute;
left:100px;
top:250px;
z-index:90;
border-bottom: 2px solid #FFFAB2;
padding: 5px 0 5px 0;
}

#ContactText{ position:absolute;
left:103px;
top:325px;
z-index:100;
}

div#ContactText p {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
}

div#homeButton{position:absolute;
left:50px;
top:152px;
z-index:120;
font-family:"Times New Roman", Times, serif;
font-size: 12px;
}

#weddings{position:absolute;
left:300px;
top:104px;
z-index:60;
}


/* ------------------ End Contact.html ------------------- */



/* ------------------ Dance Styles ------------------- */



div#ball {position:absolute;
top: 250px;
left: 75px;
z-index: 620;
}

div#swing {position:absolute;
top:250px; 
left:500px;
z-index: 605;
}

div#Lat {position:absolute;
top:250px;
left:350px;
z-index: 600; 
}

div#OtherDance {position:absolute;
top:250px;
left:550px;
z-index: 610;
}





/* ------------------ Lessons ------------------- */
#text{position:absolute;
top:230px;
left:90px;
width:650px;
z-index:90;
}

#text p {padding: 3px 20px 3px 20px;
background-color:#ffffff;
border: 1px solid #666666;
}

p#p2 {background-color: #FFFAB2;
}

p#p3 {background-color: #FFFAB2;

}

p#p4 {background-color: #FFFAB2;

}

p#p5 {background-color: #FFFAB2;

}

p#p6 {background-color: #FFFAB2;
}

#DS{position:absolute;
left:700px;
top:104px;
z-index:80;
}


#weddings{position:absolute;
left:300px;
top:104px;
z-index:60;
}

/* ------------------ End Lessons ------------------- */


/* Weddings.html */
div#Intro_1 { position:absolute;
left:60px;
top:195px;
z-index: 200;
font: italic normal 18pt script MT bold;
letter-spacing: 1px;
color: #fff;
}

div#Intro_2 { position:absolute;
left:190px;
top:223px;
z-index: 205;
font: italic normal 20pt script MT bold;
letter-spacing: 1px;
color: #fff;
}

div#Intro_3 { position:absolute;
left:315px;
top:260px;
z-index: 210;
font: italic normal 22pt script MT bold;
letter-spacing: 1px;
color: #fff;
}

div#Weddings_Main {position: absolute;
top: 300px;
left: 85px;
z-index:300;
width: 525px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}

div#Wedding_List {position: absolute;
top: 425px;
left: 120px;
z-index:305;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}

div#Wedding_List p {color: #000;}

div#Wedding_Tertiary {position: absolute;
top: 515px;
left: 85px;
z-index: 315;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
width: 525px;
}

div#Wedding_List li {list-style-type:circle ;
color: #000;
font-weight: bold;
padding: 1px 1px;
}

div#Wedding_List ul {border-top: 1px solid yellow;
border-bottom: 1px solid yellow;
padding: 5px 5px;
margin: 0 0 0 15px;
}



/* -------------- End Weddings.html -------------------------------*/


div#ptext {position: absolute;
top: 539px;
left: 600px;
z-index: 900;
}


div#next1 {padding: 0 15px 0 0 ;
}

div#next2 {padding: 0 15px 0 0 ;
}

div#next3 {padding: 0 15px 0 0 ;
}

div#next4 {padding: 0 15px 0 0 ;
}

div#next5 {padding: 0 15px 0 0 ;
}

div#next6 {padding: 0 15px 0 0 ;
}


div#Set2ContentHeader {position: absolute;
top: 242px;
left: 30px;
padding: 15px 0 0;
z-index: 200;
}

div#Awards{position:absolute;
top:80px;
left:55px;
width:455px;
visibility:hidden;
z-index: 100;
}

div#set1_Awards {position:absolute;
top: 105px;
left: 5px;
padding: 0 0 0 25px;
width:330px;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 0.75em;
border: 1px solid $666666;
background-color: #FFF;
}
div#set2_Awards {position:absolute;
top: 280px;
left: 15px;
width:250px;
padding: 0 0 0 15px;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 0.68em;
}

div#set2_Awards_Sub {position:absolute;
top: 280px;
left: 275px;
width: 200px;
padding: 0 0 0 15px;
margin: 0;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 0.68em;
}



div#BioLink{position:absolute;
left:570px;
top:195px; 
z-index: 100;
padding: 0 30px 0 0;
margin: 0; 
text-decoration: underline;
color: #FFFAB2;
}

div#BioLink a:hover {color: #FFFAB2;
}

div#AwardLink{position:absolute;
left:655px;
top:195px; 
z-index:50;
text-decoration: underline;
color: #FFFAB2;
}

div#AwardLink a:hover  {color: #FFFAB2;
}


div#Content_Bio{position:absolute;
padding-top: 5px;
left:45px;
top:160px;
z-index:100;
visibility:visible;
margin:20px 20px;
} 

div#Content_Main{position:absolute;
top:15px;
left:5px;
width:430px;

}
div#Content_Sub{position:absolute;
top:210px;
left: 2px;
width:430px;
border: 1px solid $666666;
background-color: #FFFAB2; 
padding: 10px 10px; 
}

div#Content_tertiary{position: absolute;
top: 310px;
left: 5px;
width:430px;
}

div#quote {position: absolute;
top: 411px;
left: 170px;
}

#ContentList1 {position: absolute;
top: 125px;
left: 10px;
padding: 0 0 0 15px;
font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.68em;
}

#ContentList2 {position: absolute;
padding-left: 65px;
width:225px;
top: 125px;
left: 175px;
font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.68em;
font-weight:normal;
}



/* non-interactive (images etc..) */

div#bg{position:absolute;
left:25px;
top:25px; 
z-index:1;
}

div#logo{position:absolute;
left:35px;
top:28px; 
z-index:10;
}

div#monica{position:absolute;
left:500px;
top:35px; 
z-index:15;
}

div#bar{position:absolute;
left:25px;
top:120px; 
z-index:50;
}



/* Primary Navigation */
div#Weddings {position: absolute;
top: 104px;
left: 300px;
z-index: 190;
}


div#bio{position:absolute;
left:403px;
top:104px; 
z-index:150;
}
div#contact{position:absolute;
left:506px;
top:104px; 
z-index:160;
}
div#lessons{position:absolute;
left:605px;
top:104px; 
z-index:170;
}
div#DS{position:absolute;
left:700px;
top:104px; 
z-index:180;
}


/* HOME PAGE STYLES */
div#Header {position: absolute; 
left: 40px; 
top:180px; 
z-index: 200; 
}

div#Header p {
font-family:"Times New Roman", Times, serif;
color:#fff;
text-align: center;
font-weight:bold;
font-size: 1.5em;
padding:0 0 15px 0;
width: 450px;
}

div#SubHeader {position: absolute; 
left:62px; 
top:250px; 
z-index: 100;
margin-top:15px;
}

div#SubHeader p {font-family:"Times New Roman", Times, serif;
font-size: 16px;
width:410px; 
text-align: center;
border-bottom: 1px solid yellow;
border-top: 1px solid yellow;
padding: 5px 0 5px 0;
margin: 13px 0;
}

div#HeaderSub {position: absolute;
top: 230px;
left: 140px;
z-index: 115;
border: 1px solid #666666;
background-color: #FFFAB2;
padding: 5px 5px; 
margin: 8px 0 0 0;

}

div#HeaderSub p {font: italic normal 8pt script MT bold;
letter-spacing: 1px;
color: #666666;
}

#SubHeader2 {position: absolute; 
left:60px; 
top:305px; 
z-index: 100;
margin-top: 15px;
}

#SubHeader2 p {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width:415px; 
text-align:justify;
z-index: 105;
}

div#list {position: absolute; 
left:110px; 
top:355px;  
width:320px;
z-index: 110;
margin-top:15px; 
}

div#list ul {list-style-type:circle;
padding: 2px 0 2px 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

div#list li {padding: 3px 0 3px 0;
}

#End {position: 
absolute; 
left:60px; 
top:510px; 
z-index: 110;
}

#End p {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width:415px; 
text-align:justify;
}


div#BioText2{position:absolute;
top:290px;
left:125px;
}

div#photosText {position: absolute;
top: 300px;
left: 400px;
}

/* index.html */

div#homelist {position: absolute;
top: 200px;
left: 200px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

/* dancestyles.html */

div#ball {position:absolute; 
top: 250px;
left: 65px;
}

div#Swing {position:absolute;
top: 250px;
left: 265px;
}

div#Lat {position:absolute;
top: 250px;
left: 465px;
}

div#Soc{position:absolute;
top: 250px;
left: 660px;
z-index: 200;
}
div#Soc p, div#Lat p, div#Swing p, div#ball p {border-bottom: 1px solid #ffffff;
padding: 0 0 5px 0;
}

li#ball_one, li#Swing_one, li#ball_five, li#latin_one, li#latin_five, li#soc_one  {background-color: #FFFAB2;
width: 125px;
padding: 0 0 0 3px;
}

li#ball_two, li#ball_four, li#Swing_two, li#latin_two, li#latin_four, li#latin_six, li#soc_two {
padding: 0 0 0 3px;
}


li#ball_three, li#Swing_three, li#latin_three, li#soc_three  {background-color: #ffffff;
width: 125px;
padding: 0 0 0 3px;
}



/* div specific */

div#Ballroom li {list-style-type: circle;
paddding: 25px 0 0 0;
margin: 10px;
}

div#Ballroom ul {
padding: 20px 150px 10px 0;
}

div#WelcomeText h1 {font-family:"Times New Roman", Times, serif;
font-size: 24px;
}

div#ContactH h1 {font-style:italic;
}

div#set2_Awards_Sub li {list-style-type: circle;
}

div#set2_Awards h2 {text-align: center;
margin-top: 20px;
}

div#set2_Awards li {list-style-type: circle;
padding:3px 0 3px 0;
}

div#set1_Awards li {list-style-type: circle;
padding: 5px 0;
}

div#set1_Awards h2 {padding-top: 5px;
}



div#next1, div#next2, div#next3, div#next4, a {text-decoration:none;}
div#back1, div#back2, div#back3, div#back4, a {text-decoration:none;}

div#next1, div#next2, div#next3, div#next4, a:hover {color:#FFFAB2;}
div#back1, div#back2, div#back3, div#back4, a:hover {color:#FFFAB2;}

div#ContentList1 li {padding: 1.5px 1.5px;
list-style-type: circle;}

div#ContentList2 li {padding: 1.5px 1.5px;
list-style-type: circle;}



div#WelcomeText {color:#fff;}

div#homeButton a:hover {color: #5069AC;
}





/* classes */
.p {

        font: 10pt/16pt georgia;

        text-align: justify;

        color: white;

        letter-spacing:-0.1px;

        line-height:15px;

        padding-top:0;

        

}

.p3 {

        font: 8pt georgia;

        text-align: justify;

        color: white;

        letter-spacing:-0.1px;

      

        

}



.p2 {

        font: 10pt/16pt georgia;

        text-align: justify;

        letter-spacing:-0.1px;

        line-height:15px;

        margin-bottom: 0px;

        color: #000;

        

}






.h3 {

        font: italic normal 14pt georgia;

        letter-spacing: 1px;

        margin-bottom: 0px;

        color: gray;

        }

.h2 {

        font: italic normal 10pt georgia;

        letter-spacing: 1px;

        line-height:15px;

        color: gray;

        }



.emphasis {

               font-weight:bold;

               color: white;

}

.yellow1 {color: yellow;
font-size:18px;
}

.yellow2 {color: yellow;
font-size:20px;
}

.yellow3 {color: yellow;
font-size:24px;
}

.bold {font-weight: bold;
}


a:link {

        font-weight: bold;
		color:#666666;
		border-bottom: #666;
}


a:visited {

        font-weight: bold;
		color: #666;
}


a:active {color: yellow;
}

.h4 {font: italic normal 20pt script MT bold;
letter-spacing: 1px;
color: gray;
}

.h4_photos {font: italic normal 16pt script MT bold;
letter-spacing: 1px;
color: gray;
}