body {
margin:0;
padding:0;
background:#ffffff; 
font-family:'Open Sans',arial,helvetica,sans-serif;
 overflow-x:hidden; 
}
#css_mobile {
display:none;
} 
#header {
position:relative; 
font-size:18px;
}
#header p { 
margin:0;
}  
#header #stripe {
position:absolute;
z-index:1;
left:0;
top:15px;
width:100%; 
height:100px;
background:#EE3527; /* red */
}
#header #main {
position:absolute;
z-index:2;
left:0;
top:0px;
width:100%;  
}
#header #main #template {
margin:5px auto 0 auto; 
width:1230px;
}
#header #left {
width:34%;
float:left;
margin:0;
padding:0; 
}  
#header #left img { /* logo */
display:block;
margin:0 auto 0 auto;
width:240px;
height:auto;
border:0; 
}
#header #right {
float:left;
width:66%;  
margin:0;
padding:0; 
} 
#header #right p {
text-align:left;
color:#ffffff;
font-size:18px;
line-height:1.5;
}
#header #right p.first {
margin-top:19px; 
} 
.mobileOnly { /* element displays only on mobile version */ 
display:none;
}  
#header #right #menu {
margin-top:13px; 
}  
#header #right #menu #elements {   
display:block;  
padding-right:130px;
text-align:right;  
}
#header #right #menu #elements div { 
display:inline-block;
margin-left:15px;
margin-right:15px; 
} 
#header #right #menu #elements div a {  
color:#000000;
font-weight:bold; 
text-decoration:none;
white-space:nowrap;
font-size:19px;
}
#header #right #menu #elements div a:hover { 
text-decoration:underline;
} 
/* hamburger menu  */ 
#header #right #menu #hbgr {
display:none; /* displays only on mobile width */ 
}
#header #right #menu #hbgr .word {
display:table-cell;
vertical-align:middle;
padding:6px 6px 6px 10px;
} 
#header #right #menu #hbgr .lines {
display:table-cell;
vertical-align:middle; 
padding:6px 0 6px 0;
}
#header #right #menu #hbgr .word span { /* MENU word */
font-weight:bold; 
font-size:17px;
color:#ffffff;
}
#header #right #menu #hbgr .lines div { 
display:block;
width: 35px;
height: 3px;
background-color: #FFFFFF;
margin: 4px 0;
}

/* body and background image */  
.bg { /* javascript switches to this when the screen is wide enough*/
width:1230px;
margin:0 auto 15px auto;  
min-height:400px; 
background-image: url('/images/bg.jpg');
background-repeat: no-repeat;
border-left:2px solid #dddddd;
border-right:2px solid #dddddd;
border-bottom:2px solid #dddddd;  
}
.bg-nopic {
width:1230px;
margin:0 auto 15px auto;    
padding-top:60px;
background-repeat: no-repeat;
border-left:2px solid #dddddd;
border-right:2px solid #dddddd;
border-bottom:2px solid #dddddd;  
} 
.blue-container {  
padding-top:180px; 
min-height:600px;
padding-bottom:50px;
background: transparent url("/images/bg-blue.jpg") repeat-x bottom center;
}
p.margins { 
margin:0 8px 0 8px;
}
.bold {
font-weight:bold;
}
.textCenter {
text-align:center;
}
.smaller {
font-size:smaller;
}
.nobr {
white-space:nowrap;
}


#container {
clear:both;
width:100%;
overflow:auto; 
}
#footer {
margin:0 auto 40px auto; 
width:1230px;
}
.bodyFourth {
width:25%;
float:left;
margin: 0 !important;
padding: 0 !important;
border:0 !important;
} 
.bodyHalf {
width:50%;
float:left;
margin: 0 !important;
padding: 0 !important;
border:0 !important;
}
.bodyPad {
padding:10px;
}

 #footer p.sponsor {
white-space:nowrap;
margin:45px 15px 0 0;
font-size:17px;  
text-align:right;
} 
#footer img.sponsor {/* reynolds logo */
width:140px;
height:67px; 
border:0; 
margin:10px 0 0 0;
}