/*-----------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, blockquote, ol, ul, li {
	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;
	color: #E6E6FA;
	font-family: trebuchet ms, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

#container {
	background: #222;
	margin: 0 auto;
	padding-top: 10px;
	text-align: left;
	max-width: 500px;
}

#footer {
	clear: both;
	color: #808078;
	border-top: #808078 solid 1px;
	margin: 0 1em;
	padding: 0.5em 0;
	text-align: center;
}
#footer p {margin: 0.5em 0;}
#footer img {display: none;}
#footer p:first-child img {
	display: inline;
	padding: 0.2em;
	vertical-align: text-top;
}

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;}

/*----------INDEX PAGE----------*/
#index_title {
	margin: 0 10px 10px 10px;
}
#index_title h1 {
	font-size: 3.5em;
	line-height: 0.8;
	font-weight: bold;
}
#index_title h1 em {
	font-size: 0.5em;
	font-weight: normal;
}

#sidebar {text-align: center;}
#sidebar ul {
	border: #E6E6FA solid;
	border-width: 1px 0;
}
#sidebar ul li {border-top: #808078 dotted 1px}
#sidebar ul li:first-child {border-top: 0;}
#sidebar > ul > li > a {
	color: #87CEEB;
	display: block;
	font-weight: bold;
	padding: 0.3em 1em;
	text-decoration: none;
}
#sidebar > ul > li > a:hover, #sidebar > ul > li > a:focus, #sidebar > ul > li > a:active {
	background: #87CEEB;
	color: #000000;
}
#sidebar ul ul {display:none;}
#sidebar p {
	color:#808078;
	font-size:1.4em;
	font-style:oblique;
	padding: 0.2em 1.5em 1em 1.5em;
	position:relative;
}
#sidebar span#handheld_nav {
	display: block;
	margin: 1em 0;
}
#sidebar #handheld_nav a, #sidebar #handheld_nav b {padding: 0 1em;}

#main {clear: both;}
#main p, #main h2 {margin: 1em;}
#main p {
	line-height: 1.4;
	font-size: 1.1em;
}
#main h2 {
	font-weight: bold;
	font-size:1.2em;
}
#main em {
	font-style: oblique;
	font-size: 1.2em;
}
#main hr {
	background-color: #808078;
	margin: 1.5em 5%;	
}

/*----------TEMPLATE PAGES----------*/
#title {
	min-height: 75px;
	margin-left: 1em;
}
#title a {color: #E6E6FA;}
#title a:hover {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 li.sub {float:none;}
#nav a {
	background: transparent;
	display:block;
	padding:0.3em 1em;
	text-decoration:none;
}
#nav a:hover {
	background: #87CEEB;
	color:#000000;
}
#nav ul ul {display:none}
#nav ul li:hover > ul {
	background: #222;
	border: 1px #E6E6FA solid;
	border-top-color:#808078;
	display:block;
	position:absolute;
	left:0;
	width:10em;
	z-index:1;
}
#nav ul li#lph_link:hover > ul {right:0; width:auto;}
#nav ul li#other_link:hover > ul {left:auto; right:0; width:auto;}
li#other_link {float:right}
#other_link > 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;
}
#sub_nav a:hover {color: #E6E6FA;}

#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:oblique;}
#content blockquote {margin: 0 1em;}
i, q, blockquote {font-style:italic;}
b {font-weight:bold;}