/* Tablet (Portrait) /* Note: Design for a width of 768px  */
@media only screen and (min-width: 768px) and (max-width: 959px) {

		#wrapper { width:700px; margin:0 auto; height:auto }
        #container1 { width:700px; margin:0 auto; height:auto }
		#address-box, #address-box img {display:none }
		#logo, #logo img { height:auto; width:700px; float:left}
		#navigation {width:700px; margin:0 auto; height:auto; }
		#nav-bar {width:700px; height:38px; padding:2px 5px 5px 5px; background:#333333; margin-top:6px; border:#000000 1px solid}
		.nav {background:#333333; border:#000000 1 px solid;}
		#container2 { width:700px; margin:0 auto; height:auto }
		#slideshow { margin:10px 0 0px 10px; width:380px; height:193px; padding:0px;}
		#faded, #faded img { margin:0 auto; width:380px; height:193px }
		#footer { width:740px; margin:0 auto }
	    #footer .column  { width:200px }
		#news-section { width:290px; margin:0 auto; background-image:none; height:auto }
		#news-items {background:#f8f8f8; margin:6px 2px 6px 8px; color:#666666; padding:2px; border:#e5e5e5 1px solid; line-height:1; width:260px}
	#news-items2 {background:#f8f8f8; margin:6px 2px 6px 8px; color:#666666; padding:2px; border:#e5e5e5 1px solid; line-height:1; width:260px}
	#recent-articles {
font-size: 16px;
font-weight: bold;
color: #6A6A6A;
text-shadow: 1px 1px 1px white;
margin-bottom: 4px;
padding-top: 3px;
padding-bottom: 4px;
padding-left: 56px;
}
		#mid-section { width:740px; margin:0 auto; background-image:none; height:auto }
		#mid-left { width:380px; margin:0 auto; background-image:none; height:auto; float:left;  }
		#mid-leftContent { width:370px; margin:0 auto; background-image:none; height:auto }
		
		#mid-right  { width:360px; margin:0 auto; background-image:none; height:auto; float:right }
		#lower-box-heading { width:350px; margin:0 auto; height:auto; padding-left:50px }
		#mid-rightContent { width:350px; margin:0 auto; background-image:none; height:auto; padding-left:50px  }
	
		#scroller { display:none }
		#footerbox {width:700px; background-image:none; background:#FFFFFF; border:#CCCCCC 1 px solid width:700px; height:auto; float:left; margin-bottom:20px; padding:10px 20px 20px 20px}
		#footer {width:700px; height:200px; background-image:none; background:#FFFFFF; border:#CCCCCC 1 px solid }
		.footer-text {color:#6b6b6b; font-size:.85em; font-weight:bold; padding:10px; text-align:center}
		.foot-content1 { width:300px; margin:0 auto; background-image:none; height:auto; float:left;  }
		.foot-content2 { width:300px; margin:0 auto; background-image:none; height:auto; float:right;}
		.foot-content3 { width:300px; margin:0 auto; background-image:none; height:auto; float:left; }
		.foot-content4 { width:300px; margin:0 auto; background-image:none; height:auto; float:right; }
		#footer {width:700px; height:200px; }
		.footer-text {color:#6b6b6b; font-size:.85em; font-weight:bold; padding:10px; text-align:center}
		#top-slice {background-image:none}
		#mid-slice {background-image:none}
		#bottom-slice {background-image:none}
		.int-text {padding:0px; line-height:1.3; width:690px;}

.int-header {color:#555; font-size:1.2em; font-weight:bold; background-color:#f3f2f3; border:solid 1px #ccc; padding:4px; width:690px; margin-bottom:10px}
		

}

/*  Mobile (Portrait) /* Note: Design for a width of 320px  */
@media only screen and (max-width: 767px) {
BODY {background-image:none;}
		#wrapper { width:300px; margin:0 auto; height:auto }
        #container1 { width:300px; margin:0 auto; height:auto }
		#address-box, #address-box img {display:none }
		#logo, #logo img { height:auto; width:300px; float:left}
		#nav-bar {width:300px; margin:0 auto; height:auto}
		.nav-area { margin:0px 0 0 0 }
		.nav-area a, .nav-area select { font-size:13px; width:290px; margin-left:10px }
		.navigation a, .navigation select { font-size:13px; width:290px; margin-left:10px }
		#container2 { width:300px; margin:0 auto; height:auto }
		#slideshow { margin:10px 0 0px 0px; width:300px; height:152px; padding:0px;}
		#faded, #faded img { margin:0 auto; width:300px; height:152px }
		#news-section { width:280px; margin:0 auto; background-image:none; height:auto }
		#mid-section { width:300px; margin:0 auto; background-image:none; height:auto }
		#mid-left { width:260px; margin:0 auto; background-image:none; height:auto }
		#mid-leftContent { width:250px; margin:0 auto; background-image:none; height:auto }
		
		#mid-right  { width:300px; margin:0 auto; background-image:none; height:auto }
		#lower-box-heading { width:260px; margin:0 auto; background-image:none; height:auto }
		#mid-rightContent { width:250px; margin:0 auto; background-image:none; height:auto }
		
				#top-slice {background-image:none}
		#mid-slice {background-image:none}
		#bottom-slice {background-image:none}
		.int-text {padding:0; line-height:1.3; width:290px;}
	
		#scroller { display:none }
		#footerbox { width:300px; margin:0 auto; background-image:none; height:auto; float:left }
		.foot-content1 { width:260px; margin:0 auto; background-image:none; height:auto; float:left;  }
		.foot-content2 { width:260px; margin:0 auto; background-image:none; height:auto; padding-right:30px }
		.foot-content3 { width:260px; margin:0 auto; background-image:none; height:auto;  }
		.foot-content4 { width:260px; margin:0 auto; background-image:none; height:auto; margin-bottom:10px; }
		.footer-text {  }
		

}

/* Mobile (Landscape) /* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

BODY {background-image:none;}
		#wrapper { width:480px; margin:0 auto; height:auto }
        #container1 { width:480px; margin:0 auto; height:auto }
		#address-box, #address-box img {display:none }
		#logo, #logo img { height:auto; width:480px; float:left}
		#nav-bar {width:480px; margin:0 auto; height:auto}
				.nav-area { margin:-30px 0 0 0 }
		.nav-area a, .navigation select { font-size:13px; width:470px; margin-left:10px }
		#slideshow { margin:10px 0 0px 0px; width:472px; height:240px; padding:0px;}
		#faded, #faded img { margin:0 auto; width:472px; height:240px }
		#container2 { width:480px; margin:0 auto; height:auto }
		#news-section { width:460px; margin:0 auto; background-image:none; height:auto }
		#mid-section { width:480px; margin:0 auto; background-image:none; height:auto }
		#mid-left { width:440px; margin:0 auto; background-image:none; height:auto }
		#mid-leftContent { width:430px; margin:0 auto; background-image:none; height:auto }
		 
		#mid-right  { width:480px; margin:0 auto; background-image:none; height:auto; float:left }
		#lower-box-heading { width:450px; margin:0 auto; background-image:none; height:auto; float:left }
		#mid-rightContent { width:450px; margin:0 auto; background-image:none; height:auto; float:left }
		
		#foot-header {background: #F6F6F6; border: solid 1px #D4D4D4; width:120px}
		#scroller { display:none }
		#footerbox { width:480px; margin:0 auto; background-image:none; height:auto;  }
		.foot-content1 { width:400px; margin:0 auto; background-image:none; height:auto; }
		.foot-content2 { width:400px; margin:0 auto; background-image:none; height:auto;}
		.foot-content3 { width:400px; margin:0 auto; background-image:none; height:auto;}
		.foot-content4 { width:400px; margin:0 auto; background-image:none; height:auto;  }
		.footer-text {  }
		
		#top-slice {background-image:none}
		#mid-slice {background-image:none}
		#bottom-slice {background-image:none}
		.int-text {padding:0px; line-height:1.3; width:420px; padding:20px;}
		
}
		
/*  Mobile (Smaller Phones) /* Note: Design for a width of 240px  */
@media screen and (min-width: 0px) and (max-width: 319px) {
		#wrapper { width:300px; margin:0 auto; height:auto }
        #container1, .spacer, nav-bar, form, #copyright, #navBar { width:300px; margin:0 auto; background-image:none; height:auto }
		#address-box { background:url(images/address-box.png) no-repeat; width:300px; margin:0 auto; background-image:none; height:auto }
		#logo, #logo img { height:auto; max-width:240px; margin:0 auto; float:none}
		#container2 { width:300px; margin:0 auto; height:auto }
		#photo-box { width:300px; margin:0 auto; background-image:none; height:auto }
		#news-section { width:300px; margin:0 auto; background-image:none; height:auto }
		#mid-section { width:300px; margin:0 auto; background-image:none; height:auto }
		#scroller { width:300px; margin:0 auto; background-image:none; height:auto }
		#footerbox { width:300px; margin:0 auto; background-image:none; height:auto }
		.foot-content1 { width:300px; margin:0 auto; background-image:none; height:auto }
		.foot-content2 { width:300px; margin:0 auto; background-image:none; height:auto }
		.foot-content3 { width:300px; margin:0 auto; background-image:none; height:auto }
		.foot-content4 { width:300px; margin:0 auto; background-image:none; height:auto }
		.footer-text { width:300px; margin:0 auto; background-image:none; height:auto }
}

/* Drop Menu */
@media only screen and (max-width: 640px) {
	.navigation { margin:20px 0 0 0; width:auto;
		ul {
			border:none;
			background:none;
			.border-radius(0);
		}
		li {
			border-right: none;
		}
		li:hover {
			a {
				.linear-gradient(#ff8400, #e07400, 100%);
				color:#fff;
			}
			.children {			
				a {
					color:#000;
				}
				a:hover {
					.linear-gradient(#ff8400, #e07400, 100%);
					color: #fff;
				}
			}
		}
		a {
			border:1px solid #ddd;
			.border-radius();
			font-size:1.2em;
			height:auto;
			.linear-gradient();
			line-height:1em;
			padding:15px;
		}
		.children {
			border:1px solid #ddd;
			.border-radius(5px);
			top: 40px;
		}
	}
	.instructions {
		.border-radius();
		color:#fff;
		font-size:1.2em;
		.linear-gradient(#ff8400, #e07400, 100%);
		line-height:1em;
		margin:0 0 5px;
		padding:5px 10px
	}
}

.navigation select { font-size:1.5em }