

/**********************************************************************************************

                               Button Bar Items and Content

**********************************************************************************************/

/*  

        Note:  Each <li... tag below creates a new button, you may add as many as you wish.  Terminate each line with 
               a backslash '\'.

     Warning:  Double check that there are no extra white spaces after your terminating '\' backslashes, the bar will fail to
               load if there are extra spaces present.

*/


document.write("\
\
<div style='position:relative;display:none;z-index:0;'><ul id='buttonbar0'>\
\
	<li><a href='./index.html'>welcome</a></li>\
\
	<li><a href='./rooms.html'>rooms &amp; reservation</a></li>\
\
	<li><a href='./thingstodo.php'>things to do</a></li>\
\
	<li><a href='./contact.php'>contact us</a></li>\
\
<div style='clear:left;'></div></ul></div>\
\
");





/**********************************************************************************************

                               Customizable Options and Styles

**********************************************************************************************/


function buttonbardata0()
{


    /*---------------------------------------------
    Orientation and Item Widths
    ---------------------------------------------*/


	this.is_horizontal = false

	this.item_width = 130




    /*---------------------------------------------
    Container Settings
    ---------------------------------------------*/


	this.container_border_width = "1px"
//	this.container_border_style = "dotted"	
	this.container_border_style = "solid"
	this.container_styles = "margin-left:26px; background-color:#ab9d5c; border-color:#ab9d5d;  border-left-width:0px; border-right-width:0px; border-bottom-width:0px;"



    /*---------------------------------------------
    Item Settings
    ---------------------------------------------*/

	this.item_padding = "5px,0px,5px,10px"




	this.item_styles =            "text-align:left;				\
                                       text-decoration:none;		\
                                       font-weight:normal;			\
                                       font-family:Arial;			\
                                       font-size:12px;				\
                                       border-color:#ab9d5d;		\
                                       background-color:#d5cea4;	\
                                       color:#554e2e;				\
                                       border-style:solid;			\
                                       border-width:1px;			\
                                       border-top-width:0px;			"




	this.item_hover_styles =      "text-align:left;				\
                                       text-decoration:none;		\
                                       font-weight:normal;			\
                                       font-family:Arial;			\
                                       font-size:12px;				\
                                       background-color:#FFFFFF;	\
                                       color:#554e2e;				\
                                       border-style:solid;			\
                                       border-width:1px;			\
                                       border-top-width:0px;			"



	this.item_active_styles =     "text-align:left;				\
                                       text-decoration:none;		\
                                       font-weight:normal;			\
                                       font-family:Arial;			\
                                       font-size:12px;				\
                                       background-color:#FFFFFF;	\
                                       color:#554e2e;				\
                                       border-style:solid;			\
                                       border-width:1px;			\
                                       border-top-width:0px;			"


}


