.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:				0.7em;
		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.6em;
        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:				10.75em;
		margin:				2em 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;
    }