/* mobile width */
#css_mobile {
display:block; /* block tells jQuery the css on this page is in mobile mode */
} 
#header #main #template { 
width:100%;     
}
#header #stripe {
position:static;
margin-top:5px;
height:60px; 
}
#header #left {
float:none; 
width:100%;
display:block;
}
#header #left img {  
height:140px; 
width:auto;
}
#header #right {
float:none;  
width:100%; 
display:block;
} 
#header #right p.first {
margin-top:9px;
font-weight:bold;
}
#header #right p {
color:#000000;
text-align:center;
font-size:17px;
}  
#header #right #menu {  
background:#000000; 
overflow-x:hidden; 
margin:10px 0 0 0;  
}  
#header #right #menu #hbgr {
display:block; /* displays only on mobile width */
} 
#header #right #menu #elements {    
overflow-x:hidden;
display:none;  
text-align:left;
border-top:1px solid #505050;
}
#header #right #menu #elements div { 
display:block;
margin:8px 8px 8px 10px; 
}  
#header #right #menu #elements div a {  
color:#FFFFFF;
}
/* bg with no background image on mobile (header.js changes it to class bg-nopic) */ 
.bg-nopic {
width:100% !important; 
padding-top:160px;
border:0; 
} 
.bg {
width:100% !important; 
border:0; 
}
.blue-container { 
width:100% !important; 
padding-top: 0px !important;
padding-bottom:30px; 
min-height:auto; 
background:#ffffff;
background-image: linear-gradient(#ffffff, #6DD1F5); /* lighter blue: #B4E7FA */ 
} 
#footer {
width:100%;  
}  
.bodyFourth {
width:100%;
float:none; 
} 
.bodyHalf {
width:100%;
float:none; 
}
.bodyPad {
padding:5px;
}
.mobileOnly { /* element displays only on mobile version */
display:block; 
}  
div.mobileOnly.inline {
display:inline-block; 
}
.noMobile { /* displays only on full site version */
display:none;
} 
#footer p.sponsor {
margin:0px 5px 5px 5px !important;
font-size:17px; 
text-align:center !important;
white-space:normal;
} 
#footer img.sponsor {/* reynolds logo */
display:block;
margin:0 auto 0 auto !important; 
}