/* 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; padding:0 auto }
		#container {
		background:#1d291b;
		float: left;
		margin: 6px -240px 0 0;
		width: 700px;
		-moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;
}
.one-column #content {
	margin: 0 auto;
	width: 660px;
	padding:20px;
}
		#logo, #logo img { width:393px; height:auto; vertical-align: top; margin:0 auto; padding:0; margin-top:-3px;}
		#info-box{background:#c5d8bf; border:#CCCCCC 1 px solid; width:700px; height:auto; margin-top:-6px!ie; float:left; margin-bottom:0px; background-image: linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -o-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -moz-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -webkit-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -ms-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	right top,
	color-stop(0.36, rgb(255,255,254)),
	color-stop(0.68, rgb(211,229,179)),
	color-stop(0.84, rgb(185,215,133))
); -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;}

.home #info-box{background:#c5d8bf; border:#CCCCCC 1 px solid; width:700px; height:auto; margin-top:-6px!ie; float:left; margin-bottom:-24px; background-image: linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -o-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -moz-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -webkit-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -ms-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	right top,
	color-stop(0.36, rgb(255,255,254)),
	color-stop(0.68, rgb(211,229,179)),
	color-stop(0.84, rgb(185,215,133))
);}
		#socialIcons { display:none}
		#socialIcons img { display:none}
        #container1 { width:700px; margin:0 auto; height:auto }
		#main-photo { background:#2b4b26; width:700px; margin:0 auto; height:auto }
		#briask-iss58 { width:700px; margin:0 auto; height:auto }
		#announcement-box {display:none}
		#address-box, #address-box img {display:none }
		#infobar {display:none}
		.home #infobar {display:none}
		#container2 {width:700px; height:auto; margin:0; }
		#events-box{display:none }
		#access, #access select{width:700px; margin-bottom:4px; padding:4px 0 4px 0}
		
		#buttons {width:700px; height:auto; float:left; margin:0 auto; padding:0; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;}
		#button-topleft {width:350px; height:121px; float:left; margin:0 auto; padding:0;}
#button-topright {width:350px; height:121px; float:right; margin:0 auto; padding:0;}
#button-bottomleft {width:350px; height:121px; float:left; margin:0 auto; padding:0;}
#button-bottomright {width:350px; height:121px; float:right; margin:0 auto; padding:0;}

#tabs {width:700px; height:96px; margin:0 auto; padding:0; margin-top:-18px;}
#tabs-lefttop, #tabs-lefttop img {width:350px; height:28px; float:left; margin:0 auto; padding:0; }
#tabs-righttop, #tabs-righttop img {width:350px; height:28px; float:left; margin:0 auto; padding:0;}
#tabs-leftbottom, #tabs-leftbottom img {width:350px; height:68px; float:left; margin:0 auto; padding:0; }
#tabs-rightbottom, #tabs-rightbottom img {width:350px; height:68px; float:left; margin:0 auto; padding:0;}

#colophon  {width:700px; height:auto; float:left; margin:0 auto; padding:0;}
	#site-info {width:700px; height:auto; float:left; margin:0 auto; padding:0; margin-top:20px; }

#container {
	background:#f7f8f5;
	float: left;
	margin: 6px -280px 0 0;
	-moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;
	width: 700px;
}
#content {
	margin: 0 260px 0 20px;
}
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 220px;
	padding-right:250px;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}

}

/*  Mobile (Portrait) /* Note: Design for a width of 320px  */
@media only screen and (max-width: 767px) {
body {
   background:#1d291b; width:300px;
}
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 300px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
}
        #container1 { width:300px; margin:0 auto; height:auto }
		#address-box, #address-box img {display:none }
		#logo, #logo img { height:auto; width:300px; float:left}
		#content img.alignleft, content img.alignright {max-width:270px; height:auto}
		#infobar {display:none}
		.home #infobar {display:none}
#access, #access select{width:300px; margin-bottom:4px; padding:4px 0 4px 0; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;}

		#info-box{background:#e0edc9; border:#CCCCCC 1 px solid; width:300px; height:auto; margin-top:-6px!ie; float:left; margin-bottom:-24px; background-image: linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -o-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -moz-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -webkit-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -ms-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	right top,
	color-stop(0.36, rgb(255,255,254)),
	color-stop(0.68, rgb(211,229,179)),
	color-stop(0.84, rgb(185,215,133))
);}
		#socialIcons { display:none}
		#socialIcons img { display:none}
        #container2 { width:300px; margin:0 auto; height:auto; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;}
	#main-photo, #main-photo img { background:#FFFFFF; width:300px; margin:0 auto; height:152px }
		#briask-iss58, #briask-iss58 img { width:300px; margin:0 auto; height:152px }
	.photoBanners { width:300px; margin:0 auto; height:152px }
		#announcement-box {display:none}
		#announcement-text {display:none}
		#address-box, #address-box img {display:none }
		#infobar {display:none}
		.home #infobar {display:none}
		#container2 {width:300px; height:auto; margin:0 auto; float:left; padding:0 }
		#events-box{display:none }
		#events-text{display:none }
		#ticker01 {display:none }
		#buttons {width:300px; height:auto; float:left; margin:0 auto; padding:0;}
		#button-topleft, #button-topleft img {width:300px; height:auto; float:left; margin:0 auto; padding:0;}
#button-topright, #button-topright img {width:300px; height:auto; float:left; margin:0 auto; padding:0;}
#button-bottomleft, #button-bottomleft img {width:300px; height:auto; float:left; margin:0 auto; padding:0;}
#button-bottomright, #button-bottomright img {width:300px; height:auto; float:left; margin:0 auto; padding:0;}

#tabs {display:none}
#tabs-lefttop, #tabs-lefttop img {display:none }
#tabs-righttop, #tabs-righttop img {display:none}
#tabs-leftbottom, #tabs-leftbottom img {display:none }
#tabs-rightbottom, #tabs-rightbottom img {display:none}

#colophon  {width:300px; height:auto; float:left; margin:0 auto; padding:0;}
	#site-info {width:300px; height:auto; float:left; margin:0 auto; padding:0; }
	#site-generator {width:300px; height:auto; float:left; margin:0 auto; padding:0; }
	#footer {width:300px; height:auto; float:left; margin:0 auto; padding:0; }
		
	#container {
	background:#f7f8f5;
	color:#666666;
	float: left;
	margin: 6px 0px 0 0;
	-moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;
	width: 300px;
}
#content {
	margin: 0 auto;
	width: 280px;
	padding:10px;
	
}
#primary,
#secondary {
background:#f7f8f5;
	-moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;
width:290px; padding-left:10px;
height:auto;}

.widget-title {
background: url(images/header-bg.png) no-repeat;

color: #4b453d;
font-weight: bold;
text-align: left;
}

.widget-container {
	background:#f7f8f5;
	color:#666666;

}

#secondary {
	clear: right;
}

.one-column #content {
	margin: 0 auto;
	width: 280px;
	padding:10px;
}

#site-info {width:300px; height:auto; float:left; margin:0 auto; padding:0; margin-top:20px; }

}

/* Mobile (Landscape) /* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {
   background:#1d291b; width:480px;
}
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 480px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
}
        #container1 { width:480px; margin:0 auto; height:auto }
		#address-box, #address-box img {display:none }
		#logo, #logo img { height:auto; width:480px; float:left}
		#content img.alignleft, content img.alignright {max-width:440px; height:auto}
		#infobar {display:none}
		.home #infobar {display:none}
#access, #access select{width:480px; margin-bottom:4px; padding:4px 0 4px 0; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; background:#fff}

		#info-box{background:#e0edc9; border:#CCCCCC 1 px solid; width:300px; height:auto; margin-top:-6px!ie; float:left; margin-bottom:-24px; background-image: linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -o-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -moz-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -webkit-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);
background-image: -ms-linear-gradient(left bottom, rgb(255,255,254) 36%, rgb(211,229,179) 68%, rgb(185,215,133) 84%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	right top,
	color-stop(0.36, rgb(255,255,254)),
	color-stop(0.68, rgb(211,229,179)),
	color-stop(0.84, rgb(185,215,133))
);}
		#socialIcons { display:none}
		#socialIcons img { display:none}
        #container2 { width:480px; margin:0 auto; height:auto; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;}
	#main-photo, #main-photo img { background:#FFFFFF; width:480px; margin:0 auto; height:243px; padding:0 }
		#briask-iss58, #briask-iss58 img { width:480px; margin:0 auto; height:243px; padding:0 }
	.photoBanners { width:480px; margin:0 auto; height:243px; padding:0 }
		#announcement-box {display:none}
		#announcement-text {display:none}
		#address-box, #address-box img {display:none }
		#infobar {display:none}
		.home #infobar {display:none}
		#container2 {width:480px; height:auto; margin:0 auto; float:left; padding:0 }
		#events-box{display:none }
		#events-text{display:none }
		#ticker01 {display:none }
		#buttons {width:480px; height:auto; float:left; margin:0 auto; padding:0;}
		#button-topleft, #button-topleft img, #buttontopleft {width:240px; height:auto; float:left; margin:0 auto; padding:0;}
#button-topright, #button-topright img {width:240px; height:auto; float:left; margin:0 auto; padding:0;}
#button-bottomleft, #button-bottomleft img {width:240px; height:auto; float:left; margin:0 auto; padding:0;}
#button-bottomright, #button-bottomright img {width:240px; height:auto; float:left; margin:0 auto; padding:0;}

#tabs {display:none}
#tabs-lefttop, #tabs-lefttop img {display:none }
#tabs-righttop, #tabs-righttop img {display:none}
#tabs-leftbottom, #tabs-leftbottom img {display:none }
#tabs-rightbottom, #tabs-rightbottom img {display:none}

#colophon  {width:480px; height:auto; float:left; margin:0 auto; padding:0;}
	#site-info {width:480px; height:auto; float:left; margin:0 auto; padding:0; }
	#site-generator {width:480px; height:auto; float:left; margin:0 auto; padding:0; }
	#footer {width:480px; height:auto; float:left; margin:0 auto; padding:0; }
		
	#container {
	background:#f7f8f5;
	color:#666666;
	float: left;
	margin: 6px 0px 0 0;
	-moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;
	width: 480px;
}
#content {
	margin: 0 auto;
	width: 460px;
	padding:10px;
	
}
#primary,
#secondary {
background:#f7f8f5;
	-moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;
width:470px; padding-left:10px;
height:auto;}

.widget-title {
background: url(images/header-bg.png) no-repeat;

color: #4b453d;
font-weight: bold;
text-align: left;
}

.widget-container {
	background:#f7f8f5;
	color:#666666;

}

#secondary {
	clear: right;
}

.one-column #content {
	margin: 0 auto;
	width: 460px;
	padding:10px;
}

#site-info {width:480px; height:auto; float:left; margin:0 auto; padding:0; margin-top: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 }
}