html{
	overflow-y: scroll;
}
body{
	margin: 0;
	text-align: center;
}
#static-body{
	position: relative;
	overflow-x:hidden;
	background: url(../images/bg-mobile-menu.png);
}
#menu-shift{
	position: relative;
	/*left: 210px;*/
	/*background: url(../images/bg-grey.png);*/
	background: url(../images/bg-grey-whitewash.png);
}
#ustream-islive{
	position: absolute;
	width: 200px;
	height: 80px;
	top: 0;
	right: 0;
	background: red;
}
#top-branding{
	position: relative;
	padding: 10px 0 0 0;
	text-align: center;
	background: #101010;
	width: 100%;
	height: 130px;
}
#top-branding-center{
	position: relative;
	height: 90px;
	margin: 0 auto;
	text-align: left;
}
#medallion{
	position: relative;
	float: left;
	width: 75px;
	height: 75px;
	overflow: hidden;
	background: url(../images/medallion.png) top center no-repeat;
	border: 1px solid black;
	margin: 0 10px 0 0;
	cursor: pointer;
}
#branding{
	color: #f49704;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 24px;
	margin: 0;
	padding: 10px 0 0 0;
}#branding span{
	display: block;
	color: #989898;
	font-weight: normal;
	font-size: 12px;
}

#body-container{
	position: relative;
	/*width: 100%;*/
	margin: 0 auto;
	/*background: url(../images/bg-grey-whitewash.png);*/
	background: white;
}

#content-left{
	position: relative;
	float: left;
	width: 600px;
	margin: 30px 20px 0 30px;
}
#content-left.admin{
	width: 900px;
}
#content-left h1{
	margin: -5px 0 20px 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	color: #888888;
	border-bottom: 4px solid #f49704;
}
#content-right{
	position: relative;
	float: left;
	width: 270px;
	margin: 30px 30px 0 0;
}

#live-stream-icons{
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 20px;
	right: 0;
	position: absolute;
	bottom: 3px;
}.live-stream-icon{
	 display: none;
	float: right;
	margin: 0 0 0 15px;
 }

@media only screen and (max-width: 720px){
	#content-left h1{
		width: 90%;
		margin: -5px auto 20px auto;
	}
	#top-branding{
		height: 90px;
	}
	#medallion{
		background: url(../images/mobile-menu.png) 20px 20px no-repeat;
	}
	#content-left, #content-right{
		width: 100%;
	}
	#content-left.admin{
		width: 90%;
		margin: 0 auto;
	}
	#content-left{
		margin: 10px 0 0 0;
	}
	#live-stream-icons{
		width: 110px;
	}.live-stream-icon{
		margin: 3px 0 0 0;
	 }
}

@media only screen and (max-width: 768px) and (min-width: 721px){
	#content-left{
		margin: 30px 0 0 0;
		width: 490px;
	}
	#content-right{
		margin: 30px 0 0 0;
		width: 260px;
	}
	#top-branding-center{
		width: 100%;
	}
}

@media only screen and (min-width: 769px){
}

@media only screen and (max-width: 959px) and (min-width: 769px){
	#content-left{
		width: 500px;
		margin: 20px 0 0 0;
	}
	#content-right{
		width: 260px;
		margin: 20px 0 0 0;
	}
}

@media only screen and (min-width: 960px){
	#top-branding-center{
		width:960px;
	}
}

.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}