/* HEADER */
div#topLeft{/* logo inside */
position:absolute;
left:100px;
top:50px;
z-index:1;
width:225px;
height:103px;
}
img#topLogo{width:225px;height:102px;}
div#topRight{/* box top right on header containing links and contact info */
position:absolute;
left:290px;
top:0px;
z-index:1;  
width:779px;
font-size:18px;
line-height:1.3;
}
div#topRight a{color:#379937;text-decoration:none;}
div#topRight a:hover{color:#46A147;text-decoration:underline;}
/* top info 2 lines */
div#topRight div.topinfo{
text-align:right;
line-height:normal;
} 
/* top buttons */
div#topButtonContainer{
float:right;
margin-top:15px;
margin-bottom:15px; 
} 
div#topButtonContainer div.topButton,
div#topButtonContainer div#topButton{
width:90px;
cursor:pointer;
background:#46A147;
padding:3px;
margin:0 10px 0 10px;
text-align:center;
font-size:16px; 
line-height:1.9;/*causes it to make top green buttons same height as language box*/
}
div#topButtonContainer div.topButtonLanguage{
width:135px;
white-space:nowrap;
cursor:pointer;
background:#ffffff;
padding:3px;
margin:0 10px 0 10px;
}
div#topButtonContainer div.topButton:last-child,
div#topButtonContainer div.topButton.last,
div#topButtonContainer div#topButton:last-child,
div#topButtonContainer div#topButton.last{margin:0 0 0 10px;}
div#topButtonContainer div.topButton a,
div#topButtonContainer div#topButton a{color: #FFFFFF;text-decoration:none;}
div#topButtonContainer div.topButton a:hover,
div#topButtonContainer div#topButton a:hover{color:#F7F7F7;} 

/* top MENU*/
div#topLinkContainer{float:right;text-align:right;} 
div#topLinkContainer span.link{
margin-left:11px;
margin-right:11px; 
white-space:nowrap; 
} 
div#topLinkContainer span.last{margin-right:0;} 
div#topLinkContainer span.link a{text-decoration:none;}
div#topLinkContainer span.link a:hover{
color:#379937; /* darker green */
text-decoration:underline;
}
/* top underline */
div#topUnderline{
position:absolute;
top:144px;
left:210px;
z-index:2;
width:910px;
border-bottom:1px solid #46A147; /* normal green color,*/ 
}

/* NOW MAKE THE BLOG PAGE MIND (this is call in the scripts header on the w3say it platform) */


DIV#blog-page DIV#topHead{  /* FOR BLOG: like div#page in barsprogram.com */
position:relative;  
width:100%;
height:170px; 
margin:0 auto 0 auto; 
}

DIV#blog-page div#topLeft{
position:absolute;
left:100px;
left:0; /* override for blog width 1024 not 1120px */
top:50px;
z-index:1;
width:225px;
height:103px;
}
DIV#blog-page img#topLogo{
width:225px;
height:102px;
border:0;
}
DIV#blog-page div#topRight{/* box top right on header containing links and contact info */
position:absolute;
left:230px; /* override 330px for blog width 1024 not 1120px */
top:0px;
z-index:1;  
width:779px;   
font-family: "Ubuntu",arial,helvetica,sans-serif !important;
font-size:18px !important;
line-height:1.3 !important;
font-weight:500 !important;
}

DIV#blog-page div#topRight a,
DIV#blog-page div#topRight a:link, 
DIV#blog-page div#topRight a:active, 
DIV#blog-page div#topRight a:visited{
color:#379937;  /* darker green */
text-decoration:none;
font-family: "Ubuntu",arial,helvetica,sans-serif !important;
font-size:18px !important;
line-height:1.3 !important;
font-weight:500 !important;
}
DIV#blog-page div#topRight a:hover{
color:#46A147;  /* normal green color,*/ 
text-decoration:underline;
}
/* BLOG top info 2 lines */
DIV#blog-page div#topRight div.topinfo{
text-align:right; 
color:#46A147;  /* green standard color font */
font-family: "Ubuntu",arial,helvetica,sans-serif !important;
font-size:18px !important;
line-height:1.3 !important;
font-weight:500 !important;
} 
/* top buttons */
DIV#blog-page div#topButtonContainer{
float:right;
margin-top:15px;
margin-bottom:15px;
} 
DIV#blog-page div#topButtonContainer div.topButton{
width:90px;
cursor:pointer;
background:#46A147 !important;/* green bg color  */
padding:3px;
margin:0 10px 0 10px; 
text-align:center;
}
DIV#blog-page div#topButtonContainer div.topButton:last-child{margin:0 0 0 10px;}
 
DIV#blog-page div#topButtonContainer div.topButton a,  
DIV#blog-page div#topButtonContainer div.topButton a:link,
DIV#blog-page div#topButtonContainer div.topButton a:active,
DIV#blog-page div#topButtonContainer div.topButton a:visited{
font-family: "Ubuntu",arial,helvetica,sans-serif !important;
font-weight:500 !important;
font-size:16px; 
line-height:1.9;/*to make top green buttons same height as language box*/
font-weight:500 !important;
color: #FFFFFF !important;
text-decoration:none !important; 
}
DIV#blog-page div#topButtonContainer div.topButton a:hover{
color:#f7f7f7 !important; /* light gray */
}
/* top menu links */
DIV#blog-page div#topLinkContainer{
float:right;
text-align:right;
} 
DIV#blog-page div#topLinkContainer span.link{
margin-left:11px;
margin-right:11px; 
white-space:nowrap; 
} 
DIV#blog-page div#topLinkContainer span.last{margin-right:0;} 
DIV#blog-page div#topLinkContainer span.link a,
DIV#blog-page div#topLinkContainer span.link a:link,
DIV#blog-page div#topLinkContainer span.link a:active,
DIV#blog-page div#topLinkContainer span.link a:visited{
color:#46A147 !important; /* normal color, not darker green */
text-decoration:none;
font-family: "Ubuntu",arial,helvetica,sans-serif !important;
font-size:18px !important;
line-height:1.3 !important;
font-weight:500 !important;
}
DIV#blog-page div#topLinkContainer span.link a:hover{
color:#379937 !important; /* darker green */
text-decoration:underline;
}
DIV#blog-page div#topUnderline{
position:absolute;
top:144px;
left:210px;
z-index:2; 
width:814px; /* override 910px for blog width 1024 not 1120px */
border-top:1px solid #46A147;  
}
/* END BLOG HEADER */