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

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

select{ 
	font-size:1.1rem;}
input{  
	font-size:1.1rem;}

#content{
	position:absolute;
	top:125px;
	margin-left:15px;
	margin-right:15px;
	border:solid;
	border-width:5px;
	border-color:#ded13e;
	padding-top:3px;
	padding-right:3px;
	padding-left:3px;
	text-align:center;}
	
#logoImage{
	position:absolute;
	top:5px;
	left:100px;
	width:130px;}

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

#menuHead{
	display:none;
	position:absolute;
	top:15px;
	left:90px;
	right:15px;
	padding-left:15px;
	font-size:1.8rem;}

.menuControl {
	margin-top:15px;
	margin-left:25px;
	cursor: pointer;
}

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

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

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

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

.menuSection{
	padding-top:20px;}

.menuTitle{
	font-size:1.5rem;
	font-weight:bold;
	padding-top:2px;
	padding-left:10px;
	border-right:solid thin;
	border-width:5px;
	background-color:#ded13e;
	border-color:#ded13e;}

.menuContents{
	border:solid thin;
	font-size:1.2rem;
	border-width:5px;
	border-color:#ded13e;
	padding:10px;
	}

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

.contentTitle{
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;}

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

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

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

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

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