Positioning of Search Bar

Positioning of Search Bar

I have inserted a search bar by using my websites code injection points
and now trying to re position it below my site tag line. Below in an
screenshot of what I am trying to accomplish.
My website is www.jobspark.ca
<script type="text/javascript"
src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script>
<script type="text/javascript">
$(document).ready(function(){
$("#banner-area").prepend("<div id='banner-tagline'>Your British Columbia
and Alberta Job Search</div>");
});
</script>
<div class="positionedSearch"></div>

Current CSS for the search bar includes
.positionedSearch {
width: 400px;
height: 45px;
}