body {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 14px;
    padding : 0;
    margin : 0;
}
.rules-wrapper {
    max-width : 500px;
    margin : 0 auto ;
    /* border-width : 1px;
    border-radius : 3px;
    border-color : #ddd;
    border-style: solid;*/
    padding : 30px ;
}

table.psymbs {
    text-align: center;
}
.psymb {
    background-image: url(wikipedia.png);
    width: 100px;
    height: 200px;
}
.psymbs td {
    padding: 0 10px 0 10px;
}
.psymb-bold {
    font-weight: bold;
}
.side {
    float: right;
    max-width: 100%;
}


h1,h2,h3,h4 {
    clear: both;
}

.rules-overhead {
    text-align: center;
    padding : 0 ;
}

.rules-img{
    max-width : 100%;
}
.jcimg{
    max-width : 100%;
	margin: 0 auto;
} 
.aligncentre {
	text-align:center;
}
.overhead-banner {
	background-color : #E9E3CB ;
	background-image : url(images/musketeer-logo-smallheader.png);
	background-repeat : no-repeat ;	
	height : 60px;
}
.overhead-banner-buts {
	margin-left: 210px;
	background: #E9E3CB;
	transition: margin 0.5s;
}
.overhead-banner-social-buts {
	width : 30px;
	height : 60px ;
	background-color : #fc0 ;
	position : absolute ;
	right:0;
}

.overhead-banner-clickarea {
	position : absolute ;	
	width : 200px ;
	height : 60px ;
	cursor : pointer ;
}

.overhead-banner h1 {
	font-size: 18px;
	padding: 0;
	margin: 0;
	line-height: 25px;
	padding-top: 5px;
}

.rules-icons {
	width : 30px ;
	height : 30px;
	vertical-align : middle ;
}

.musk-footer {
    width: 100%;
    background: #E9E3CB;
    text-align : center ;
    padding : 15px;
	border-bottom: solid 5px #fc0;
}
.musk-footer p{
	padding: 0;
	margin: 2px;
	color : #888	
}

@media screen and (max-width: 520px) {
    .side {
        float: none;
        display: block;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
    }	
    .overhead-banner-buts{
    	margin-left: 65px;				
    }
}