body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #no;
	background-image: url(images/_MG_8478.jpg);
    height: 100%;
}

.top
{
    position: fixed;
    left: 31px;
    height: 150px;
    width: 700px;
    background-image: url(images/gunnel_top.gif);
    z-index: 3;
}

.footer
{
    font-family: Verdana, Arial, Helvetica,     sans-serif;
    position: fixed;
    left: 31px;
    bottom: 0;
    height: 1.5em;
    width: 700px;
    background-color: #BDB76B;
    z-index: 3;
}

.menu
{
    font-family: Verdana, Arial, Helvetica,     sans-serif;
    font-size: 15px;    
    position: fixed;
    padding:  0px 0 0 0px;
    top: 150px;
    left: 31px;
    width: 700px;
    height: 40px;
    background-color: #BDB76B;
    z-index: 3;
}

.menu ul {
    list-style: none;
    margin: 0 0 0 1em;
    padding: 0.5em 0 0 0;
    float: centered;
}

.menu li
{
    float:left;
    padding: 0 1em 0 0;
    color: #FFB6C1;
}
a:link
{
	color: #666600;
	text-decoration: none;
}

a:visited
{
	color: #8B4513;
	text-decoration: none;
}

a:hover
{
	color: #FF4500;
	text-decoration: underline;
}

a:active
{
	text-decoration: none;
}

.main
{
    position: absolute;
    padding:  10px 10px 10px 10px;
    top: 190px;
    left: 31px;
    width: 680px;
    min-height: 70%;
    height: auto;
	background-color: #C8C8C8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #303030;
}

.headline
{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
    color: #303030;
}


.songlist
{
    list-style-type: decimal-leading-zero;
}

img
{
    border-style:none;
    padding: 5px 5px 5px 5px;
}

.indented {
     position: relative;
     right: 10px; /* more, less? */
     left: 10px;
  }

#container {background: #F0F8FF;}
.roundtop {background: #C8C8C8;}
.roundbottom {background: #C8C8C8;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #F0F8FF;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #F0F8FF;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #F0F8FF;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #F0F8FF;}
.content {padding: 10px;}


.ruta_1
{
width:680px; 
height:2000px; 
background:#C8C8C8;
padding:5px;
} 

.left_1
{
width:340px; 
background:#C8C8C8; 
height:100%;
text-align:left;
float:left;
} 

.right_1
{
width:340px; 
background:#C8C8C8; 
height:100%;
text-align:left;
float:left;
margin-left:5px;
} 

p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #303030;
}