3rd party embeded code not working on page center area

I have third-party embeddable code that is supposed to produce a widget on my site.

I want to use it in the body of a page, in the center area (not a post). I don't know any reason why it shouldn't work--it seems similar to me to embedding code from YouTube into a page to produce a player, and that works fine on my pages.

This is the code. It's from a ticket sales site, http://brownpapertickets.com

<link rel="stylesheet" type="text/css" href="http://www.brownpapertickets.com/widget.css" /> <DIV ID="bpt_eventbody"><CENTER>

Brown Paper Tickets Ticket Widget Loading...

Click Here to visit the Brown Paper Tickets event page.</CENTER>

</DIV> <script src="http://www.brownpapertickets.com/eventwidget.js?event=497615&nodescription=1" type="text/javascript" language="javascript"></script> <script src="http://www.brownpapertickets.com/widget.js?event=497615" type="text/javascript" language="javascript"></script>

When I put it in my page nothing shows. I can't determine the source of the problem. Is it the code itself? Is it the fact that I'm trying to put it into a page instead of into a sidebar widget area? Is it the theme I'm using? Is it conflicting somehow with one of my plugins?

I'm on version 3.6.1 of Wordpress, on my own instance of Wordpress, hosted on Bluehost. I'm running version 3.7.12 of Atahualpa.

I've got 14 active plugins, none of which have caused me an problems in the past. I can list them all here if that would be helpful.

Help in troubleshooting this would be greatly appreciated. The page where It should be showing is http://stonewallchorale.org/tickets

I'm also looking for help on the Wordpress.org forums, but since I don't know that the root of the issue I thought I should cross-post.