/*FIXES TO SCREEN STYLE FILE (screen.css) TO ALLOW SMALLER WINDOW SIZES WITHOUT SCROLLING*/

/*Allows main title to be visible regardless of window size*/
div.maintitle { left:auto; right:29px; }

/*Keeps header links visible and centered vertically for smaller window widths (to < 800 pixels);
  this requires also rewriting contents of <div class="TopNavBG"> in source file*/
div.hdrBG div.TopNavBG div.TopNavLinks { float:none; }
div.hdrBG div.TopNavBG div.TopNavLinks a { padding-left:15px; padding-right:0; display:inline; }
div.hdrBG div.TopNavBG div.TopNavLinks a:hover { padding-left:15px; padding-right:0; color:#666; background-image:none; }
div.hdrBG div.TopNavBG div.TopNavLinks span.VertCenterStart { display:inline-block; padding-top:21px; height:0; font-size:0; }
div.hdrBG div.TopNavBG div.TopNavLinks span.VertCenterLinks { display:inline-block; vertical-align:middle; line-height:1.65; }
div.hdrBG div.TopNavBG div.number { padding-left:16px; }

div.hdrBG { min-width:0; }

/*Avoids horizontal scrolling by allowing footer menu to compress horizontally*/
div.footerGra { width:auto; }  /*(May not be necessary, but won't hurt)*/
div.footerContainer { min-width:0; background-color:#ccc; }
div.footerContainer div.footerLinksWrapper { padding-left:1.5%; padding-top:0; padding-bottom:0; margin-bottom:10px; }
div.footerContainer div.footerLinks { width:auto; }
div.footerContainer div.footerLinks ul { padding-left:1.5%; padding-right:1%; padding-top:8px; padding-bottom:5px; white-space:nowrap; }
div.footerContainer div.footer { background-color:#fff; padding-top:5px; }

/*Note: To avoid horizontal scrolling, it is also necessary to rewrite the source file to
  incorporate the main title image background as a style in <div class="TopGraBG">
  rather than using <img>*/

/*Allows body text to wrap without horizontal scrolling (works down to < 800 pixels wide)*/
.bodyContainer { min-width:0; }
div.bodyContainerRight { width:auto; max-width:77%; }
div.NavContainerLeft { padding-right:5px; }