/* CSS Document */

body {
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 15px;
  background-color: #C9C9C9; }

#layout {
  width: 780px;
  margin: auto;
  background: url(../images/bg_atas.gif) top no-repeat; }

#layout_sub {
  width: 780px;
  margin: auto; }

#layout_page {
  width: 750px;
  margin: auto;
  background: url(../images/bg.gif) repeat-y; }

#layout_page_sub {
  width: 750px;
  margin: auto;
  background: url(../images/bg_sub.gif) repeat-y; } 

/* --------------------------------- left --------------------------------- */
#layout_left {
  width: 375px;
  float: left; }

#header {
  height: 85px;
  background-color: #333; }
  
  #header_area {
    width: 352px;
	float: right; }

	#logo a {
	  width: 195px;
	  height: 85px;
	  float: left;
	  background: url(../images/logo_mbg2.gif) no-repeat;
	  font-size: 0;
	  display: block;
	  text-indent: -9999px; }
	
	#home {
	  width: 105px;
	  height: 18px;
	  float: right;
	  margin-top: 8px;
	  color: #FFFFFF;
	  font-size: 10px; }
	  
	  #home a {
	    color: #FFFFFF;
		text-decoration: none; }
	  
	  #home a:hover {
	    text-decoration: underline; }
	
	#nav {
	  height: 29px;
	  background: url(../images/bg_nav2.gif) repeat-x; }
	  
	  #nav_txt {
	    padding-top: 5px;
		/*color: #931F12;*/
		color:  #333333;
		font-size: 10px;
		text-align: center; }
	  
	  #nav_txt a {
	    /*color: #931F12;*/
		color:  #333333;
		text-decoration: none; }
	  
	  #nav_txt a:hover {
	    color: #FFFFFF; }

#catchcopy {
  height: 151px;
  background: url(../images/catchcopy.jpg) no-repeat;
  font-size: 0;
  text-indent: -9999px; }

#promo {
  width: 329px;
  margin: auto;
  margin-top: 20px!important;
  margin-top/**/:/**/5px;
  margin-bottom: 20px!important;
  margin-bottom/**/:/**/5px;
  font-size: 11px;
  color: #FFFFFF; }

  #promo_txt {
    width: 180px;
	height: 35px;
	color: #CCCCCC;
	float: right;
	font-size: 0;
	text-indent: -999px;
    background: url(../images/txt_promo_depan.gif) no-repeat; }
	
	.promo_txt a {
		color: #CCCCCC;
		text-decoration: underline; }
	
	.promo_txt a:hover {
		text-decoration: none; }

  
  #promo_img {
    margin-bottom: 10px; }
  
  #promo_title_header h3 {
    font-size: 14px;
	padding: 0;
	margin: 0;
	color: #E48101; }
  
  
  
  

/* --------------------------------- right --------------------------------- */
#layout_right {
  width: 375px;
  float: right; }

#layout_right_a {
  width: 158px;
  float: left; }
  
  #lesmills {
    width: 158px;
	height: 618px; }
	

#layout_right_b {
  width: 217px;
  float: right; }
  
  #club {
	height: 160px;
    background: url(../images/club.jpg) no-repeat; }
	
	#club_flash {
	  width: 180px;
	  height: 160px;
	  float: right; }
  
  #club_txt {
	height: 105px;
	font-size: 0;
	text-indent: -9999px;
    background: url(../images/club_txt.jpg) no-repeat; }
  
  
  #event, #article {
    width: 203px;
	margin: auto;
	font-size: 11px; }
	
	#event_title, #article_title, #promo_title   {
	  height: 35px;
	  font-size: 0;
	  text-indent: -9999px; }
	  
	  #event_title {background: url(../images/txt_event.gif) no-repeat; }
	  
	  #article_title {background: url(../images/txt_article.gif) no-repeat;}
	  
	  #promo_title {background: url(../images/txt_promo.gif) no-repeat;}
	  
	  #event_content, #article_content {
		background: url(../images/txt_bg.gif) repeat-y; }
	  
	  #event_foot, #article_foot {
		height: 26px;
		background: url(../images/txt_foot.gif) no-repeat; }
		
		#event_content_area, #article_content_area {
		  width: 177px;
		  margin-left: 9px; }
	    
		ul.list {
		  list-style: none;
		  margin: 0;
		  padding: 0; }
		
		li.list {
		  padding-top: 10px;
		  border-bottom: 1px solid #BB736A; }


/* --------------------------------- sub page --------------------------------- */
#img_sub {
  width: 375px;
  height: 114px; }

#sub_content_area {
  width: 331px;
  margin: auto;
  font-size: 11px;
  color: #FFFFFF; }
  
li.clubs  {
  border-bottom: 0;
  padding-bottom: 10px; }
  

#content_sub {
  width: 704px;
  margin: auto; }

.content_sub_txt_area {
  width: 704px;
  padding-bottom: 35px!important;
  padding-bottom/**/:/**/0; }
  
.content_sub_txt_promo {
  width: 200px;
  height: 35px;
  float: right;
  font-size: 0;
  text-indent: -9999px;
  background: url(../images/txtsub_promo.gif) no-repeat; }

.content_sub_txt_event {
  width: 200px;
  height: 35px;
  float: right;
  font-size: 0;
  text-indent: -9999px;
  background: url(../images/txtsub_event.gif) no-repeat; }

  #sub_kanan {
    width: 100%;
	margin: auto;
	font-size: 11px; }


/* --------------------------------- footer --------------------------------- */
#footer {
  height: 53px;
  background: url(../images/bg_footer.gif) repeat-x; }
  
  #footer_txt {
    width: 720px;
	margin: auto;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 8px!important;
	padding-top/**/:/**/8px; }
	
  #footer_txt a {
    color: #FFFFFF;
	text-decoration: none; }
  
  #footer_txt a:hover {
    text-decoration: underline; }
  
  #footer_txt_left {
    width: 360px;
	float: left; }

  #footer_txt_right {
    width: 360px;
	float: right;
	text-align: right; }

.clear {
  clear: both; }
 
hr {
  margin: 0;
  padding: 0;
  height: 0;
  border: 0;
  visibility: hidden; }