html {
	height: 100%;
margin-bottom: 1px;
}



body {
	background: #f9f9f9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 0;
	margin: 0;
	height: 100%;
	text-align: center;
	font-size: 75%;
}

@media screen and (min-width: 900px) {
body {
    padding: 20px 0px;
}
}


#over600, .over600 {
    display: none;
}
#under600, .under600 {
    display: inline;
}


#header {
background: #dedede;
clear:both;
position: relative;
width: 100%;
min-width:320px;
max-width: 79em;
margin: 0 auto;

}

#header #topnav {
visibility: hidden;
height: 0.00001px;
}
.hideme,.print,.skip,dfn{visibility: hidden;}.skip:active,.skip:focus{visibility: hidden;}

#headerContent {
    padding: 0.7em 0.7em 0 0.7em;
}




img {
	width: 100%;
    max-width: 100%;
}



.page_margins {
background: #dedede;
min-width: 320px;
max-width: 79em;
text-align: left;
margin: 0 auto;
}

.page {
    padding: 0.7em;
	height: 100%;
}


.mod {margin-bottom: 1em;}

.bgd {
    padding: 0.7em;
}



@media screen and (min-width:600px) {

#under600, .under600 {
    display: none !important;
}

#over600, .over600 {

    display: block !important;
	}
#headerContent {
    padding: 1.5em 1.5em 0 1.5em;
}



#header #topnav {
    visibility: visible;
    height:auto;
    position: absolute;
    right: 2.5em;
    top: 1em;
    color: #FFFFFF;
    text-shadow: 2px 2px 1px #000000;
    text-align: right;
}

.page {
    padding: 1.5em;
}


}