/**
 * Stylesheet for A+ website.
 *
 * @author	John King
 */

/**
 * global page
 */
html {
	padding:		0em;
	margin:			0em;
}
body {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		small;
	color:			black;
	background-color:	white;
	background-image:	url('background-white.jpg');
	background-attachment:	fixed;
	padding:		0em;
	margin:			0em;
}
@media print, handheld {
	body {
		background-image:	none;
	}
}
@media print {
	body {
		background-image:	none;
		font-size:		110%;
	}
}

/**
 * global tags
 */
a {
	font-weight:		bold;
	color:			black;
}
a:link {
	text-decoration:	none;
	color:			#000099;
}
a:visited {
	text-decoration:	none;
	color:			#660099;
}
a:hover {
	text-decoration:	underline;
}
a:active {
	text-decoration:	none;
	color:			#ff0000;
}
img {
	border:			none;
}
table,
tr,
th,
td {
	padding:		0em;
	border:			none;
	margin:			0em;
}
li {
	margin:			0.1em 0em 0.1em 0em;
}
li.folder {
	list-style-image:	url('dtree/folder.gif');
}
li.pdf {
	list-style-image:	url('dtree/pdf.gif');
}
li.doc {
	list-style-image:	url('dtree/page.gif');
}
li.web {
	list-style-image:	url('dtree/globe.gif');
}
li.drive {
	list-style-image:	url('icons/drive.gif');
}
li.email {
	list-style-image:	url('icons/email.gif');
	margin-top:		0.2em;
	margin-bottom:		0.2em;
}
li.phone {
	list-style-image:	url('icons/phone.gif');
	margin-top:		0.2em;
	margin-bottom:		0.2em;
}
li.address {
	list-style-image:	url('icons/address.gif');
	margin-top:		0.2em;
	margin-bottom:		0.2em;
}
li.zip {
	list-style-image:	url('icons/zip.gif');
}
li.rar {
	list-style-image:	url('icons/rar.gif');
}

/**
 * global classes
 */
.debug {
	border:			1px solid red;
	background-color:	#ffeeee;
	color:			#red;
}
.rightalign {
	text-align:		right;
}
.code {
	font-family:		Courier, monospace;
}
.keyboard {
	border-top:		1px solid #eeeeee;
	border-left:		1px solid #eeeeee;
	border-right:		1px solid #999999;
	border-bottom:		1px solid #999999;
	background-color:	#dddddd;
	padding:		0px 2px 0px 2px;
	margin:			0px 1px 0px 1px;
}
.domain1 {
	background-color:	#ff99cc;
}
.domain2 {
	background-color:	#ffcc99;
}
.domain3 {
	background-color:	#ffff99;
}
.domain4 {
	background-color:	#ccffcc;
}
.domain5 {
	background-color:	#ccffff;
}
.domain6 {
	background-color:	#99ccff;
}
.domain7 {
	background-color:	#cc99ff;
}
.domain8 {
	background-color:	#cccccc;
}
@media print {
	.keyboard {
		border:			1pt outset #cccccc;
		background-color:	#cccccc;
		padding:		0pt 2pt 0pt 2pt;
		margin:			0pt 1pt 0pt 1pt;
	}
}

/**
 * static
 * 
 * Remains stationary if the page is scrolled.
 *  
 * Uses 'position: fixed' -- which does not work on IE5, 5.5 & 6;
 * Stylesheet 'page-ie56-only.css' amends '.static' to get around this problem.
 */
.static {
	position:		fixed;
}

/**
 * contentsTree
 * 
 * The main page needs to be shifted to avoid being obscured by contentsTree.
 * This cannot be done using 'float' because 'float' conflicts with the 
 * IE5/6 hack for '.static'.
 * 
 * Setting the 'padding-left' on the main page will shift the page but any
 * subsequent changes (using JavaScript) will override all @media modes.  
 * 
 * Therefore a table has been used to split the webpage.
 */
div#contentsTree {
	display:		block;
	left:			0em;
	top:			0em;
	width:			200px;	/* default in case JavaScript disabled */
	height:			100%;
}
div#contentsTree iframe {
	left:			0em;
	top:			0em;
	width:			100%;
	height:			100%;
	padding:		0em;
	border:			none;
	margin:			0em;
}
table#contentsTreePadding {
	padding:		0em;
	border:			none;
	margin:			0em;
}
table#contentsTreePadding td#padding,
table#contentsTreePadding td#main {
	padding:		0em;
	border:			none;
	margin:			0em;
}
table#contentsTreePadding td#padding {
	display:		block;
	width:			200px;	/* default in case JavaScript disabled */
}
@media print, handheld, braille, embossed, tty {
	div#contentsTree {
		display:		none;
	}
	div#contents iframe {
		display:		none;
	}
	table#contentsTreePadding td#padding {
		display:		none;
	}
}

/**
 * navlinks
 * 
 * Navlinks appear at the top of webpages but are hidden if not required
 * (using JavaScript).   
 */
div.navlinks {
	font-size:		90%;
	margin:			1em;
}
div.navlinks a {
	font-weight:		normal;
}
div.showTree {
	display:		block;
	position:		absolute;
	top:			0em;
	right:			0em;
	margin:			1em;
	font-size:		90%;
}
div.showTree a {
	font-weight:		normal;
}
@media print, handheld, braille, embossed, tty {
	div.showtree {
		display:		none;
	}
}
@media print {
	div.navlinks {
		display:		none;
	}
}

/**
 * '.paper' applies the standard JK house style:
 *	PageTitle	h1
 *	Section		h2
 *	Heading		h3
 *	Subheading	h4		= 0.5 x indent
 *	Body text	bodytext	= indent
 *	Illustration	illustration	= 2 x indent
 *	List		list		= 2 x indent
 *	Quote		quote		= 2 x indent
 */
.paper {
	background-color:	white;
	padding:		2.5em;
	border-top:		1px solid black;
	border-left:		1px solid black;
	border-right:		2px solid black;
	border-bottom:		2px solid black;
	margin:			0.9em;
}
.paper h1,
.paper h1 a,
.paper h1 a:link,
.paper h1 a:visited {
	color:			white;
}
.paper h1 {
	font-family:		"Arial Black", Arial, Helvetica, sans-serif;
	font-weight:		normal;
	font-size:		150%;
	background-color:	#000099;
	background-image:	url('bluefade.jpg');
	background-repeat:	repeat-y;
	padding:		0.1em 0.5em 0.1em 0.5em;
	margin:			0em 0em 2em 0em;
}
.paper h2 {
	font-family:		"Arial Black", Arial, Helvetica, sans-serif;
	font-weight:		normal;
	font-size:		150%;
	border-bottom:		0.12em solid #990000;
	margin:			2em 0em 0.83em 0em;	/* 0.83 large = medium */
}
.paper h3 {
	font-size:		110%;
	font-weight:		bold;
	margin:			1.5em 0em 0.83em 0em;	/* 0.83em large = 1em medium */
}
.paper h4 {
	font-size:		105%;
	font-weight:		normal;
	font-style:		italic;
	margin:			1em 0em 1em 2.5em;
}
.paper p {
	margin:			1em 0em 1em 0em;
	margin-left:		5em;
}
.paper code,
.paper pre,
.paper .code {
	font-family:		"Courier New", "Courier", monospace;
/*	font-weight:		bold;	*/
	font-size:		1em;
	color:			#000066;
}
.paper pre {
	margin-left:		10em;
}
.paper .illustration,
.paper .note,
.paper .quote {
	margin-left:		10em;
}
.paper .quote {
	font-style:		italic;
}
.paper .warning {
	color:			#cc0000;
	font-weight:		bold;
	padding:		0.5em;
	border:			0.1em solid #cc0000;
}
.paper .fatal {
	color:			#cc0000;
	background-color:	#ffffcc;
}
.paper .box {
	background-color:	white;
	padding:		0.2em 0.5em 0.2em 0.5em;
	border:			0.1em solid black;
	margin-top:		1.8em;
}
.paper .box h3 {
	color:			#cc0000;
	margin-top:		0.415em;
}
.paper .box p {
	margin-left:		4.5em;
}
.paper .box ul {
	margin-left:		10.5em;
}
.paper ol {
	list-style-position:	outside;
	padding:		0em;
	margin:			0em 0em 0em 11.5em;
}
.paper ul {
	list-style-type:	disc;
	list-style-position:	outside;
	padding:		0em;
	margin:			0em 0em 0em 11em;
}
.paper ul ul {
	list-style-type:	circle;
	margin-left:		2em;
}
.paper ul ul ul {
	list-style-type:	square;
}
.paper li {
	vertical-align:		middle;
	padding-left:		0em;
}
.paper .footnote {
	font-size:		75%;
	padding:		0.5em 0em 0em 0em;
	border-top:		0.05em solid black;
	margin:			2.66em 0em 0em 0em;
}
.paper .logo {
	float:			right;
	clear:			right;
	margin-left:		1em;
	margin-bottom:		0.5em;
}
.paper .logoleft {
	float:			left;
	clear:			left;
	margin-right:		1em;
	margin-bottom:		0.5em;
}
@media print, handheld, embossed, braille, tty {
	.paper {
		padding:		0em;
		border:			none;
		margin:			0em;
	}
}
@media print {
	.paper h1,
	.paper h1 a,
	.paper h1 a:link,
	.paper h1 a:visited {
		color:			black;
	}
	.paper h1 {
		background-color:	white;
		background-image:	none;
		border:			0.1em solid black;
	}
	.paper code,
	.paper pre,
	.paper .code {
		font-weight:		bold;
	}
}
@media handheld {
	.paper p {
		margin-left:		2em;
	}
	.paper .box p {
		margin-left:		1.5em;
	}
	.paper .box ul {
		margin-left:		3.5em;
	}
	.paper .illustration,
	.paper .note,
	.paper .quote,
	.paper pre {
		margin-left:		4em;
	}
	.paper ul {
		margin-left:		5em;
	}
}

/**
 * .paper table
 */

.paper table {
	padding:		0em;
	border:			none;
	border-collapse:	collapse;
	margin:			0em 0em 0em 10em;
}
.paper table p {
	margin:			0em;
}
.paper th,
.paper td {
	text-align:		left;
	vertical-align:		top;
	padding:		0.2em 0.4em 0.2em 0.4em;
	border:			0.1em solid black;
	margin:			0em;
}
.paper th {
	font-weight:		normal;
	text-align:		left;
	vertical-align:		bottom;
}
.paper thead th,
.paper thead td {
	padding-top:		0em;
	border:			none;
}
.paper tbody th,
.paper tbody td {
}
.paper tfoot th,
.paper tfoot td {
	padding-bottom:		0em;
	border:			none;
}
.paper th.firstcol,
.paper td.firstcol {
	border:			none;
}
.paper th.lastcol,
.paper td.lastcol {
	border:			none;
}
@media handheld {
	.paper table {
		margin-left:		4em;
	}
}