<div class="container" style="width:800px;">
		<div style="width:300px; margin: auto;  background-color:#ffccff;">
			<ul id="sortable1" style="margin: auto;" class="connectedSortable">
			  <li class="ui-state-default" id='item1'>DOG</li>
			  <li class="ui-state-default" id='item2'>POUND</li>
			  <li class="ui-state-default" id='item3'>COW</li>
			  <li class="ui-state-default" id='item4'>CAT</li>
			  <li class="ui-state-default" id='item5'>MILK</li>
			</ul>

			<ul id="sortable2" style="margin: auto;" class="connectedSortable">
			  <li class="ui-state-highlight" id='item6'>SUPER</li>
			  <li class="ui-state-highlight" id='item7'>HEARTH</li>
			  <li class="ui-state-highlight" id='item8'>FOOT</li>
			  <li class="ui-state-highlight" id='item9'>FISH</li>
			  <li class="ui-state-highlight" id='item10'>LION</li>
			</ul>
			<div id="buttonholder" align ="center">
                    <input type="submit" name="login" class="buton" value="SUBMIT" />
            </div>
		 </div>
	</div> <!--container -->