@charset "UTF-8";
/* CSS Document */

body{
background-color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
}
#header1{
width:100%; 
height:10px;
background-color:#FF9933;
}
#header{
width:100%;
height:auto;
float:left;
padding-top:5px;
background-color:#CC6600;
font-family:Arial, Helvetica, sans-serif;
}
#headerH{
width:100%;
height:auto;
float:left;
background-image:url(../images/header-logo.png);
background-position:bottom left; 
background-repeat:no-repeat;
}
.wrapper{
width:900px;
margin:auto;
}
img{
border:0px;
}
@font-face {
  font-family: "Raleway Thin";
  src: url("fonts/raleway_thin.ttf");
}


.raleway{
font-family:Arial, Helvetica, sans-serif;
font-family: "Raleway Thin";
}
.dropshadow{
text-shadow:rgba(0,0,0, 0.8) -1px 1px;
} 
.desc_header{
font-family:Arial, Helvetica, sans-serif;
font-family:"Garamond";
font-size:16px;
color:#FFCC99;
}
.garamond{
font-family:Arial, Helvetica, sans-serif;
font-family:"Garamond";
font-style:italic;
}

.header_button_italic{
font-family:"Garamond";
font-style:italic;
font-size:16px;

color:#333300;
}
.header_button_regular{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333300;
}
#navcontainer{
width:500px;
padding-left:420px;
float:left;
position:relative;
top:-10px;
left:0px;
}
#navcontainer a{
text-decoration:none;
}
.naver{
border-color:#fff  #ffe #FFCC99 #ccc  ;
border-style: solid;
color: #333300;
text-decoration: none;
background: #FFCC99;
padding:5px;
padding-top:10px;
padding-bottom:10px;
height:30px;
}
ul#navlist
{
text-align: left;
list-style: none;

}

ul#navlist li
{
display: inline;
padding:10px 5px;
}

ul#navlist li a
{
display: inline;
border-width: 1px;
border-color:#fff  #ffe #FFCC99 #ccc  ;
border-style: solid;
color: #333300;
text-decoration: none;
background: #FFCC99;
padding:5px;
padding-top:10px;
padding-bottom:10px;
}
#player{
float:left;
padding-right:40px;
}
.contents-header{
float:left;
width:220px;
border:solid 1px #fff;
border-bottom:none;
padding:10px;
background: #FFCC99;

}
.contents-header-container{
border-top: solid 0px #FFCC99;
border-right: solid 0px #fff;
border-left:solid 1px #ccc;
border-bottom:none;
float:left;
}

.contents-header-container2{
border-top: solid 0px #ccc;
border-right: solid 0px #fff;
border-left:solid 1px #333;
border-bottom:none;
float:left;
}

.contents-content{
float:left;
width:200px;
height:80px;
overflow:auto;
border:solid 1px #ccc;
padding:20px;
background: #fff;
padding-top:5px;
padding-bottom:5px;
}
.contents-header a, .contents-content a{
text-decoration:none;
}
.contents-content a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003300;
position:relative;
top:0px;
left:-2px;
line-height:1.6em;
}

.contents-content a:link {text-decoration:none;}      /* unvisited link */
.contents-content a:visited {text-decoration:none;}  /* visited link */
.contents-content a:hover {text-decoration:underline;}  /* mouse over link */
.contents-content a:active {text-decoration:none;}  /* selected link */


#sec_tre{
width:100%;
height:auto;
float:left;
background-image:url(../images/Picture-251.png);
background-repeat:repeat-x;
background-position:top center;
background-color:#000033;

clear:both;
}
.tre_contents2{
float:left;
margin:10px;
border-left:solid 1px #666;
border-bottom:solid 1px #333;
}
.tre_contents{
width:280px;
float:left;
height:160px;
border:solid 1px #000;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:32px;

}
.tre_contents a{
color:#fff;
text-decoration:none;
background-color:#009999;
}
.footlinks{
position:relative;
top:40px;
left:10px;
}
.clear{
clear:both;
width:100%;
height:0px;
}
.white{
color:#FFCC99;
}
#bandstomeet{
min-height:900px;
}
#bandstomeet a{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#fff;
background-color:#CC6600;
margin:2px;
line-height:1.2em;
}