/* adaptp */
#barit {
	display: none
}
@media screen and (max-width: 768px) {
div.main {
	width: 54%;
}
div.columnrt .main, div.columnlft .main {
	width: 76%;
}
primary-nav  {
	display: none;
}
#main-nav select  {
	display: block;
	width: 98%;
	margin: -44px 0 12px 1%;
	padding: 5px;
}
#main-nav option  {
	padding: 1px;
	olor: #8F61A9;
}
}
@media screen and (max-width: 685px) {
div.main {
	margin-right: 0.75%;
	width: 53.5%;
}
div.columnrt .main, div.columnlft .main {
	width: 75.75%;
}
}
@media screen and (max-width: 680px) {
div.columnrt div.block, div.columnlft div.block {
	float:none;
	display: block;
	width: auto;
	margin: 1% 0;
}
}
/* smaller than 600 */
@media screen and (max-width: 600px) {
.bar {
	display:none;
	margin: 0px 1% 0px;
}
#barit {
	display:block
}
#tabbed {
	position: normal;
	height: auto;
	margin: 13px 0 0;
	min-height: 46px;
}
.barit.hide {
	margin-top: 4px;
}
#primary-nav {
	position: normal;
	margin-bottom: 6px;
}
#primary-nav ul {
	position: normal;
	margin-top: 0px;
	width: 98%;
	height: 100%;
	display: none;
}
#primary-nav li {
	height: auto;
	float:none;
	display:block;
}
#primary-nav li li {
	float:none;
	display:block;
	width: 100%;
	height: auto;
}
#primary-nav li ul,
#primary-nav li li ul {
	position: relative;
	top: 0px;
	left: 0px;
	width: 98%;
	height: 100%;
	padding: 0px 0px 0px 10px;
	border: none;
	background: none;
}
	#primary-nav li a {
	float: none;
	display:block;
	width: 100%;
	margin: 0;
	padding: 5px 11px;
	text-decoration: none;
	color: #CB231F;
	font-size: 12px;
	border-radius: initial;
  box-shadow: initial;
}
#primary-nav li a:hover {
  box-shadow: initial;
	text-decoration: none;
	color: #000;
}
#primary-nav li.menuactive a {
	text-decoration: none;
	color: #000;
  box-shadow: initial;
}
}
/* smaller than 480 */
@media screen and (max-width: 480px) {
#content-right,
#content-left {
	float: none;
	width: auto;
	margin: 0 10px;
}
#content-left p {
	margin-left: 0;
}
#content-left h2,
#content-left h4 {
	margin-left: 2px;
}
}
/* smaller than 380 */
@media screen and (max-width: 380px) {
div.block {
	float:none;
	display: block;
	width: auto;
	margin: 1% 0;
}
}
/* smaller than 360 */
@media screen and (max-width: 360px) {
div.header h1 img {
	width:100%;
}
}
/* smaller than 360 */
@media screen and (max-width: 360px) {

}
/* adaptp */