@media screen and (max-width: 768px){
	#maincontent {
		float:left;
		border-radius: 2px 2px 2px 2px;
		padding:0;
		background: #FFFFFF;
		width:90%;
		overflow:hidden;
		font-family: helvetica, verdana, arial, sans-serif, "Bookman Old Style", "Times New Roman";
		font-size: 115%;
		font-weight: bold;
		}
	
	#maincontent  img  {
		margin: 0 5px;
		border-style:solid;
		border-color:#000000;
		border-width:2px;
		}
	
	#maincontent  ul  {
		display: block;
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		left:5%;
		}
		
	#maincontent  ul li {
		display:block;
		clear: left;
		float: left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		word-wrap:break-word;
		}
	#maincontent  ul li a {
		display:block;
		clear:left;
		float:left;
		margin:0;
		padding:1px 10px 10px 10px;
		border-left:1px solid #E8B43B;
		border-right:1px solid #E8B43B;
		text-decoration:none;
		color:#772B1B;
		font-size: 100%;
	}
	#maincontent  ul li a:hover {
		color:#772B1B;
		border-left:1px solid #E8B43B;
		padding-top:1px;
		padding-bottom:10px;
		}
}		

@media screen and (max-width: 420px){
	#maincontent {
		float:left;
		border-radius: 2px 2px 2px 2px;
		padding: 2%;
		background: #FFFFFF;
		width:90%;
		overflow:hidden;
		font-family: helvetica, verdana, arial, sans-serif, "Bookman Old Style", "Times New Roman";
		font-size: 125%;
		font-weight: bold;
		}
	
	#maincontent  img  {
		margin: 0 5px;
		border-style:solid;
		border-color:#000000;
		border-width:2px;
		}
	
	#maincontent  ul  {
		display: block;
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		left:5%;
		}
		
	#maincontent  ul li {
		display:block;
		clear: left;
		float: left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		word-wrap:break-word;
		}
	#maincontent  ul li a {
		display:block;
		clear:left;
		float:left;
		margin:0;
		padding:1px 10px 10px 10px;
		border-left:1px solid #E8B43B;
		border-right:1px solid #E8B43B;
		text-decoration:none;
		color:#772B1B;
		font-size: 100%;
	}
	#maincontent  ul li a:hover {
		color:#772B1B;
		border-left:1px solid #E8B43B;
		padding-top:1px;
		padding-bottom:10px;
		}
}

@media screen and (min-width: 768px){
	#maincontent {
		float:left;
		border-radius: 12px 12px 12px 12px;
		padding:0;
		background: #FFFFFF;
		width:100%;
		overflow:hidden;
		font-family: helvetica, verdana, arial, sans-serif, "Bookman Old Style", "Times New Roman";
		font-size: 100%;
		}
	
	#maincontent  img  {
		margin: 0 5px;
		border-style:solid;
		border-color:#000000;
		border-width:2px;
		}
	
	#maincontent  ul  {
		display: block;
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		left:5%;
		}
		
	#maincontent  ul li {
		display:block;
		clear: left;
		float: left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		word-wrap:break-word;
		}
	#maincontent  ul li a {
		display:block;
		clear:left;
		float:left;
		margin:0;
		padding:1px 10px 10px 10px;
		border-left:1px solid #E8B43B;
		border-right:1px solid #E8B43B;
		text-decoration:none;
		color:#772B1B;
		font-size: 100%;
	}
	#maincontent  ul li a:hover {
		color:#772B1B;
		border-left:1px solid #E8B43B;
		padding-top:1px;
		padding-bottom:10px;
		}
}