html, body { 
	width: auto; 
	height: auto; 
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

body { 
	background: url(orangebg.png) repeat left top fixed; 
	padding: 0; 
	font-family:  verdana, havana, sans-serif;
	font-size: 11px; 
	color: #000;
}

#container { 
	border-left: 1px #718494 solid; 
	border-right: 1px #718494 solid; 
	margin: 0px auto; 
	text-align: left; 
	width: 948px; 
	min-height: auto; 
	z-index: 10; 
	position: relative;
    	overflow: hidden;
	background: url(images40hbk/content_underlay.png) repeat left top;
}

h1 {display: none;}

h2 {color: #820BBB;}

h3 {color: #BF3EFF;}

ul.news_box {list-style-type: none; width: 156px; height: 112px; background: url(images40hbk/news_area.png);}
ul.news_box li {height: 38px; padding-bottom: 1px;}
ul.news_box li.alt {height: 32px; padding-bottom: 1px;}

ul.events_news {list-style-type: none; margin-top: -5px;}
ul.events_news li {margin-left: -30px; margin-right: 10px; padding-bottom: 10px;}

#black-underlay {position: absolute; z-index: 2000; width: 100%; min-height: 100%; height: auto; background: #000 url('images/layout/black-underlay.png') repeat 1px 1px;}
#content-overlay {position: relative; z-index: 2010; text-align: center; margin: 30px auto 0px;}
#content-overlay .close-button {text-align: center; margin: -20px 0px 10px 0px; border: 1px #a71919 solid; border-left-width: 0px; border-right-width: 0px; background-color: #b3e493; padding: 8px 14px;}
#content-overlay .close-button a, #content-overlay .close-button a:visited {text-decoration: none; font-weight: bold; color: #a71919;}
#content-overlay .close-button a:hover {color: #000;}

span.date {font-weight: bold; font-size: 9px; float: right;}

.spacer {padding: 5px 5px;}
.error {font-weight: bold; color: #ba3131;}

/* ==================== HEADER ======================= */
/* ====================================================*/

#left {
	width: 749px;
	height: auto;
	float: left;
}

.banner {
	width: 749px;
	height: 114px;
	background: url(images40hbk/banner.png) no-repeat left top;
	float: left;
}

.nav {
	margin-top: -60px;
}


.bar_left {
	width: 749px;
	height: 40px;
	background: url(images40hbk/bar_left1.png) no-repeat left top;
	float: left;
	border-bottom: 1px #718494 solid; 
}

#sub_nav {margin-top: 5px; float: right; margin-right: 25px;}

#dj_says {
	margin-top: 8px;
	margin-left: 4px;
	width: 743px;
	height: 12px;
}

.right {
	width: 199px;
	height: 144px;
	background: url(images40hbk/right.png) no-repeat left top;
	float: right;
}

#spotlight {
	width: 199px;
	height: 151px;
	background: url(images40hbk/spotlight.png) no-repeat left top;
	float: right;
	font-weight: bold;
	color: #FFF;
}

.habbo {
	margin-top: 10px;
	margin-left: 12px;
}

.name {
	float: left;
	margin-top: 4px;
	margin-left: 80px;
}

/* ==================== RADIO ======================= */

.radio {
	padding-top: 6px;
	padding-left: 5px;
}

.radio_box {
	width: 208px;	
	height: 87px;
	background: url(images40hbk/radio_stats.png) no-repeat left top;
}

.radio_box p {
	margin: 0 4px 0 5px;
}

.radio_hidden {
	height: 0px;
	width: 0px;
	visibility: hidden;
	background: #fff;
}


/* ==================== SHOUTOUT AND DJ ADS ======================= */

#shoutout {
	width: 749px;
	height: 140px;
	background: url(images40hbk/home_banner.png) no-repeat left top;
	float: left;
}

#shoutout_box {
	width: 208px;
	height: 87px;
	background: url(images40hbk/shoutout_box.png) no-repeat;
	margin-top: 17px;
	margin-left: 270px;
}

/* ==================== NEWS ======================= */

#news_box {
	width: 196px;
	height: 112px;
	margin-top: -9px;
	margin-left: 1px;
}

.news_left {
	width: 43px;
	height: 122px;
	float: left;
}

.news_right_top {
	width: 153px;
	height: 8px;
	background: url(images40hbk/news_right_top.png) no-repeat left top;
	float: left;
}


/* ==================== CONTENT ======================= */
/* ====================================================*/

.divider {
	width: 948px;
	height: 18px;
	background: url(images40hbk/divider.png) no-repeat left top;
	float: left;
}

.content_main {
	width: 585px;
	min-height: 800px;
	_height: 800px;
	float: left;
	border-right: 1px #718494 solid;
	background: url(images40hbk/main_underlay.png) repeat-y left top;
}

.main_top {
	width: 584px;
	height: 33px;
	background: url(images40hbk/main_top.png) no-repeat left top;
}

#main_left {
	margin-left: 22px;
	margin-bottom: 10px;
}

.content_area {
	height: auto;
	width: 948px;
}

/* ==================== SIDE RIGHT CONTENT ======================= */


.content_right {
	width: 362px;
	min-height: 475px;
	_height: 475px;
	background: url(images40hbk/content_underlay.png) repeat left top;
	float: right;
}

#box1 {
	padding-top: 11px;
	padding-left: 6px;
	padding-bottom: 3px;
}

.box1_top {
	width: 352px;
	height: 20px;
	background: url(images40hbk/box1.png) no-repeat left top;
}


.box1_box {
	width: 350px;
	min-height: 200px;
	_height: 200px;
	background: #FFF;
	border-left: 1px #718494 solid; 
	border-right: 1px #718494 solid; 
	border-bottom: 1px #718494 solid; 
}


#box2 {
	padding-left: 6px;
	padding-bottom: 3px;
}

.box2_top {
	width: 352px;
	height: 20px;
	background: url(images40hbk/box2.png) no-repeat left top;
}


.box2_box {
	width: 350px;
	min-height: 160px;
	_height: 160px;
	background: #FFF;
	border-left: 1px #718494 solid; 
	border-right: 1px #718494 solid; 
	border-bottom: 1px #718494 solid;
}

p {
	padding-top: 2px;
	padding-left: 2px;
}

p.box_content {
	margin-top: 0px;
	padding-left: 2px;
}

/* ==================== FOOTER ======================= */
/* ====================================================*/

.footer {
	width: 950px;
	height: 18px;
	background: url(images40hbk/footer.png) no-repeat left top;
	margin: 0px auto;
}

.footer .hotels {
	float: left;
	padding-top: 2px;
	padding-left: 4px;
}

iframe {display:block; width:100%; border:none;}