If it is automatically arranged, all your pages will be in listed alphabetical order.  Simply go to 'Edit Sidebar' at the bottom of the sidebar, click on 'edit' in the Navigation box, UNCHECK the 'automatically arrange pages' and a list of pages will show up with grey arrows on the side.  Select the page you want to move and click on one of the gray arrows.  This will change the sequence of the Navigation box.

Interested in creating a "UWest Website Workshop" type banner for your own site?  You don't need Photoshop, you just need 2 minutes!

You'll find this and more at the resources section.  The logo for this site is created at the Cool Text website.

If you want to collaborate with other people on your website (so they can make changes, write new posts, etc) check out the difference between making people owners or collaborators (you can select this under 'Site Settings'):

Google Help Site Link

The dotted blue border above is made with the following css stylesheet code in the IMG SRC tag: style="border: 3px dotted #5F9DFF".  The CSS format for border styles are as so, separated by a space:

1. Declare what you are trying to do, i.e. add a border.
2. how thick you want the border to be, i.e. 3px
3. what style you want the border to be, i.e. dotted, solid, dashed, see more here under POSSIBLE VALUES.
   
4. what color you want the border to be.  See here for more on HEX Color codes.
   

With Google sites, you can use inline CSS for each element (IMG, A HREF, DIV, TABLE, TR, TD,...), example: <img src="URL here" style=" " />

More examples:

  This one uses CSS border and padding.

  This one uses CSS border-top, border-bottom.

Caveat: because Google Sites is mainly a WYSIWYG editor, it will change your HTML code to the format it likes.  So you will often see that what you type in will be slightly different the next time you open the HTML editor.

Learn to code CSS.