.border {
        position:           absolute;
        height:             30px;
        width:              30px;
    }

    /*    WRAPPER BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #wrapper_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/left.jpg) repeat-y;
    }
    
    #wrapper_top {
        top:                0;
        left:               30px;
    }
    #wrapper_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #wrapper_left {
        top:                30px;
        left:               0;
        height:             1000em;
        background:         url(../images/borders/left.jpg) repeat-y;
    }
    #wrapper_centre {
        top:                30px;
        left:               30px;
        height:             100%;
    }
    #wrapper_right {
        top:                0;
        right:              0;
        height:             1000em;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #wrapper_bottom_left {
        bottom:             1em;
        left:               0;
        background:         url(../images/borders/bottom_left.jpg) no-repeat;
    }
    #wrapper_bottom {
        bottom:             1em;
        left:               30px;
        width:              62em; 
        background:         url(../images/borders/bottom.jpg) repeat-x;
    }
    #wrapper_bottom_right {
        bottom:             1em;
        right:              0;
        background:         url(../images/borders/bottom_right.jpg) no-repeat;
    }
    /* END WRAPPER BORDERS */
    
    
    
    /*    HEADER BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #header_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/left.jpg) repeat-y;
    }
    
    #header_top {
        top:                0;
        left:               30px;
    }
    #header_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #header_left {
        top:                30px;
        left:               0;
        height:             1000em;
        background:         url(../images/borders/left.jpg) repeat-y;
    }
    #header_centre {
        top:                30px;
        left:               30px;
        height:             100%;
    }
    #header_right {
        top:                30px;
        right:              0;
        height:             1000em;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #header_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/bottom_left.jpg) no-repeat;
    }
    #header_bottom {
        bottom:             0;
        left:               30px;
        width:              59em; 
        background:         url(../images/borders/bottom.jpg) repeat-x
    }
    #header_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/bottom_right.jpg) no-repeat;
    }
    /* END HEADER BORDERS */
    
    
    /*    LEFT PANEL BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #left_panel_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/left.jpg) repeat-y;
    }
    
    #left_panel_top {
        top:                0;
        left:               30px;
    }
    #left_panel_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #left_panel_left {
        top:                30px;
        left:               0;
        height:             1000em;
        background:         url(../images/borders/left.jpg) repeat-y;
    }
    #left_panel_centre {
        top:                30px;
        left:               30px;
        height:             100%;
    }
    #left_panel_right {
        top:                30px;
        right:              0;
        height:             1000em;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #left_panel_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/bottom_left.jpg) no-repeat;
    }
    #left_panel_bottom {
        bottom:             0;
        left:               30px;
        width:              6.2em; 
        background:         url(../images/borders/bottom.jpg) repeat-x
    }
    #left_panel_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/bottom_right.jpg) no-repeat;
    }
    /* END LEFT PANEL BORDERS */
    
    
    /*    MAIN BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #main_top_left {
        top:                0;
        left:               0;
        background:         url(../images/borders/left.jpg) repeat-y;
    }
    
    #main_top {
        top:                0;
        left:               30px;
    }
    #main_top_right {
        top:                0;
        right:              0;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #main_left {
        top:                30px;
        left:               0;
        height:             1000em;
        background:         url(../images/borders/left.jpg) repeat-y;
    }
    #main_centre {
        top:                30px;
        left:               30px;
        height:             100%;
    }
    #main_right {
        top:                30px;
        right:              0;
        height:             1000em;
        background:         url(../images/borders/right.jpg) repeat-y;
    }
    #main_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../images/borders/bottom_left.jpg) no-repeat;
    }
    #main_bottom {
        bottom:             0;
        left:               30px;
        width:              100%; 
        background:         url(../images/borders/bottom.jpg) repeat-x;
    }
    #main_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../images/borders/bottom_right.jpg) no-repeat;
    }
    /* END MAIN BORDERS */    ul.vertical_menu {

        position:           relative;

		width:				11em;

		margin:             0 0 0.5em 0;

        padding:            0 0.8em 1em 0.8em;;

        background-color:   #D8D7B9;

		list-style:			none;

	}

    	

	.vertical_menu li {

		font-size:			100%;

		font-weight:		normal;

		padding:	    	1em 0 1em 0;

		height:				1em;

        border-bottom:      0.2em dotted black;

	}

	

	.vertical_menu li a {

		text-decoration:	none;

		color:				#65682E;

		border:				none;

	}

	

	.vertical_menu li a:hover {

		text-decoration:	none;

		color:				#A7AB74;

        font-style:         italic;

	}

    

    .menu_highlight {

		background-color:   transparent !important;

        background-image:   none !important;

    }

 

    .menu_highlight a{

		color:              #65682E !important;

        font-weight:        bold;

    }

    

	ul.horizontal_menu {

    	position:			absolute;

        right:              0;

        top:                10em;

		width:				47em;

		height:				2.1em;

		margin:				0;

		padding:			0;

        /*

		background-image:   url(../images/nav-bg.jpgg);

		background-repeat:  repeat-x;

		background-position:top;

        */

		background-color:   #D8D7B9;

		list-style:			none;

	}



	.horizontal_menu li {

		float:				left;

		margin:				0;

		padding:			0;

		font-size:			100%;

		/*letter-spacing:		.16em;*/

		text-transform:		none;

		/*background-image:   url(../images/nav-divider.png);

		background-position:right center;

		background-repeat:  no-repeat;*/

        border-right:        0.1em dotted #65682E;

	}

	.horizontal_menu li a {

		float:				left;

		padding:			.45em 1em;

		text-decoration:	none;

		color:				#65682E;

		border:				none;

	}

	.horizontal_menu li a:hover {

		text-decoration:	none;

		color:				#A7AB74;

	}
	

	html {

		font-family:		helvetica,Arial,Verdana,sans-serif;

		height:				100%;

        overflow-y:         scroll;

	}

	

	h1 {

		color:				#65682E;

		font-size:			100%;

		font-weight:		bold;

	}

	

	h2 {

        font-size:          95%;

        color:              #65682E;

        margin:             0 0 0.1em 0;

	}

	

	body {

		margin:				0;

        padding:            0;

		height:				100%;

		background-color:	#A7AB74;

	}

    

    p {

        margin:             0 0.5em 0.7em 0;

    }

        

	img {

		display:			block;

	}



	a:link, a:visited {

		color:				#000000;

		text-decoration:	none;

	}

	

	#banner {

		background-color:	#ecf470;

		height:				7.5em;

	}

	

	#banner img {

		position:			absolute;

	}

	

	#banner_centre {

		position:			relative;

		margin:				auto;

		width:				58em;

		height:				7.5em;

	}

	

	#banner_spacer {

		position:			relative;

		margin:				auto;

		height:				3em;

		background-color:	#f5faa7;

	}

	

	#banner_spacer_text {

		position:			relative;

		width:				60em;

		margin:				auto;

		padding:			1em 0 0 0;

		color:				#65682E;

	}

	

	#banner_text {

		position:			absolute;

		top:				2.2em;

		left:				21em;

		padding:			0.1em 0 0.1em 0.2em;

		margin:				0 0 0 1em;

		border-left:		.1em solid #65682E;

		color:				#65682E;

	}

	

	#banner_awards {

		top:				0.3em;

		right:				0;

		position:			absolute;

	}

	

	#banner_awards img {

		position:			relative;

		float:				right;

		margin:				0 0 0 0.4em;

	}	



	#logo {

		position:			absolute;

		top:				2.2em;

		left:				0;

	}

	

	#wrapper {

		position:			relative;

		width:				60em;

		top:				3em;

 		margin:		        0 auto 0 auto;

		padding:			0 0.5em 0 0.5em;

		/*border-left:		.15em solid #D8F1FF;

		border-right:		.15em solid #D8F1FF;*/

        overflow:           hidden;

        min-height:         100%;

		background-color:	#FFFFFF;

	}

	

	#header {

        position:           relative;

        width:              58em;

        margin:             0.5em 0 0 0;

        padding:            0 0 0 2em;

		height:				13em;

        overflow:           hidden;

		background-color:	transparent;

	}

	

	#header #quote {

		position:			absolute;

		width:				9.4em;

		height:				8.1em;

		left:				0;

		padding:			1.5em 0.5em 0.5em 0.5em;

		color:				white;

		font-style:			italic;

		font-size:			120%;

		line-height:		1.4;

		text-align:			center;

		background:			#65682E url('../iimages/openquote.png') no-repeat scroll 20px 10px ;

	}

	

	#header img{

        float:           	right;

		width:				47em;

	}

	

	#left_panel {

        position:           relative;

		width:				12.5em;

        float:              left;

        overflow:           hidden;

		background-color:	transparent;

    }

	

	#right_panel {

		margin:				0 0 1em 0.5em;

    }

	

	.button {

        margin:				0 0 0 0;

		clear:				right;

		cursor:				pointer;

    }



	#right_panel img {

        float:              right;

        margin:				0 0.25em 0 0;

		clear:				right;

    }



	#main {

        position:           relative;

		width:				45.7em;

        margin:             0 0 3em 0;

        padding:            0 0 2.4em 1.7em;

		overflow:			hidden;

		background-color:	#FFFFFF;

	}

	

    #main p, #main ol, #main ul, #popup_panel p {

		color:				#65682E;

		font-size:			95%;

		line-height:		1.5em;

    }

	

	#main img {

		display:			inline;

		margin:				0 0 0 1em;

	}

	

	#main ul {

		font-size:			95%;

		color:				#65682E;

		line-height:		1.5em;

	}

	

	#main #video {

		position:			relative;

		right:				0;

	}

	

	#main .where_to_eat {

		height:				9.75em;

		margin:				3em 0 0 5em;

	}

	

	#main .what_to_see {

		height:14.5em;

	}

	

	#main .what_to_see_image {

		float:				right;

		margin:				0 0 0.5em 1em;

	}

    

	#footer {

        position:           relative;

		clear:				left;

        margin:             0;

        padding:            0.5em 2em 1em 2em;

        width:              88em;

        left:               -1em;

        bottom:             -1em;

		font-size:			70%;

		text-align:			center;

		color:				#65682E;

		background-color:	#A7AB74;

	}

		

    #popup_panel {

        position:           absolute;

        left:               50%;

        width:              50em;

        height:             64em;

        display:            none;

		border:             .3em solid transparent;

 		margin:		        0em auto 0 -25em;

		background-color:	BOX_LINK_BACKGROUND;

        z-index:            99;

        overflow:           hidden;

		top:				3em;

		padding:			0 0.5em 0 0.5em;

		/*border-left:		.15em solid #D8F1FF;

		border-right:		.15em solid #D8F1FF;*/

        min-height:         100%;

		background-color:	#EDEBDE;

    }

	

    #popup_header {

		height:				1.5em;

        text-align:			right;

	}

	

    #popup_header a {

        color:           	#65682E;

	}



	#mask {

		position:			absolute;

		top:				0;

		width:				100%;

        height:             100%;

        display:            none;

 		margin:		        0 0 0 0;

		padding:			0 0 0 0;

        overflow:           hidden;

		background-color:	#f5faa7;

        opacity:            0.5;

        filter:				alpha(opacity=50); 

        z-index:            99;

	}



    .left_float {

        float:              left;

    }

    

    .right_float {

        float:              right;

    }