body {
	background:;
	background-color: #122f73;
	
	 
	}

#header1 {
	background-image: url(images/vivaflamenco.gif);
; height: 130px; width: 500px; left: 30%; top: 10px; clip:                   rect(   ); background-repeat: no-repeat
; position: absolute; visibility: visible
}


#header { background-image: url(images/flamenco3.jpg);  background-repeat: no-repeat;    height: 194px;  width: 500px;          ; top: 260px; clip:                              rect(   ); position: absolute; visibility: visible; left: 240px}



#navleftside {
	border: #ADD8E6 solid;
	width: 118px;
	margin-top: 60px;
	display: block;
	list-style: inside;
	list-style-type: circle;
	;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-width: 1px 1px 5px;
	clip:                    rect(   );
	top: 85px;
	position: absolute;
	visibility: visible;
	left: 15px;
	height: 248px;
}

.navlink a {font-family: Arial, Helvetica, sans-serif;  font-size: x-small;  font-style: normal;  font-weight: bold;  text-decoration: none;  color: Yellow; 
		
}

.navlink a:hover { font-family: Arial, Helvetica, sans-serif;  font-size: x-small;  color: Red;   ; text-decoration: underline}

#maincontent {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #FFFFFF; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; left: 230px; top: 125px; clip:                  rect(   ); border: #FFFFFF none; position: absolute; visibility: visible; text-align: left; width: 55%}
#anigif {  background-image: url(images/vivani.gif); background-repeat: no-repeat; position: absolute; visibility: visible; left: 80%; top: 130px; clip:          rect(   ); height: 298px; width: 129px; background-position: center top}
#details {  background-image: url(images/details.gif); background-repeat: no-repeat; position: absolute; visibility: visible; height: 80px; width: 160px; left: 12px; top: 356px; clip:               rect(   )}
#copyright {  position: absolute; visibility: visible; height: 30px; width: 200px; left: 70%; top: 535px; clip:                rect(   ); background-image: url(images/copyright.gif); background-repeat: no-repeat}
#usefulllink {  width: 240px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border: #66CCFF solid; position: absolute; visibility: visible; left: 400px; top: 150px; clip:       rect(   ); list-style-position: inside; list-style-type: circle; border-width: 3px 3px 5px}
.usefulllink a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #FFFFFF; font-style: normal; text-decoration: none}
.usefulllink a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #FFFF00; ; text-decoration: underline ; font-style: normal}
#aboutus {  position: absolute; visibility: visible; height: 300px; width: 160px; left: 200px; top: 150px; clip:     rect(   ); background-image: url(images/aboutus.gif); background-repeat: no-repeat}
#reviews {  background-image: url(images/reviews.jpg); position: absolute; visibility: visible; height: 300px; width: 170px; clip:         rect(   ); left: 190px; top: 150px; background-repeat: no-repeat}
#classes {  background-image: url(images/workshops.gif); background-repeat: no-repeat; height: 400px; width: 300px; clip:      rect(   ); position: absolute; visibility: visible; left: 200px; top: 120px}
#aboutuscontent { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #FFFFFF; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; left: 362px; top: 150px; clip:            rect(   ); border: #FFFFFF none; position: absolute; visibility: visible; text-align: left; width: 52%}
#reviewscontents { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #FFFFFF; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; left: 360px; top: 150px; clip:    rect(   ); border: #FFFFFF none; position: absolute; visibility: visible; text-align: left; width: 55% }
#photogal { position: absolute; visibility: visible; height: 300px; width: 160px; left: 200px; top: 150px; clip: rect( ); background-image: url(images/photogallery.gif); background-repeat: no-repeat }
#classescont { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #FFFFFF; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; left: 520px; top: 115px; clip:      rect(   ); border: #FFFFFF none; position: absolute; visibility: visible; text-align: left; width: 35%}
#johnr { position: absolute; visibility: visible; height: 300px; width: 160px; left: 200px; top: 150px; clip: rect( ); background-image: url(images/johnr.gif); background-repeat: no-repeat }
#contactus { position: absolute; visibility: visible; height: 300px; width: 160px; left: 200px; top: 150px; clip: rect( ); background-image: url(images/contactus.gif); background-repeat: no-repeat }
#juani { position: absolute; visibility: visible; height: 300px; width: 160px; left: 200px; top: 150px; clip: rect( ); background-image: url(images/juani.gif); background-repeat: no-repeat }
#contactuscont { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #FFFFFF; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; left: 415px; top: 200px; clip:    rect(   ); border: #FFFFFF none; position: absolute; visibility: visible; text-align: left; width: 35% }
#gworkshop { position: absolute; visibility: visible; height: 350px; width: 400px; left: 400px; top: 320px; clip:    rect(   ); background-image: url(images/gworkshop.gif); background-repeat: no-repeat }
#toreros { position: absolute; visibility: visible; height: 255px; width: 159px; left: 180px; top: 150px; clip:    rect(   ); background-image: url(images/toreros.gif); background-repeat: no-repeat }
#olympia { background-repeat: no-repeat; height: 300px; width: 300px; clip:   rect(   ); position: absolute; visibility: visible; left: 380px; top: 250px}
#news { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #FFFFFF; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; left: 612px; top: 110px; border: #FFFFFF none; position: absolute; visibility: visible; text-align: left; width: 20%}
#design { position: absolute; visibility: visible; height: 30px; width: 350px; left: 10px; top: 535px; clip:  rect(   ); background-image: url(images/design.jpg); background-repeat: no-repeat }
#patio { background-repeat: no-repeat; height: 105px; width: 172px; clip:                                           rect(   ); position: absolute; visibility: visible; left: 180px; top: 395px}
#me { position: absolute; visibility: visible; height: 20px; width: 200px; left: 8%; top: 532px; clip:     rect(   ); background-repeat: no-repeat }
#links { position: absolute; visibility: visible; height: 300px; width: 160px; left: 200px; top: 150px; clip: rect( ); background-image: url(images/girldancer.jpg); background-repeat: no-repeat }
#underconns {  background-image: url(images/uc_new19.gif); background-repeat: no-repeat; height: 50px; width: 50px; left: 450px; top: 250px; clip:     rect(   ); position: absolute; visibility: visible}
#guitar { background-image: url(images/guitar.jpg); position: absolute; visibility: visible; height: 250px; width: 120px; clip:  rect(   ); left: 190px; top: 150px; background-repeat: no-repeat }
#guitarcont { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #FFFFFF; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; left: 340px; top: 150px; clip:        rect(   ); border: #FFFFFF none; position: absolute; visibility: visible; text-align: left; width: 53%}
#underconns2 { background-image: url(images/underconns.swf); background-repeat: no-repeat; height: 50px; width: 50px; left: 450px; top: 200px; clip:  rect(   ); position: absolute; visibility: visible }
#students { background-image: url(images/students.jpg); ; height: 160px; width: 700px; left: 20%; top: 395px; clip:    rect(   ); background-repeat: no-repeat ; position: absolute; visibility: visible }
#newsupdate { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #FFFFFF; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; left: 630px; top: 130px; border: #FFFFFF none; position: absolute; visibility: visible; text-align: left; width: 230px; height: 250px}
#logo { background-image: url(images/logo.jpg); ; height: 130px; width: 500px; left: 30%; top: 10px; clip: rect( ); background-repeat: no-repeat ; position: absolute; visibility: visible }
#nec04 { position: absolute; visibility: visible; height: 350px; width: 250px; left: 345px; top: 150px; clip:       rect(   ); background-image: url(images/newolympia.gif); background-repeat: no-repeat }
#dancegirls { background-image: url(images/threedancers.jpg); background-repeat: no-repeat; height: 353px; width: 500px; clip:        rect(   ); position: absolute; visibility: visible; left: 300px; top: 150px}
#lola { background-image: url(images/lola_rueda.jpg); background-repeat: no-repeat; height: 522px; width: 299px; clip:     rect(   ); position: absolute; visibility: visible; left: 380px; top: 125px}
#three2 { background-image: url(images/threedancers2.jpg); background-repeat: no-repeat; height: 390px; width: 300px; clip:     rect(   ); position: absolute; visibility: visible; left: 350px; top: 120px}
#masterclass { background-image: url(images/masterclass1.jpg); background-repeat: no-repeat; height: 400px; width: 505px; clip:         rect(   ); position: absolute; visibility: visible; left: 260px; top: 125px }
#lostoreros { background-repeat: no-repeat; height: 400px; width: 505px; clip: rect( ); position: absolute; visibility: visible; left: 260px; top: 125px }