body { 
  background: #2a2204 url('../images/bg.png') repeat-x;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
}

body, td { 
  font: 11px Tahoma, Helvetica;
}

a { 
  color: #ed841e;
  text-decoration: none;
}

a:hover { 
  text-decoration: underline;
}

#site { 
  width: 950px;
  margin: 0 auto;
  position: relative;
}

.activityfeed {
  float: left;
  position: relative;
  top: -50px;
}

#header { 
  background: url('../images/header.png');
  width: 950px;
  height: 131px;
}

#main { 
  background: White;
}

#footer { 
  background: rgb(100, 70, 25);
  height: 16px;
}

.frontpage.right { 
  background: #211505;
  width: 500px;
  height: 620px;
  float: right;
}

.frontpage.left div,
.frontpage.right div { 
  background: white;
  vertical-align: top;
}

.frontpage.right #camps { 
  background: inherit;
  color: white;
  padding: 12px;
}

.frontpage.left #news {
  width: 420px;
  height: 361px;
  padding: 12px;
}


#news { 
  overflow: auto;
}

#news p { 
  margin: 1em 0;
}

#news p.date { 
  color: gray;
  margin: 0;
}

#news p.topic { 
  margin: 0;
  font-weight: bold;
}

#news p.body { 
  margin-bottom: 1em;
  
}

#banner  { 
  height: 136px;
  //background: url('../images/hapkido.png');
}

#welcome  { 
  padding: 12px;
  margin: 0;
}

#varieties { 
  background: #e5dcbb;
  vertical-align: middle;
  height: 85px;
  position: relative;
}

#varieties div { 
  background: #e5dcbb;
  color: #d5c897;
  font-size: 46px;
  font-weight: bold;
  height: 85px;
  vertical-align: middle;
  line-height:  85px;
  margin-left: 23px;
}

#varieties ul { 
  padding: 0;
  text-align: right;
  margin: 16px 24px 0 0;
  width: 300px;
  height: 85px;
  position: absolute;
  top: 0;
  right: 0;
  color: #ed841e;
  font-size: 22px;
  font-weight: bold;
  list-style: none;
}

.frontpage.left #clubs,
.frontpage.left #courses { 
  width: 171px;
  height: 199px;
  float: left;
  margin: 12px 12px 0 0;
  padding: 12px;
}

#courses  { 
  margin-right: 0;
}

#clubs ul { 
  list-style: none;
  margin: 0;
  padding: 0;
  color: #ed841e;
  font-weight: bold;
}

#clubs ul li:after {
  content: " ->";
}

#clubs p.topic,
#courses p.topic,
#welcome p.topic,
#camps p.topic { 
  font-size: 1.5em;
  font-weight: bold;
  margin: 0;
}

.clear { 
  clear: both;
  height: 0;
  line-height: 0;
}

#header ul { 
  height: 50px;
  width: 515px;
  right: 0;
  top: 90px;
  position: absolute;
  list-style: none;
  padding-right: 16px;
}

#header ul li { 
  float: left;
  padding-right: 2em;
  color: white ;
  font-weight: bold;
  font-size: 14px;
}

#header ul li a { 
  color: white;
}

#menu { 
  height: 50px;
  background: rgb(100, 70, 25);
}

#menu ul { 
  padding: 0;
  margin: 0;
  list-style: none;
}

#menu ul li { 
  float: left;
  color: white ;
  font-weight: bold;
  font-size: 14px;
  line-height: 50px;
  background: rgb(100, 70, 25);
}

#menu ul li a { 
  display: block;
  color: white;
  line-height: 50px;
  padding: 0 2em;
}

#menu li.active { 
  background: rgb(120, 80, 30);
}

.article_separator { 
  clear: both;
  margin-bottom: 1em;
}

.youtube {
  width: 300px;
  height: 200px;
  overflow: hidden;
  position: absolute;
  right: -310px;
  top: 510px;
}

.player {
}

.controls {

}

p {
	margin-top: 0;
}