/* CSS Document */

/* ---------------------------------------------------------------- elements */

html {
  height: 101%; /* prevent scrollbar jumping in firefox */
}

* {
	margin: 0;
	padding: 0;
}

body {
	background-color:#AD6205;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%; /* prevent extreme font resizing in IE */
	text-align: center;
	color:#FFF;
}

img {border:0;}

.clear {
  clear: both;
}

br.clear {
  font-size: .01em;  /* remove space below clearing br tags in IE5 */
}

/* ---------------------------------------------------------------- container */

#container {
	width:798px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	border-left:1px dotted #C3A0A1;
	border-right:1px dotted #C3A0A1;
	}

/* ---------------------------------------------------------------- header */
	
#header	{
	width:798px;
	height:166px;
	background-color:#660000;
	background-image:url(../Images/cityscene.gif);
	}

#logo {
  display: block;
  width: 120px;
  height: 110px;
  border:0;
  background-image:url(../Images/logo.gif);
  position: relative;
  top: 56px;
  left: 20px;
}

#logo span{
  position: absolute;
  left: -10000px;
  top: -10000px;
}

/* ------------------------------------------------------------ navigation & tabs*/

#navigation {
	width:798px;
	height:57px;
	background-image:url(../Images/nav_BG.gif);
	background-color:#920909;
	}

#tabs {
	display:block;
	float:left;
	width:100%;
	height:57px;
	font-size:0.7em;
	line-height:normal;
	background:url(../Images/nav_underline.gif) repeat-x bottom left;
	}
	
#tabs ol {
	margin:0;
	padding:31px 10px 0 160px;
	list-style:none;
	}

#tabs li {
	float:left;
	font-variant:small-caps;
	margin: 0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("../Images/tableft.gif") no-repeat left top;
	text-decoration:none;
	color:#ffffff;
	margin:0;
	padding:0 0 0 4px;
	}
	
#tabs a span {
	float:left;
	display:block;
	color:#920909;
	padding:5px 15px 4px 6px;
	background-color: #FFF;
	font-weight: bold;
	}

#tabs a:hover, body#home #tab-home a { padding-bottom:4px;}
#tabs a:hover span, body#home #tab-home a span { padding-bottom:8px;}

#tabs a:hover, body#bio #tab-bio a { padding-bottom:4px;}
#tabs a:hover span, body#bio #tab-bio a span { padding-bottom:8px;}

#tabs a:hover, body#dance #tab-dance a { padding-bottom:4px;}
#tabs a:hover span, body#dance #tab-dance a span { padding-bottom:8px;}

#tabs a:hover, body#drama #tab-drama a { padding-bottom:4px;}
#tabs a:hover span, body#drama #tab-drama a span { padding-bottom:8px;}

#tabs a:hover, body#gallery #tab-gallery a { padding-bottom:4px;}
#tabs a:hover span, body#gallery #tab-gallery a span { padding-bottom:8px;}

#tabs a:hover, body#contact #tab-contact a { padding-bottom:4px;}
#tabs a:hover span, body#contact #tab-contact a span { padding-bottom:8px;}


/* ---------------------------------------------------------------- content */	

#content {
	width:798px;
	background-color:#595A5B;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	}
	
#content h3	{
	font-size:1.2em;
	margin-left:70px;
	padding:0 0 0 20px;
	color:#E19133;
	background-image:url(../Images/starwh16.gif);
	background-position:left;
	background-repeat:no-repeat;
	}

#content p	{
	padding:7px 0 7px 0;
	line-height:1.3em;
	}

#content .dance	{	
	padding:5px 0 20px 0;
	line-height:1.3em;
	}

#right {
	float:left;
	width: 190px;
	height:350px;
	margin-top:60px;
	padding-left:20px;
	border-left:1px dotted #ffffff;
	}

#right h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	padding-bottom:7px;
	}

#right a {
	text-decoration:none;
	color:#ffffff;
	}

#right a:hover {
	text-decoration:underline;
	}

/* ---------------------------------------------------------------- footer */	

#footer {
	width:798px;
	height:61px;
	background-image:url(../Images/footer_BG.gif);
	border-bottom:1px solid #B07D7F;
	}

#footer p {
	margin:18px 0 0 40px;
	float:left;
	width:auto;
	font-size:0.6em;
	}
	
#footer a {
	text-decoration:none;
	color:#FFFFFF;
	padding:0 0 0 10px;
	border-left:1px dotted #ffffff;
	}
	
#footer a:hover {
	text-decoration:underline;
	}



/* ---------------------------------------------------------------- Index Contents */

#indexleft	{
	float:left;
	width:500px;
	margin:60px 20px 30px 0;
	color:#ffffff;
	}

#indexleft h2	{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 0px 28px;
	margin-left:65px;
	background-image:url(../Images/sunor.gif);
	background-position:left;
	background-repeat:no-repeat;
	}

#indexleft p	{
	margin-left:70px;
	}

#indexleft .top, #danceleft .top, #galleryleft .top {
	margin:7px 0 0 70px;
	}

#indexleft ol	{	
	margin:10px 0 10px 70px;
	list-style:none;
	line-height:1.4em;
	}

#indexleft li	{
	background:url(../Images/bullet2.gif) no-repeat 0 50%;
	padding:1px 0 1px 20px;
	}
	
	
/* ---------------------------------------------------------------- Biographies Contents */

#biographiesleft	{
	float:left;
	width:430px;
	margin:60px 20px 30px 70px;
	color:#ffffff;
	}

#biographiesleft dl {
	width:430px;
	margin:0 0 40px 0;
	}

#biographiesleft dt	{
	float:right;
	margin:0 0 10px 0;
	width:280px;
	padding:0 0 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:1px;
	color:#ffffff;
	background-image:url(../Images/sunor.gif);
	background-position:left;
	background-repeat:no-repeat;
	}

#biographiesleft dd	{
	margin:5px 0 10px 120px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	color:#ffffff;
	}

#biographiesleft dl dd.img	{
	float:left;
	margin:0;
	width:120px;
	}

/* ---------------------------------------------------------------- Dance Contents */

#danceleft	{
	float:left;
	width:500px;
	margin:60px 20px 30px 0;
	color:#ffffff;
	}

#danceleft h2	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 0px 28px;
	margin-left:65px;
	background-image:url(../Images/sunor.gif);
	background-position:left;
	background-repeat:no-repeat;
	}

#danceleft p	{
	margin-left:70px;
	}
#danceleft .bottom {
	padding:7px 0 20px 0;
	}
/* ---------------------------------------------------------------- Drama Contents */

#dramaleft	{
	float:left;
	width:500px;
	margin:60px 20px 30px 0;
	color:#ffffff;
	}

#dramaleft h2	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 0px 28px;
	margin-left:65px;
	background-image:url(../Images/sunor.gif);
	background-position:left;
	background-repeat:no-repeat;
	}
	
#dramaleft p	{
	margin-left:70px;
	}

#dramaleft .dramatop {
	margin:7px 0 0 70px;
	padding-bottom:20px;
	}
	
/* ---------------------------------------------------------------- Gallery Contents */

#galleryleft {
	float:left;
	width:260px;
	height:330px;
	margin:60px 20px 30px 0;
	border-right:1px dotted #ffffff;
	}

#galleryleft h2	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 0 28px;
	margin-left:65px;
	background-image:url(../Images/sunor.gif);
	background-position:left;
	background-repeat:no-repeat;
	}
	

#galleryright{
	float:left;
	width:480px;
	margin:50px 20px 30px 0;
	text-align: center;
	}

#images {
	margin:0px 0 0 6px;
	padding:12px 8px 12px 0;
	}

#images li {
	list-style:none;
	float:left;
	margin-right:12px;
	margin-bottom:12px;
	}

#galleryleft p	{
	margin-left:70px;
	}
	
/* ---------------------------------------------------------------- Contact Contents */

#contactleft	{
	width:500px;
	margin:50px 20px 30px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	}

#contactleft h2	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:10px;
	margin-left:70px;
	}

#contactleft p	{
	margin-left:70px;
	}
#home #container #content #indexleft p span {

}
.bold {
	font-weight: bold;
}
.bold2 {
	font-weight: bold;
}
#home #container #content #indexleft p span {

}
bold3 {
	font-weight: bold;
}
#container #content #indexleft p span {

}
.boldotro {
	font-weight: bold;
}
#home #container #content #indexleft p span {

}
#gallery #container #content #galleryright table tr td {
	text-align: center;
}
#gallery #container #content #galleryright p b a {
	text-align: center;
}
centro video menu {
	text-align: center;
}
#gallery #container #content #galleryright table {
	text-align: center;
}
#gallery #container #content #galleryright table {
	text-align: center;
}