body,
html {
  margin:0;
  padding:0;
  height:100%;
  background-color: #ffffff;
  background-image: url(/images/gradient.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-attachment: fixed;
  color:#00000;
  font-family: arial,helvetica,sans-serif;
  font-size: 1.0em;
}

a:link { color: #7a207c; text-decoration: none; }
a:visited { color: #7a207c; text-decoration: none; }
a:hover { color: #f52887; text-decoration: none; }
a:active { color: #f52887; text-decoration: none; }

#image-container {
  margin:0 auto;
}
#container {
  margin:0 auto;
  min-height:100%;
  min-width:800px;
  max-width:1024px;
}
#header {
  allowtransparency: "true";
  padding:10px;
  text-align: center;
}
#body {
  margin:0;
  padding:0;
  padding-bottom:96px;   /* Height of the footer */
  width:100%;
}
#footer {
 bottom:0;
 height:96px;   /* Height of the footer */
 width: 100%;
 text-align: center;
 font-size: 0.6em;
}

#nav {
    float: center;
    font-weight: bolder;
    }
#side-bar {
    float: left;
    width:25%;
    }
#main {
  position: relative;
  color: #000000;
  text-align:justify;
  width: 800px;
  margin:0 auto;
    }
#biomain {
  position: relative;
  color: #000000;
  text-align:justify;
  width: 80%;
  margin:0 auto;
    }
.date {
    color: #a0a0f0;
    text-align: center;
    font-style: italic;
    clear: both;
    }
#repertory {
    color: #5a3aca;
    text-align: center;
    clear: both;
    top: 
    }
.rep_title {
    color: #5a3aca;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    }
img.floatPoster { 
    float: center; 
    margin: 4px; 
    border: 0;
}
img.floatCenter { 
    float: center; 
    margin: 4px; 
    border: 0;
    margin-right: auto;
    margin-left: auto;
}
img.floatLeft { 
    float: left; 
    margin: 0 4em 0 0; 
}
img.floatRight { 
    float: right; 
    margin: 0 0 0 4em; 
}
img.logoprt {
    float: absolute;
    top: 0px;
    left: 0px;
}
#sidebar {
    float:left;
    width:19%;
    border: 1px yellow solid; 
    }
#sideitem {
    line-height:50px;
    }
#prtmain {
    position:absolute;
    color: #000000;
    margin-bottom:10px;
    text-align:left;
    top: 136px;
    min-height: 300px;
    }
img.dancer_nav { 
    border-style: none;
}
#dancer_nav {
    float: left;
    color: #505050;
    margin-top:10px;
    margin-bottom:10px;
    margin-right:2em;
    text-align:center;
    width: 20%;
    height: 100%;
    background-color: gray;
    }

#sddm {
	width: 800px;
        left: 50%;
	margin: 0 0 0 -400px;
	padding: 0;
	position: relative;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background: grey;
	font: bold 0.8em arial}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 0px 0px;
	width: 100px;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: #2875DE;
		background: #444555;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}
#myGallery
{
        text-align: left;
        margin: 0 auto;
}

#facebook-link {
    text-indent: 24px;
    background: url(/images/icons/FaceBook-24x24.png)
    no-repeat;
    position: absolute;
    bottom: 0px;
    right: 0px;
}