/*
 * The Body
 * 
 * This section describes common elements for the whole page.
 *
 */
body { 
	background-color: #000033;
	color: #000000;
	padding: 0em;
	margin: 0em;
	background: url(/images/background.jpg) repeat fixed;
	text-align: "top" "left";
	font-family: "arial";
	font-size: 10pt;
	}

em 	{ 
	font-weight: 600; 
	}

li	{
	/*list-style-type: none;*/
	line-height: 150%;
	margin-left: 2.50em; 
	margin-right: 1.0em;
	background-color: #eeeeff;
	}

img 	{
	border: 4px solid; 
	border-color: #404040 #d0d0d0 #d0d0d0 #404040;
	background-color: #ffffff;
	margin: 1em;
	padding: 2px;
	}

h1 { 
	font-size: 100%;
	line-height:150%;
	font-weight: 400;
	text-align: left;
	font-family: "garamond", "times new roman", "serif";
	font-family: "arial";
	}
h2 { 
	font-size: 100%;
	line-height:100%;
	font-weight: 600;
	}
h3 { 
	font-size: 100%;
	line-height:100%;
	font-weight: 600;
	}

a:link  {
	color: #0000ff;
	text-decoration: no-underline;
	}

a:hover  {
	color: #0000ff;
	background-color: #ddffdd;
	text-decoration: no-underline;
	}

a:visited {
	color: #000088;
	text-decoration: no-underline;
	}


tt, pre { 
	font-family: "courier";
	font-size: 8pt;
	text-align: left;
	padding-left: 1em;
	background-color: #fafab0;
	}

/* 
 * The header - normally a large space for a title
 */
.header {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 97%;
	right: 10px;
	height: 50px;
	/*background: url(/images/hk-pale.jpg) no-repeat fixed #ffffff;*/
	background-color: #eeeeff ;
	color: #000000;
	/*visibility: transparent;*/
	border: 2px solid;
	border-color: #f0f0f0 #909090 #909090 #f0f0f0;
	text-align: center;
	}
html>body header {	
	/*background: url(/images/hk-pale.jpg) no-repeat fixed;*/
	background-color: #eeeeff ;
	width: auto;
	}

/*
 * The navbar - normally to the left of the body and separate from it.
 * 
 * This section describes those element contained within the <div class="navbar">
 * element.  These is usually just the navbar section head (.navsect) and the navbar text (.navtext)
 *
 */
 
.navbar {
	position: absolute;
	left: 10px;
	top: 75px;
	width: 150px;
	height: auto;
	}

.navsect {
	padding-left: 1em;
	padding-top:0.25em;
	padding-bottom: 0.25em;
	margin: 0em;
	margin-top: 0em;
	background-color: #000066;	
	color: #ffff66;
	font-weight: 600;
	/*font-size: 10pt;*/
	text-align: left;
 	}	

.navtext {
	padding-right: 1em;
	padding-bottom: 0.0em;
	margin: 0em;
	margin-left: 2em;
	background-color: #ffffff;
	color: #000000;
	/*font-size: 8pt;*/
	text-align: right;
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
 	}
html>body navtext {
	/*background: url(/images/hk-pale.jpg) no-repeat fixed;*/
	}

.navtext_last {
	padding-right: 1em;
	padding-bottom: 0.5em;
	margin: 0em;
	margin-left: 2em;
	margin-bottom: 2em;
	background-color: #ffffff;
	color: #000000;
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	/*font-size: 8pt;*/
	text-align: right;
 	}
html>body navtext_last {
	/*background: url(/images/hk-pale.jpg) no-repeat fixed;*/
	}

/* 
 * The main content text 
 *
	 * This style starts with the box which holds all the content and then the 
 * various styles for text within that.  Note that some of these styles are 
 * 'once-off's, like the Irish flag colours, while some are constantly used, 
 * like the .callouts, etc.
 *
 */

/*
 * This is the <div> for the container which holds the main
 * content of the page.
 *
 */
 
.body {
	position: absolute;
	left: 175px;
	top: 75px;
	right: 10px;
	height: auto;
	text-align: justify;
	/* border: 2px solid;*/
	/*border-color: #f0f0f0 #909090 #909090 #f0f0f0;*/
	line-height: 150%;
	padding-left: 0em;
	padding-right: 0em;
	/* background: url(/images/hk-normal.jpg) no-repeat fixed #eeeeff;*/
	}

p {
	margin: 0em;
	padding-left: 2em;
	margin-left: 3em;
	padding-right: 2em;
	padding-bottom: 1em;
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	background-color: #eeeeff;
	/*background: url(/images/hk_pale.jpg) no-repeat fixed;*/
	/*ckground: #eeeeff;*/
	}
html>p p{
	/*background: url(/images/hk_pale.jpg) no-repeat fixed;*/
	}

.last {
	background: #eeeeff;
	margin: 0em;
	margin-left: 3em;
	margin-bottom: 2em;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	clear: all;
	/*background-color: #eeeeff;*/
	}
html>last .last{
	/*background: url(/images/hk-pale.jpg) no-repeat fixed;*/
	}

.smallprint{
	right: 1em;
	bottom: 100%;
	text-align: right;
	font-size: 8pt;
	}	

.banner {
	text-align: center;
	font-size: 16pt;
	border: none;
	font-style: italic;
	}

.heading {
 	position: relative;
 	background-color: #000066;	
	color: #ffff66;
	padding: 0.25em;
	border: 1px solid #ffff66;
	margin-bottom: 0em;
	margin-left: 0em;
	margin-top: 0.0em;
	left: 0.0em;
	font-size: 16pt;
	/*font-family: "serif", "garamond", "times new roman";*/
	font-style: italic; 
 	}

.callout { 
	font-style: italic;
 	padding-left: 2em;
 	padding-right: 2em;
 	padding-bottom: 1em;
 	padding-top: 1em;
 	border-style: solid;
	border-width: 0em;
 	border-color: #c0ffc0;
	color: #000000;
	background-color: #f0fff0;
 	}

.cd	{
	font-weight: 600;
	border-bottom: 0em solid black;
	padding-top: 0.7em;
	}

.review	{
	padding-left: 6em;
	}

.question { 
	font-style: italic;
 	/*
 	margin-left: 0.5em;
 	margin-top: 0.5em;
 	margin-right: 0.5em;
 	margin-bottom: 0.5em;
 	*/
 	padding-left: 1em;
 	padding-right: 6em;
 	padding-bottom: 1em;
 	padding-top: 1em;
 	border-style: solid;
	border-width: 0em;
 	border-color: #c0ffc0;
	color: #000000;
	background-color: #f0fff0;
 	}
.answer { 
	/*visibility: invisible;*/
 	/*
 	margin-left: 0.5em;
 	margin-top: 0.5em;
 	margin-right: 0.5em;
 	margin-bottom: 0.5em;
 	*/
 	padding-left: 6em;
 	padding-right: 1em;
 	padding-bottom: 1em;
 	padding-top: 1em;
 	border-style: solid;
	border-width: 0em;
 	border-color: #ffc0c0;
	color: #000000;
	background-color: #fff0f0;
 	}


.aside {
	/*an in-line footnote style comment*/
	font-style: italic;
 	border-style: solid;
	border-width: 0em;
 	border-color: #c0ffc0;
 	font-size: 90%;
	}

.codeextract {
	/* a callout like code example */
	padding-right: 10px;
	padding-left: 25px;
	font-family: courier, fixed;
	background-color: #fefeb0;
	font-size: 75%;
	border: none;
	border-top : 4px solid red;
	border-bottom: 4px solid red;
	}

/*
 * These are the correct colours of the Irish Flag, by the way.  
 * Thanks to http://www.fotw.org/ for that info.
 */
.green {
	color: #000000;
	background-color: #009966;
	}
.white {
	color: #000000;
	background-color: #ffffff;
	}

.orange {
	color: #000000;
	background-color: #ff6600;
	}

.hidden {
	color: none;
	background-color: none;
	line-height: 0.1%;
	font-height: 0.1pt;
	height: 0.1pt;
	width: 0.1pt;
	}