html{
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;}
	
body{
	margin:0}
	
footer,header,nav{
	display:block}
	
a{
	background-color:transparent}
	
a:active,a:hover{
	outline:0}
	
abbr[title]{
	border-bottom:1px dotted}
	
b,strong{
	font-weight:700}
	
dfn{font-style:italic}

h1{font-size:2em;margin:.67em 0}

mark{background:#ff0;color:#000}  /* yellow, black  - not used? */

small{font-size:80%}

sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline}
	
sup{top:-.5em}

sub{bottom:-.25em}

img{border:0}

svg:not(:root){overflow:hidden}

figure{margin:1em 40px}

hr{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0}
	
pre{overflow:auto}

code,kbd,pre,samp{
	font-family:monospace,monospace;
	font-size:1em}
	
button,input,optgroup,select,textarea{
	color:inherit;
	font:inherit;
	margin:0}
	
button{overflow:visible}

button,select{text-transform:none}

button,html input[type=button],input[type=reset],input[type=submit]{
	-webkit-appearance:button;cursor:pointer}
	
button[disabled],html input[disabled]{
	cursor:default}
	
button::-moz-focus-inner,
input::-moz-focus-inner{
	border:0;
	padding:0}
	
input{line-height:normal}

input[type=checkbox],input[type=radio]{
	box-sizing:border-box;
	padding:0}
	
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
	height:auto}
	
input[type=search]{
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box}
	
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
	-webkit-appearance:none}
	
fieldset{
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em}
	
legend{
	border:0;
	padding:0}
	
textarea{
	overflow:auto}
	
optgroup{font-weight:700}

table{border-collapse:collapse;border-spacing:0}

td,th{padding:0}


/* responsive sizing?? */
@viewport{
	width:device-width}

@-ms-viewport{
	width:device-width}

*{box-sizing:border-box}

html{font-size:62.5%}body{font-size:1.4rem;line-height:2.4rem}

@font-face { 
	font-family: "Ionicons"; 
	src: url("../fonts/ionicons.eot?v=2.0.0"); 
	src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), 
		url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"), 
		url("../fonts/ionicons.woff?v=2.0.0") format("woff"), 
		url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg"); 
	font-weight: normal; 
	font-style: normal; 
}

@media only screen{
	.icon-desktop:before,
	.icon-menu-close:before,
	.icon-menu:before,
	.icon-mobile:before,
	.icon-submenu-down:before,
	.icon-submenu-right:before,
	.icon-world:before,
	.nav-button:before,
	.nav-no-js .nav-close:before,

	header h1:before,nav 
	
	
.submenu>a:after,nav>ul>

.submenu>a:after{
	font-family: "Ionicons";
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-decoration:inherit;
	text-transform:none;
	vertical-align:top}
	
.icon-desktop:before{
	content:"\f10e"}   /* ? */
	
.icon-menu-close:before{
	content:"\f10e"}   /* ? */
	
.icon-menu:before{
	content:"\f10e"}   /* ? */
	
.icon-mobile:before{
	content: "\f10e"}   /* ? */
	
.icon-submenu-down:before{
	content:"\f10e"}   /* ? */
	
.icon-submenu-right:before{
	content:"\f10e"}   /* ? */
	
.icon-world:before{
	content:"\f10e"}   /* ? */
	
.nav-close{
	display:none}
	
}

nav{
	display:block;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:900;
	overflow-x:hidden;
	overflow-y:auto}
	
nav ul{
	display:none;
	position:relative;zoom:1;
	list-style-type:none;
	margin:0;
	padding:0}
	
nav a,nav a:active,nav a:hover,nav a:visited{
	display:block;
	position:relative}
	
.nav-no-js nav li:hover>ul{
	display:block}
	
body,nav{
	padding-top:0.2rem;
	padding-bottom:0.2rem}

header{
	display:block;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:901;
/*	padding-left:10px;  */
	font-size:4rem;
	line-height:4.4rem;
	background:#2F1700;  /* Dark brown  */
	color:#FFFFCC}       /* Cream  */

header h1{
	margin:0;
	font-size:4rem;
	line-height:4.4rem}
	
/* header h1:before{
	content:"\f015";
	margin-right:8px}  */

	
footer{
	display:block;
/*	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:901;
	padding-left:10px; */
	font-size:2rem;
	line-height:5rem;
	background:#2F1700;		/* Dark brown  */
	color:#FFFFCC}			/* Cream */

footer f1{
	margin:0;
	font-size:2rem;
	line-height:5rem}
/* Navigation button colours etc */
	
.nav-button{			/* Navicon button for mobile menus only */
	display:block;
	position:fixed;
	top:0;
	right:0;
	width:4.4rem;
	height:4.4rem;
	z-index:902;
	cursor:pointer;
	text-align:center;
	line-height:4.4rem;
	background:#2F1700;	/* Dark brown */
	color:#FFFFCC}		/* Cream */
	
.nav-button:before{
	content:"\f20d" ;}  /*  Navicon for mobile menus */
	
/* Menu bar colours etc */	
	
nav{
	line-height:3rem;
	background:#1D0E00;	/* Very dark brown */
	color:#FFFFCC}		/* Cream */
	
nav ul{
	border-radius:0 0 6px 6px;
	background:#2F1700}	/* Dark brown */
	
nav ul ul{
	background:#532900}	/* Milk chocolate brown */
	
nav ul ul ul{
	background:#783C00} /* Light brown */
	
nav ul ul ul ul{
	background:#8A4200} /* Lighter brown, orange brown */
	
nav ul ul ul ul ul{
	background:#9C4b00} /* Dark Orange */
	
nav li{
	border-top:1px solid #59544F;	/* Grey */
	cursor:pointer}
	
nav .submenu li{
	padding-left:10px}
		
nav li:hover>a{
	color:#FFFFFF;		/* White font for selected menu*/
	background:#26201C}	/* Black grey */
	
nav .submenu>a{
	padding-right:30px!important}
	
nav a,nav a:active,nav a:hover,nav a:visited{
	border-radius:6px;
	padding:0 15px 1px;
	color:#FFFFCC;		/* Cream */
	text-decoration:none}
	
nav .submenu>a:after{
	position:absolute;
	display:block;
	right:10px;
	top:1px;
	content:"\f35f"}  /*  mobile menu drop down arrow  */
	
@media only screen and (min-width:960px){
	nav{overflow:visible}
	nav li{position:relative;white-space:nowrap}
	nav>ul>li{display:inline-block}
	nav ul{display:block}
	nav ul ul{display:none;position:absolute;top:100%;left:0;z-index:901}
	nav ul ul ul{top:5px;left:95%;z-index:902}
	nav ul ul ul ul{z-index:903}
	nav ul ul ul ul ul{z-index:904}
	nav ul ul li.nav-left>ul{left:auto;right:95%}
	body{padding:0!important}
	header{position:relative}
/* 	header h1:before{content:"\f00f"} */.nav-button{display:none}
	nav{display:block;position:relative}
	nav>ul>li{border-top:none}
	nav li>ul{box-shadow:0 0 5px 0 rgba(0,0,0,.75)}	/* Black */
	nav ul ul ul{border-radius:0 6px 6px}
	nav ul ul ul li:first-child{border-top:none}
	nav .nav-left>ul{border-radius:6px 0 6px 6px}
	nav .submenu li{padding:0;min-width:110px}
	nav>ul>.submenu>a:after{content:"\f35f"}  /* arrow down for drop down menu */
	nav .submenu>a:after{content:"\f363"}}    /* arrow right for drop right menu */
	
@media only screen and (max-width:959px){
	header{display:none}
	img{max-width:100%; height:auto}			 /* changes the maximum width of all images to 100% of screen width.  Height:width ratio unaltered.  
											Fixes images wider than screen width pushing navicon off screen */
	.nav-no-js 
	.nav-close{					/* close button to dismiss the accordion menu on mobile devices */
		position:fixed;
		top:0;
		right:4.4rem;
		z-index:902;
		font-size:1.7rem;
		line-height:4.4rem;
		text-align:center;
		background:#2F1700;		/* Dark brown */
		color:#FFFFCC}			/* Cream */
	.nav-no-js 
	.nav-close:before{
		content:"\f10e"}		/* arrow up to close drop down menu */
	.nav-no-js 
	.nav-button:hover~nav,.nav-no-js nav:hover{
		bottom:0}
	.nav-no-js 
	.nav-button:hover~nav+
	.nav-close,
	.nav-no-js 
	.nav-button:hover~nav>ul,
	.nav-no-js nav:hover+
	.nav-close,
	.nav-no-js nav:hover>ul{display:block}}
	
@media screen {
        div.divFooter {
            display: none;
        }
    }
 @media print {
        div.divFooter {
            position: fixed;
            top: 0;
        }
    }