# Navigation Toolbar: Outside the Map

To place the Naviation Toolbar outside the map:

- Load the default stylesheet into the page.
- Override the location of the Navigation toolbar in your CSS by setting `#yourElementId div` to have a top of 0px
- Specify the HTML element as a 'div' option in your NavToolbar constructor
- Add the olControlNavToolbar class to your div.

    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
    <style type="text/css">
      #paneldiv { float: right; }
      #paneldiv div {
        top: 10px;
      }
    </style>
    <div id="paneldiv" class="olControlNavToolbar"></div>

    ...

    var panel = new OpenLayers.Control.NavToolbar({'div':OpenLayers.Util.getElement('paneldiv')});