#alert-banner{
position: absolute;
top: 0;
left: 0;
width: 100%;
}

body{
padding-top: 24px;
}


#main {
position: relative;
}
#main a.main{
display: block;
width: 100%;
}
#main a.main img{
display: block;
}
#main a {
background: none;
}
#main a:hover{
text-decoration: none;
}
#main .join{
display: block;
position: absolute;
width: 50%;
height: 30%;
right: 0;
bottom: 0;
background-image: none !important;
/* to fix IE 7 and IE 8 bug */
background-image: url("http://iehack:///") !important;
}
#main .join h2{
position: absolute;
left: 200%;
width: 1px;
height: 1px;
overflow: hidden;
}
.jk {
border: solid 1px #56565b;
text-align: center;
font-size: 1.4em;
color: #56565b;
}
.jk a {
display: block;
padding: .5em !important;
	color: #56565b !important;
	background: none !important;
}
.jk em{
font-style: normal;
text-decoration: underline;
}
@media (min-width: 641px) and (max-width: 820px), (max-width: 594px) {
	#main .join{
	width: 100%;
	height: 18%;
	}
}
@media (max-width: 593px) {

}