<style type="text/css"><!--
#header {
border-bottom: 2px solid darkgray;
width: 950px;
height: 147px;
}
#header > div {
float:left;
padding: 15px;
height: 117px;
}
#header > div > img{
}
span.make-link {
position:absolute;
width:100%;
height:100%;
top:0;
left: 0;
z-index: 1;
}
#logo{
width:350px;
position:relative;
}
.header-button{
margin:0 15px 0 15px;
width:8s0px;
position:relative;
border-left-style: dotted;
}
#header-tools{
width:232px;
}
div.vertical-separator {
margin: 15px 0;
padding: 0 !important;
float: left;
border-left: 1px dotted #808080;
width: 0;
height: 113px !important;
}
--></style>
<div id="header">
<div id="logo"><img alt="Join the Conversation site logo." height="109" src="Images/campaigns/join-the-conversation/logo(0).png" width="305" /></div>
<div class="vertical-separator"></div>
<div class="header-button" id="header-be-informed-button"><a href="x50274.xml"><span class="make-link"></span><img class="button-img" height="69" src="Images/campaigns/join-the-conversation/icon-be-informed.png" style="display: block; margin-left: auto; margin-right: auto;" width="69" /></a>
<h3 style="text-align: center; margin-top: 7px;">Be<br />Informed</h3>
</div>
<div class="vertical-separator"></div>
<div class="header-button" id="header-be-heard-button"><a href="x50273.xml"><span class="make-link"></span><img class="button-img" height="69" src="Images/campaigns/join-the-conversation/icon-be-heard.png" style="display: block; margin-left: auto; margin-right: auto;" width="69" /></a>
<h3 style="text-align: center; margin-top: 7px;">Be<br />Heard</h3>
</div>
<div class="vertical-separator"></div>
<div class="header-button" id="header-tools"><a href="x50271.xml"><span class="make-link"></span><img class="button-img" height="69" src="Images/campaigns/join-the-conversation/icon-tools.png" style="display: block; margin-left: auto; margin-right: auto;" width="177" /></a>
<h3 style="text-align: center; margin-top: 7px;">Communication Tools<br />and Resources</h3>
</div>
</div>