@charset "utf-8";
@media only screen and (max-width: 1024px) {
table td { vertical-align: top; }
#content tr td { border-top: 1px solid rgb(231, 231, 231); padding: 6px 10px; }
}
@media only screen and (max-width: 960px) {
#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper { margin: 0 auto; width: 100%; }
#access { width: 100%; }
#access .menu-header, div.menu { margin: 0 auto; width: 98%; }
#content { float: right; margin: 0 10px 36px; }
.home-text { padding: 0; }
#wrapper #main { padding: 30px 0 0; width: 96%; }
#primary, #secondary { width: 50%; }
#footer { margin-bottom: 0; }
#site-info { font-weight: bold; width: auto; }
#branding img { width: 100%; height: auto; }
.one-column #content { margin: 0 auto; width: 100%; }
#content tr td:first-child { width: 58%; }
#content tr td { border-top: 1px solid rgb(231, 231, 231); padding: 6px 10px; width: 48%; vertical-align: top; }
}
@media only screen and (max-width: 800px) {
#access a { padding: 0 7px; }
#primary, #secondary { width: 43%; }
#site-info { background: url("images/footer-background.png") repeat scroll right 18px rgba(0, 0, 0, 0); }
#content tr td:first-child { width: 30%; }
}
 @media only screen and (max-width: 767px) {
#content { float: left; margin: 0 10px 36px; }
#primary, #secondary { width: 100%; }
#site-title { width: auto; }
#access .menu-header, div.menu { margin: 0 auto; padding: 10px 0; width: 95%; }
select.responsiveMenuSelect { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: rgb(255, 255, 255); font-size: 15px; }
select.responsiveMenuSelect option { padding: 5px 10px; }
#container { float: right; margin: 0; width: 100%; }
}
@media only screen and (max-width: 600px) {
#content tr td:first-child { width: 40%; }
#content tr td img { height: auto; width: 100%; }
}
@media only screen and (max-width: 550px) {
.alignright, img.alignright { display: block; float: none; }
}
@media only screen and (max-width: 385px) {
#site-title { margin: 0; width: auto; }
#branding img { margin: -117px 0 0; }
#content { width: 100%; margin: 0; }
.slideshow { width: 100% !important; }
.slider_in img { height: 270px !important; width: 100% !important; }
.slider_in { height: 270px !important; width: 100% !important; }
.quats > img { width: 100%; }
.lof-slidecontent { position: relative !important; width: 100% !important; }
.alignright, img.alignright { margin-left: 0; margin-top: 4px; }
}