﻿/*  STANDARD COLOURS ******************************************************************************************************************
	Background			#20201E
	
	Dk Panel BG			#282522
	Dk Panel border		#322C26
	
	Lt panel BG			#8E857C
	Lt panel border 	#645C51
	
	Inner Panel BG		#9A8D7C  Use within dark or light panel
	Inner Panel border	#645C51  When used within dark panel
						#FFFFFF	 When used within light panel
	
	Button - normal		#4F4841  Dark half (top)
						#5E574F  Light half (bottom)
	
	Body text			#998D7B
	Text - light		#DECCB2
*/

/*  TAG/TYPE SELECTORS *******************************************************************************************************************/
body, html, p, h1, h2, h3, a {
	font-family: 'Segoe UI', Arial, sans-serif ;
/*	font-family:Geneva, Arial, sans-serif;*/
	color:#998D7B/*#312c28*//*#606060*/;
	text-align:justify;
}

body{
	/*background:url('images/ui/maple.png') no-repeat ;
*/	/*background-image:url('images/ui/bg_gradient.png');
	background-repeat:repeat-x;*/
  	background-color:#20201E /*#312c28*/;
    margin: auto;
	font-size:12pt;
}

h1{
    font-size:28pt;
    /*color:#CCCCCC;*/
    color:#DECCB2/*#998D7B*/;
    font-weight:normal;
    margin-top:0em;
    margin-bottom:0.5em;
}

h2{
    font-size:18pt;
    /*color:#CCCCCC;*/
    color:#DECCB2;
    font-weight:normal;
    margin-top:1.5em;
    margin-bottom:0.5em;
}

h3{
    font-size:14pt;
    /*color:#CCCCCC;*/
    color:#DECCB2;
    font-weight:normal;
    margin-top:0em;
    margin-bottom:0.5em;
}

em{
	color:#DECCB2;
	font-style:italic;
}

strong{
	color:#DECCB2;
	font-weight:normal;
}

a{color:#6688FF;text-decoration:none}
a:hover{text-decoration:underline}

/*  MENU BAR STYLES *******************************************************************************************************************/

div#menubar{
	/*width:802px;*/
    margin-top:4px;
    margin-bottom:1px;
    text-align:center;
	/*position:absolute;*/
	top:285px;
	float:left;
}

div#menubar a.menubaritemselected,div#menubar a.menubaritem
{
	font-size:11pt;
	text-decoration:none;
	text-align:center;
	width:133px;/*114px;*//*100px;133px;*/
	display:block;
	padding:0px/*  2px 3px 2px*/;
	margin-right:1px;
	color:#B2A48F;
	border-bottom:medium solid transparent;
	/*filter:alpha(opacity=80);zoom: 1;opacity:0.8;*//* CSS3 standard */
}

ul#menubar{
	width:820px;
	list-style-type:none;
	margin:0px;
	padding:0px 0px  4px 0px;
	overflow:hidden;
	line-height:43px;
	/*text-align:left;*/
}

ul#menubar li {display:inline;float:left;margin-bottom:4px;}

div#menubar li a.menubaritem:link {background: url('images/ui/menu_button_x6.png')  no-repeat;  } 
div#menubar li a.menubaritem:hover{background:url('images/ui/menu_button_x6.png') no-repeat;color:white;border-bottom:medium maroon solid;} 

div#menubar a.menubaritemselected{background: url('images/ui/menu_button_selected_x6.png') no-repeat;} 

/*  LANGUAGE BAR STYLES *******************************************************************************************************************/

ul#languagebar{
	list-style-type:none;
	margin:0px;
	padding:0px   0px   0px  0px;
	overflow:hidden;
	/*line-height:43px;*/
	/*text-align:left;*/
}

ul#languagebar li {display:inline;float:left;margin:0px   4px 0px 8px;}
ul#languagebar a {text-decoration:none;color:#998D7B;font-size:10pt}
ul#languagebar a:hover {color:white;}

/*  HOME PAGE - ENTRANCE STYLES *******************************************************************************************************************/

div#entrance {text-align:right;width:320px;margin:auto;text-align:center;}

ul#entrance{
	list-style-type:none;
/*	margin:0px;*/
	padding:0px;
	overflow:hidden;
	/*line-height:43px;*/
	/*text-align:center;*/
	
	margin:auto;
}
div#entrance p{text-align:center;}

ul#entrance li {display:inline;float:left;}

/*  HEADER/FOOTER STYLES *******************************************************************************************************************/

div#header{
	margin:auto;
	text-align:center;
	display:block;
	/*position:relative;*/
}

div#header_bg{
	/*position:absolute;*/ 
	background: url('images/ui/header_bg_all.png') no-repeat top center;
	float:left;
	/*background-position: top center;
	border: 20px red solid;*/
	/*background: url('images/ui/bg_koi.png') ;*/
	height:100%;
	width:100%;
	margin:0px;
}

div#footer{
	padding:20px;
	font-size:9pt;
	color:#645C51;
	text-align:center;
	width:100%;
	float:left;
}

div#footer_bg{
	 /*position:absolute; 
*/	 float:left;
	background: url('images/ui/bg_bamboo_bottom_edge.png') repeat-x bottom;
	height:100%;
	width:100%;
	padding:0px;
}

div#slideshow
{
	border: 2px #645C51  solid;
	float:left;
	margin-bottom:4px;
	border-radius:4px; 

	/*position:absolute;top:100px;*/
}

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

div#main_gallery{
	/*width:802px;*/
	/*height:42px;*/
    margin-top:2em;
    margin-bottom:1px;
}

div#main_gallery ul{
	/*width:810px;*/
	list-style-type:none;
	margin:0px;
	padding:0px 0px   4px 0px;
	overflow:hidden;
	/*line-height:43px;*/
	/*text-align:left;*/
}

div#main_gallery li {display:inline;float:left;margin-right:0.5em;}

div#main_gallery img {height:100px;width:160px;border:thin red ;}

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

div#container{width:807px;margin:auto;margin-top:20px;}

div#map{float:right;margin-left:2em;text-align:center;}
/*div#map a{text-align:center;}
*/
div#content
{
	width:723px;
	float:left;
	margin: auto;
	/*margin-top:5px;*/
	padding: 40px;
	border: 2px #322C26 solid;
	border-radius:8px; 
/*background-color:#282522;*/
	background: url('images/ui/ContentBG.png');
/*	filter: alpha(opacity=60);
	zoom: 1;
	opacity: 0.6;
*/	background-repeat: repeat;
}

/*  DIV (LAYOUT) STYLES *******************************************************************************************************************/

div.attraction_panel {
	background-color:#2C2925;/*#3F3830;*/
	
	border:2px #322C26 solid;
	border-radius:8px;
	padding: 0em 1em 1em 1em;
	margin-top:1em;
	
}

div.attraction_panel h2{
	margin-top:0.8em;
	font-size:14pt;
}

div.info_panel {
	color:#DECCB2;
	width:100%;
/*    font-size:12pt;
    color:#808080;
*/    /*margin-top:0px;*/
    margin-top:2em;
/*    background-color:#8E857C;
*/    /*border:medium #645C51 solid;*/
	float:left;
}

div.info_panel h2{
	font-size:18pt;
	font-weight:normal;
	background-color:#2C2925;/*#3F3830;*/
	color:#998D7B; /*#DECCB2;*/
	padding:6px;
	margin:0;
	border:2px #322C26 solid;
	/*margin:   60px  0px 20px */;
}

div.info_panel h3{
	font-size:16pt;
	font-weight:normal;
	/*background-color:#3F3830*/;
	color:white;
	margin: 1em 0 0 0;
}

div.info_panel .content_left{
	/*margin: 0px    20px 0px 0px;*/
    color:#998D7B;  
    padding:1em 1em 1em 0em;
    font-size:11pt;
	float:left;
	/*border: thin white solid;*/
}
div.info_panel .content_right{
	/*margin: 0px    20px 0px 0px;*/
    color:#998D7B;  
    padding:1em 0em 0em 1em;
    font-size:11pt;
/*	padding-top:1em;
*/	/*float:left;*/
	/*border: thin white solid;*/
}

div.info_panel .content_right ul{
	margin:  0px 0px 0px 4px;
    color:#998D7B;  
    list-style-type:square;
    list-style-position:inside;
	/*float:left;*/
}
.image_link_noborder{border-width:0px;}

img.logo_align_left{
	text-align:left;border-width:0px;
}
/*  FORM STYLES *******************************************************************************************************************/

.formfield{
    color:#000000;
    font-size:10pt;
    font-family:Arial;
    margin-bottom:10px;
}

p.formfieldlabel{
    color:#888888;
    font-size:10pt;
    font-family:Arial;
    margin-top:0px;
    margin-bottom:0px;
}

div.content_centred{text-align:center;color:#998D7B; font-size: 14pt;}
/*div.content_centred p{text-align:center;}
*/
div#page_logo{
/*	text-align:left;
*/	float:left;
}

div#page_language{
/*	text-align:right;
*/	float:right;
	margin-top:35px;
}

