/* tablet */ 
@media screen and (max-width: 1000px) {
	html, body { background:none; }
	#container { background:none; width:100%; }
	#content{ background:none; width:96%; margin-left:0px; padding:2%; border-top:20px #fff solid; }
	#content img {max-width:100%; height:auto; }
	#content_left{ width:60%; padding:0; }
	#content_right{ width:36%; padding:0;  }
	
	#header{ width:100%; margin-left:0px; }
	#header img{ width:100%; height:auto;}
	
	#navigation{ width:100%; height:auto; margin-left:0; overflow:hidden; }
	#navigation ul{ width:100%; }
	#navigation ul li a, #navigation li span.topMenuItemSpan{ padding-left: 8px; padding-right:8px; font-size:94%;}
	#navigation #showMenuTxt{ display:none; }
	
	/*submenu*/
	#navigation li li, #navigation li li a{ font-size:94% !important; background-color:#f7b441 !important;}
	#navigation li.topSubitem{ display: block; }
	#navigation li .topMenuItem{ display:none;}
	#navigation li span.topMenuItemSpan { display: block; }
	#navigation li span.topMenuItemSpan:hover, #navigation li.selected span.topMenuItemSpan {color:#fff !important; }
	#navigation li span.topMenuItemSpan span{display:none;}

	
	#footer {background:none #793141; color:#fff; width:96%; height:40px; line-height:40px; margin-left:0px; padding:2%; overflow:hidden; }
	#footer ul{ width:55%; }
	#footer p{ width:41%; }
	#footer a, #footer a:hover{ }
	
	#content h1, #content h6, .list .title{ font-weight:bold;}
	
}

/* mobile nav */
@media screen and (max-width: 675px) {

#navigation *{ margin:0; padding:0; display:block; width:100%; float:none; text-align:center; height:auto; }
#navigation ul li a, #navigation li span.topMenuItemSpan, #navigation li li a{ font-size:120% !important; }
#navigation #menuToggle{ display:block; }
#navigation ul{ display:none; }

/*submenu*/
#navigation li:hover ul { display: none; }
#navigation li ul { width:100%; position:relative; }
#navigation li li a{ padding:15px 0;}
#navigation li span.topMenuItemSpan span{display:inline;}
}

/* smartphone */ 
@media screen and (max-width: 550px) {
	
	#header .big
	{
		display:none;
	}
		
	#header .small
	{
		display:block;
	}
	
	#content_left{ float:none; width:100%; padding:0; }
	#content_right{ float:none; width:100%; padding:0;}
	
	#footer { width:100%; height:auto; padding:0; }
	#footer ul{ width:100%; float:none; border-top:1px solid #fff; }
	#footer ul li{ float:none; margin-right:0; text-align:center; }
	#footer p{ width:100%; float:none; text-align:center; background:#666; }
	#footer p span{ width:100%; float:none; text-align:center; }
	#footer strong{ display:none; }
	#footer a, #footer a:hover{ display:block; line-height:300%; text-decoration:none; border-bottom:1px solid #fff; }

		
	.list2 .date{ display:none; }
	
	
	/* make table cell a block, so 100% width */
	table tr td{ display:block; }
	
	#content h6{ padding:10px; background:#eee;}

}