body {
background-color: #000000;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
background-image: url(Assets/Background.gif);
background-repeat: repeat-y;
margin: 0em;
 }

p {
font-size: .7em;
line-height: 1.4em;
 }

p.caption {text-align: center;
padding-left: 5px;
padding-bottom: 5px;
margin-top: 3px;
 }

p.center {
text-align: center;
padding-left: 5px;
 }

p.point6 {
font-size: .6em;
 }

/*The headers are completely separated from the rest of the content.*/

#header {
padding-top: 10px;
margin-bottom: 20px;
position: relative;
width: 780px;
text-align: center;
 }

#header-200 {
padding-top: 10px;
margin-left: 200px;
margin-bottom: 20px;
 }

#header-350 {
padding-top: 10px;
margin-left: 350px;
margin-bottom: 20px;
 }

#header-300 {
padding-top: 10px;
margin-left: 300px;
margin-bottom: 20px;
 }

img {}

/*All content except for the headers is within these containers.*/

#content-685 {
	position: relative;
	width: 685px;
}

#content-780{
position: relative;
width: 780px;
 }

#content-840 {
position: relative;
width: 840px;
 }

/*This container is unique to Marcos' column on the classes page.*/

#content-classes-Marcos {
position: absolute;
width: 240px;
left: 455px;
top: 0px;
 }

/*The nav bar is set up as an unordered list positioned at the top left
of the content container.*/

#navbar {
	position: absolute;
	padding: 0em;
	width: 75px;
	color: #000000;
 background-color: #ff0000;
	display: block;
	font-size: .6em;
	top: 0em;
 left: 9px;
 }

#navbar ul li {
text-decoration: none;
list-style-type: none;
margin: 0em;
padding-bottom: 20px;
 }

#navbar ul {
margin: 0em;
padding: 0em;
 }

#navbar ul li a:link, #navbar ul li a:visited {
text-decoration: none;
color: #000000;
display: block;
background-color: #ff0000;
 }

#navbar ul li a:hover {
color: #ff0000;
background-color: #000000;
 }

ul {
 }

li {
 }

#picture-float-l {
float: left;
padding-bottom: 0px;
padding-right: 20px;
}

#picture-audio {
margin-left: 175px;
padding-bottom: 20px;
 }

#picture-cf {
margin-left: 225px;
 }

#picture-index {
text-align: center;
 }

/*This container holds the pictures and all text
on the Pena page.*/

#picture-lapena-container{
margin-left: 175px;
margin-right: 105px;
 }

#picture-lapena-christina {
z-index: 10;
margin-left: 0px;
position: relative;
 }

#picture-lapena-fans {
position: absolute;
left: 250px;
z-index: 5;
top: 100px;
 }

#picture-lapena-palmascolor {
position: absolute;
top: 267px;
left: 528px;
z-index: 5;
 }

#picture-lapena-students{
 }

#picture-classes-Marcos {
position: relative;
padding-bottom: 10px;
width: 240px;
left: 0px;
top: 0px;
 }

#picture-classes-Rubina {
position: relative;
padding-bottom: 10px;
width: 240px;
left:175px;
top: 0px
 }

/*Text numbers refer to margins within the container.
Text-blocks are for specialized sectons on the relevant page.*/

#text-main {
margin-top: 0em;
}

#text-main-175 {
margin-top: 0em;
margin-left: 175px;
}

#text-main-200 {
margin-top: 0em;
margin-left: 200px;
}

#text-block-audio {
left: 475px;
position: absolute;
top: 0px;
padding: 0em;
 }

#text-main-audio {
margin-top: 0em;
margin-left: 175px;
font-size: .7em;
line-height: 1.4em;
 }

#text-main-calendar {
margin-top: 0em;
margin-left: 200px;
font-size: .7em;
line-height: 1.4em; 
}

#text-main-classes-Marcos {
width: 240px;
position: absolute;
 }

#text-main-classes-Marcos p {
font-size: .6em;
 }

#text-main-classes-Rubina {
margin-left: 175px;
width: 240px;
 }

#text-main-classes-Rubina p {
font-size: .6em;
 }

#text-main-lapena {
margin-top: 250px;
margin-left: 0px;
 }

#text-block-lapena-lower {
position: absolute;
left: 251px;
top: 325px;
width: 245px;
z-index: 20;
 }

#text-block-lapena-upper {
position: absolute;
left: 303px;
top: 5px;
width: 245px;
z-index: 20; }

#text-block-workshops {
margin-left: 145px;
margin-right: 130px;
 }

/*The row is used on the audio and calendar pages.*/

div.row {padding-top: 5px;
text-align: left;
}

/*The spans are used to organize tabular-type content,
such as playlists, schedules, and months.*/

span.audio-left {
float: left;
width: 245px;
 }

span.audio-center-left {
float: left;
width: 70px;
 }

span.audio-center-right {
float: left;
width: 125px;
}

span.calendar-month {
float: left;
width: 150px;
 }

span.calendar-day {
float: left;
width: 335px;
font-size: .7em;
 }

span.calendar-year {
float: left;
width: 50px;
}

span.month-col-one {
float: left;
width: 65px;
 }

span.month-col-two {
float: left;
width: 70px;
 }

span.month-col-three {
float: left;
width: 80px;
 }

span.month-col-four {
float:left;
width: 65px;
 }

span.month-col-five {
float: left;
width: 80px;
 }

p.calendar-text {
margin-left: 172px; }

span.classes-day {
float: left;
width: 60px; }

span.classes-time {
float: left;
width: 60px;
 }

span.classes-level {
float: left;
width: 120px;
 }

span.lapena-dancers {
float: left;
width: 185px;
height: 234px;
 }

span.lapena-dancers-wide-r {
float: left;
width: 300px;
 }

span.workshops-day {
float: left;
width: 160px;
 }

span.workshops-time {
float: left;
width: 120px;
 }

span.workshops-level {
float: left;
}

a:link {
color: #00ffff;
background-color: #000000; }

a:visited {
color: #cc3333;
background-color: #000000; }

a:hover {
color: #000000;
background-color: #ff0000; }

a:active {}

h1 {
font-size: 2.0em;
font-weight: normal;
font-style: normal;
margin-top: 0em;
padding-top: 15px;
padding-bottom: 15px;
text-align: center; }

h3 {
font-size: 1.2em;
font-weight: normal;
font-style: normal;
margin-top: 0em;
 }

h4 {
font-size: 1.2em;
font-weight: normal;
font-style: normal;
padding-top: 0px;
margin-top: 0em;
text-align: center; }