/* A Free Design by Bryant Smith (bryantsmith.com) */



body {
	background-image:"Partitura.jpg";
	margin: 0;
	padding: 0;
	text-align: left;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #061C37;	
    margin: 0 auto 0 auto;
    text-align:left;
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}

table{
    background-color: white;
    font-size: 9pt;
    font-family: "Comic Sans MS"
}
td{
border:3px solid black;
}

#menu{
/*estilo de nuestra lista*/
background-color:#414141;
list-style:none;
width:auto;
position:relative;
display:block;
height:36px;
}
#menu li{
/*estilo a cada uno de los elementos(li) de nuestro menu*/
float:left;/* propiedad importante para que nuestro menu tome la forma horizontal*/
display:block;
position:relative;
}
#menu li a{
/*estilo de los enlaces */
color:#fff;
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
line-height:1.3em;
padding:10px 14px 8px 16px;
display:block;
}
#menu li ul{
/*estilo de los submenus*/
width:120px;
background:#F8F8F8;
border:1px #ccc solid;
display:none; /*importante para que los submenus no estén visibles*/
position:absolute;
z-index:999;
margin-top:0px;
}
#menu li ul li{
/*estilo a cada uno de los elementos(li) de nuestro submenu*/
width:100%;
list-style:none;
display:block;
}
#menu li ul li a{
/*estilo a cada uno de los enlaces de nuestro submenu*/
color:#21759b;
font-size:14px;
line-height:1.3em;
display:block;
font-weight:normal;
padding:8px
}
#menu li ul li a:hover{
/*un poco de decoracion a los enlaces de nuestro submenu al estar el cursor sobre ellos con ayuda de el selector :hover */
background-color:#FFF;
color:#444;
text-decoration:underline;
}
#menu li:hover ul{
/*con este selector definimos que cuando el cursor este sobre un elemento(li) que contenga un elemento(ul) dentro le asigne la propiedad display:block; para que este a su vez pase de invisible a visible*/
display:block;
}


#page
{
  display: block; 
  height:auto;
  position: relative; 
  overflow: hidden; 
  width: 670px;
}


.topNaviagationLink
{
text-align:relative;
position:relative;
margin-top:30px;
font-size:16px;
margin-left:-10px;
width:121px;
height: 35px;
line-height: 35px;
float:left;
color:#CEEAEE;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}


.topNaviagationLink a
{
text-decoration:none;
color:#CDE2FC;
}

.topNaviagationLink a:hover
{
text-align:relative;
border-bottom:none;
color:#0C61C9;
display: block;
width:121px;
height: 35px;
line-height: 35px;
background-image:url(tab.png);

}

#mainPicture
{
width:670px;
height:345px;
background-color:#FFFFFF;
}

#mainPicture
{
width:670px;
height:345px;
background-color:#FFFFFF;
}

#mainPicture .picture
{
position:relative;
width:650px;
height:325px;
top:10px;
background-image:url(music.jpg);
background-repeat:no-repeat;
margin-left:10px;
}



#headerTitle
{
position:relative;
top:30px;
left:40px;
font-size:45px;
color:#FFFFFF;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

#headerSubtext
{
position:relative;
top:30px;
left:50px;
font-size:24px;
color:#FFFFFF;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

.contentBox
{
width:670px;
height:auto;
background-color:#FFFFFF;
margin-top:10px;
}

.contentBox .innerBox
{
position:center;
width:650px;
height:auto;
top:10px;
margin-left:10px;
background-image:url(content_back.png);
background-repeat:repeat-x;
padding-bottom:35px;
}

.contentTitle
{
font-size:19px;
margin-bottom:0px;
padding-top:18px;
margin-left:15px;
margin-top:15px;
}

.contentText
{
font-size:13px;
line-height:24px;
margin-left:13px;
margin-right:13px;
}

#footer {

width: 670px;
height:16px;
background: url(footer.png) no-repeat;
text-align:center;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:#386172;
padding-top:5px;
}

#footer a
{
text-decoration:none;
font-size:9px;
color:#386172;
}

#mainPicture1
{
width:670px;
height:345px;
background-color:#FFFFFF;
}

#mainPicture1
{
width:670px;
height:345px;
background-color:#FFFFFF;
}


#mainPicture1 .picture
{
position:relative;
width:650px;
height:325px;
top:10px;
background-image:url(5.jpg);
background-repeat:no-repeat;
margin-left:10px;
}

#headerTitle1
{
position:relative;
top:30px;
left:40px;
font-size:45px;
color:black;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

#mainPicture2
{
width:670px;
height:345px;
background-color:#FFFFFF;
}

#mainPicture2
{
width:670px;
height:345px;
background-color:#FFFFFF;
}


#mainPicture2 .picture
{
position:relative;
width:650px;
height:325px;
top:10px;
background-image:url(4.jpg);
background-repeat:no-repeat;
margin-left:10px;
}

#headerTitle2
{
position:relative;
top:30px;
left:40px;
font-size:45px;
color:white;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

html, body {
text-align: relative;
}
p {text-align: left;}