@media screen and (max-width: 999px) {

body{
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:18pt;
	margin:0;
	background-color:#EEE;}

select{
	font-size:22pt;}
input{
	font-size:22pt;}

#page{
	position:absolute;
	width:100%;
	margin:0%;}

#content{
	background-color:#EEE;
	position:absolute;
	top:125px;
	left:15px;
	right:15px;
	border:solid;
	border-width:5px;
	border-color:#0076b1;
	padding-top:3px;
	text-align: center;}
	
#logoImage{
	position:absolute;
	top:5px;
	left:80px;
	width: 130px;}

#mainmenu{
	display:none;
	position:absolute;
	padding:10px;
	top:65px;
	left:5px;
	right:5px;}

#menuHead{
	display:none;
	position:absolute;
	top:15px;
	left:90px;
	right:15px;
	height:60px;
	padding-left:15px;
	background-color:#aaa;
	font-size:36pt;}

.menuControl {
	margin-top:15px;
	margin-left:15px;
	display: inline-block;
	cursor: pointer;
}

.mbar1, .mbar2, .mbar3 {
	width: 50px;
	height: 10px;
	background-color: #333;
	margin: 6px 0;
	transition: 0.4s;
}

/* Rotate first bar */
.change .mbar1 {
	transform: translate(0, 16px) rotate(-45deg);
}

/* Fade out the second bar */
.change .mbar2 {opacity: 0;}

/* Rotate last bar */
.change .mbar3 {
	transform: translate(0, -16px) rotate(45deg);
}

.menuSection{
	padding-top:15px;}

.menuTitle{
	font-size:32pt;
	font-weight:bold;
	margin-top:10px;
	padding-top:2px;
	background-color:#0076b1;
	border-right:solid thin;
	border-width:5px;
	border-color:#0076b1;}

.menuContents{
	border:solid thin;
	border-width:5px;
	border-color:#0076b1;
	padding:10px;
	}

#banner{
	position:absolute;
	top:40px;
	left: 200px;
	right:0px;
	text-align:left;
	font-stretch:extra-expanded;
	font-size:18pt;
	font-weight:bold;}

/* ------------ page ------------ */

.contentTitle{
        font-size:22pt;
        font-weight:bold;
        font-stretch:extra-expanded;
        text-align:center;}

.title{
	margin-top:5px;
	margin-left: 15%;
	width:70%;
	text-align: center;
	font-stretch:extra-expanded;
	font-size:22pt;
	font-weight:bold;}
	
span.threadTitle{
	font-size:18pt;
	font-weight:bold;
	text-align:center;
	color:#49c;}
		
font.small{
	font-size:14pt;}
	
.tableHeader{
	font-size:18pt;
	font-weight:bold;
	text-align:center;}


/*  ----------------------------- class properties ----------------------------- */

/* ------------ posts ------------ */

.postTitle{
	position:relative;
	width:100%;
	font-size:18pt;
	font-weight:bold;
	background-color:#49c;}
	
.postDetails{
	position:relative;
	margin-left:60%;
	margin-right:5%;
	text-align:right;
	font-size:16pt;
	color:#888888;}

/* ----------------------------- link properties ----------------------------- */

a.heavy:link{
	text-decoration: none;
	color:#000000;
	font-size:16pt;
	font-style:normal;
	font-weight:bold;}
a.heavy:visited{
	text-decoration: none;
	color: #000000;
	font-size:16pt;
	font-style:normal;
	font-weight:bold;}
a.heavy:hover{
	text-decoration: none;
	color:#000099;
	font-size:16pt;
	font-style:normal;
	font-weight:bold;}
	
a.activate:link{
	text-decoration: none;
	color: #000000;
	font-size:16pt;}
a.activate:hover{
	text-decoration: none;
	color: #000099;
	font-size:16pt;}
a.activate:visited{
	text-decoration: none;
	color: #000000;
	font-size:16pt;}

a:link{
	text-decoration: none;
	color: #000000;
	font-size:16pt;
	font-style:italic;}
a:hover{
	text-decoration: none;
	color: #000099;
	font-size:16pt;
	font-style:italic;}
a:visited{
	text-decoration: none;
	color: #000;
	font-size:16pt;}

.menuLink:link{
	color: #000000;
	font-size:28pt;
	font-style:normal;}
.menuLink:hover{
	color: #000000;
	font-size:28pt;
	font-style:normal;}
.menuLink:visited{
	color: #000000;
	font-size:28pt;
	font-style:normal;}
}