/* tablet */ 
@media screen and (max-width: 1000px) {
html, body { background:none #67553d; }
#container { background:none #fff; 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, #slideshow{ width:100%; height:200px; margin-left:0px; }
#header #slideshow img{ width:100%; height:auto;}
#headerlogo{ top:-200px; height:100%; width:auto; }

#navigation{ width:100%; height:auto; margin-left:0; overflow:hidden; }
#navigation ul{ width:100%; padding-left:0;}
#navigation ul li a{ padding:0 8px; font-size:95%; }
#navigation #showMenuTxt{ display:none; }

#footer {background:none #67553d; color:#fff; width:96%; height:40px; line-height:40px; margin-left:0px; padding:2%; overflow:hidden; font-size:70%; }
#footer ul{ width:55%; }
#footer p{ width:45%; }
#footer a, #footer a:hover{ }

#content h1, #content h6, .list .title{ font-weight:bold;}
}

@media screen and (max-width: 750px) {
#header, #slideshow{ height:150px; }
#headerlogo{ top:-150px; }	
.list2 li *{ float:none; line-height:30px !important;}
}

/* smartphone */ 
@media screen and (max-width: 550px) {
#content_left{ float:none; width:100%; padding:0; }
#content_right{ float:none; width:100%; padding:0;}

#header{ height:200px; text-align:center;}
#slideshow{ display:none;}
#headerlogo{ top:0px; }	

#navigation *{ margin:0; padding:0; display:block; width:100%; float:none; text-align:center; height:auto; }
#navigation #menuToggle{ display:block; }
#navigation ul{ display:none; }
#navigation ul li a{ padding:0 8px; font-size:100%; line-height:35px; }

#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; }


label{ display:block; float:none; text-align:center; width:90%; margin:0 auto; padding:10px;}
.field, .textArea, .button, .capHolder{ display:block; float:none; width:90%; margin:0 auto; }

/* make table cell a block, so 100% width */
table tr td{ display:block; }

}