/*-----------COLOURS------------*/
/*[dark grey] #333 background	*/
/*[darker grey] #222 container background	*/
/*[darkest grey] #111 nav background	*/
/*Lavender #E6E6FA text		*/
/*[light grey] #808078		*/
/*Sky Blue #87CEEB links	*/
/*------------------------------*/
/*----------CSS RESET-----------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, i, b, q, r, blockquote, ol, ul, li, iframe {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align:baseline;
}
ol, ul {list-style: none;}
/*----------ALL PAGES-----------*/
body {
	background: #333 url(../images/background.jpg) no-repeat fixed bottom center;
	color: #E6E6FA;
	font-family: garamond, baskerville, hoefler text, times new roman, times, serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

#container {
	background: #222 url(../images/background_b.jpg) no-repeat fixed bottom center;
	margin: 0 auto;
	padding: 10px 0 1em 0;
	text-align: left;
	max-width: 800px;
}

a {
	color: #87CEEB;
	text-decoration: underline;
}
a:hover {text-decoration: none;}
a:focus, a:active {
	background: #87CEEB;
	color: #000000;
}

hr {
	background-color: #E6E6FA;
	border: 0;
	height: 1px;
	margin: 1.5em 0;
}

#termcard, #intro, .centre {text-align:center;}

#footer {clear:both;}

/*----------INDEX PAGE----------*/
#index_title {
	min-height: 75px;
	margin-left: 180px;
}
#index_title h1 {
	line-height: 0.75;
	font-size: 40pt;
	word-spacing: 2pt;
}
#index_title h1 em {font-size: 24pt;}

#sidebar {
	float: left;
	margin-top: -75px;
	width: 180px;
}
#sidebar ul {
	background: #111 url(../images/background_c.jpg) no-repeat fixed bottom center;
}
#sidebar ul a {
	color: #87CEEB;
	display: block;
	padding: 0.3em 1em;
	text-decoration: none;
}
#sidebar ul b {
	display: block;
	padding: 0.3em 1em;
	font-weight: normal;
}
#sidebar > ul > li > a {border-top: #808078 dotted 1px;}
#sidebar > ul > li:first-child > a {border-top:0;}
#sidebar ul li a:hover, #sidebar ul li a:focus, #sidebar ul li a:active {
	background: #87CEEB;
	color: #000000;
}
#sidebar > ul {
	border: #E6E6FA solid;
	border-width: 1px 0 1px 0;
}
#sidebar ul li {position:relative;}
#sidebar ul ul {display:none;}
#sidebar ul li:hover > ul {
	border: 1px #E6E6FA solid;
	border-left-color:#808078;
	display:block;
	position:absolute;
	top:-1px;
	left:100%;
	width:180px;
	z-index:1;
}
#sidebar ul li:last-child:hover > ul {
	top: auto;
	bottom: -1px;
	width: 360px;
}
#sidebar p {
	color:#E6E6FA;
	font-size:1.2em;
	font-style:Garamond;
	padding: 0.2em 1.5em 1em 1.5em;
	position:relative;
	text-align:center;
}
#sidebar i {
	color:#808078;
	font-size:0.8em;
	font-style:mistral;
	padding: 0.2em 1.5em 1em 1.5em;
	position:relative;
	text-align:center;
}
#sidebar #handheld_nav {display:none;}

#main {
	border: #E6E6FA solid 1px;
	margin: 10px 10px 0 180px;
}
#main p {
	line-height: 1.4em;
	font-size: 1.05em;
	margin: 1em 2em;
}
#main h2 {
	font-weight: bold;
	font-size:1.2em;
	margin: 1em;
}
#main em {
	font-style: italic;
	font-size: 1.4em;
}
#main hr {
	background-color: #808078;
	margin: 1.5em 5%;	
}
#main r {
	line-height: 1.4em;
	font-size: 0.8em;
	margin: 1em 2em;
	position:relative;
	text-align: center;
}

/*----------TEMPLATE PAGES----------*/
#title {
	min-height: 75px;
	margin-left: 1em;
}
#title a {
	color: #E6E6FA;
	text-decoration: none;
}
#title a:focus, #title a:active {
	background:transparent;
	color: #87CEEB;
}
#title h1 {
	display: inline;
	line-height: 0.75;
}
#title h1 {
	font-size: 40pt;
	word-spacing: 2pt;
}
#title h1 em {font-size: 24pt;}

#nav {margin: 0 1em;}
#nav li {
	display:inline;
	float:left;
	position:relative;
}
#nav ul ul li {float:none;}
#nav a, #nav b {
	background: transparent;
	display:block;
	font-weight: normal;
	padding:0.3em 1em;
	text-decoration:none;
}
#nav a:hover, #nav a:focus {
	background: #87CEEB;
	color:#000000;
}
#nav ul ul {display:none}
#nav ul li:hover > ul {
	background: #222 url(../images/background_b.jpg) no-repeat fixed bottom center;
	border: 1px #E6E6FA solid;
	border-top-color:#808078;
	display:block;
	position:absolute;
	left:0;
	width:10em;
	z-index:1;
}
#nav > ul > li:last-child:hover > ul {left:auto; right:0; width:auto;}
#nav > ul > li:last-child {float:right}
#nav > ul > li:last-child > a:hover {
	background: transparent;
	color: #E6E6FA;
}

#sub_nav {
	border-top: #E6E6FA solid 1px;
	clear:both;
	margin: 0 1em;
}
#sub_nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#sub_nav li {
	display: inline;
	float:left;
	padding: 0.3em 1em;
}
#sub_nav a, #sub_nav b {
	text-decoration:none;
	font-weight: normal;
}
#sub_nav a:hover {color: #E6E6FA;}
#sub_nav a:active, #sub_nav a:focus {
	color: #000000;
	background: #87CEEB;
}

#content {
	border-top: #E6E6FA solid 1px;
	clear:both;
	margin: 0 1em;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {margin: 1em 0.5em;}
#content h1 {font-size:2em;}
#content h2 {font-size:1.8em;}
#content h3 {font-size:1.6em;}
#content h4 {font-size:1.45em;}
#content h5 {font-size:1.3em;}
#content h6 {font-size:1.15em;}
#content p {
	font-size: 1.05em;
	margin: 1em 2em;
	line-height: 1.4em;
}
#content em {font-style:italic;}
#content blockquote {margin: 0 1em;}
#content img {margin: 0.5em;}
i, q, blockquote {font-style:italic;}
b {font-weight:bold;}
iframe {margin: 0;}

/*----------BOT----------*/
ul#bot {
 border: #E6E6FA solid;
 border-width: 1px 0 1px 1px;
 position:relative;
 width:180px;
}
ul#bot ul {
	position: relative;
	width: 180px;
}
ul#bot li {
 background: #111 url(../images/background_c.jpg) no-repeat fixed bottom center;
 display:block;
 padding: 0.3em 1em;
}
ul#bot li:hover, ul#bot li:hover > a {
 background:#87CEEB;
 color:#000000;
}
ul#bot span, ul#bot div {
 background: #222 url(../images/background_b.jpg) no-repeat fixed bottom center;
 border:1px #E6E6FA solid;
 border-left-color: #808078;
 color:#E6E6FA;
 display:none;
 overflow:auto;
 width:585px;
}
ul#bot ul div {
	border: 0;
	width: 405px;
}
ul#bot div h2 {
	font-size:1.5em;
	padding: 0 1em;
}
ul#bot div p {padding:0 2em;}
ul#bot span img, ul#bot div img {
	float:right;
	margin:10px;
}
ul#bot li:hover > div {
	display:block;
	position:absolute;
	left:100%;
	top:-1px;
	bottom:-1px;
	z-index:1;
}
ul#bot ul li:hover > div {overflow: visible;}
ul#bot > li:first-child {
	background:transparent;
	display:inline;
	padding: 0;
}
ul#bot > li:first-child div {
	display:block;
	position:absolute;
	left:100%;
	top:-1px;
	bottom:-1px;
	overflow:hidden;
	text-align:center;
	width:585px;
}
ul#bot li:first-child img {
	float:none;
	margin:0;
	width:500px;
}
ul#bot p {margin: 1em 0;}


/*----------SITE MAP----------*/
ul#map, ul#map ul {margin: 0em 2em;}
ul#map > li {margin: 2em 0em;}
ul#map ul li {margin: 1.5em 0em;}



/*----------PHOTO GALLERY----------*/

#photo_gallery {text-align:center;}

#photo_gallery ul li {

	background:#111 url(../images/background_c.jpg) no-repeat fixed bottom center;

	border:1px #E6E6FA solid;

	display:inline;

	float:left;

	margin:1em;

	position:relative;
	height: 192px;
	width:158px;

	z-index:1;
}

#photo_gallery ul li a {
	text-decoration:none;
	color:#E6E6FA;
}
#photo_gallery ul li a > div {
	border-bottom:1px #E6E6FA solid;

	height:118px;
	overflow:hidden;
}
#photo_gallery ul li:hover a > div div {
	display:table-cell;
	vertical-align:middle;
}
#photo_gallery ul li img {
	border:0;
	margin:0;

	width:158px;
}
#photo_gallery ul li:hover {z-index:2;}
#photo_gallery ul li:hover a > div {
	background:url(../images/background_d.png) repeat;
	border: 2px #E6E6FA ridge;
	display:table;
	position:absolute;
	top:-80px;
	left:-80px;
	height:320px;
	width:320px;
}
#photo_gallery ul li:hover a > div img {
	height:auto;
	width:auto;
}
#photo_gallery ul li p {

	font-size: 0.85em;

	margin:1em;
}