/* css Zen Garden submission 0?? - 'Office 2003' by Lachlan Hunt, lachlan.hunt@iinet.net.au */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright 2003. created by Lachlan Hunt, from screenshots of Microsoft Office 2003 */
/* Added: 2003-12-18 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */

/*
 * This design is based on the Microsoft Office 2003 interface.
 * All images were created from screen shots of Microsoft Word 2003.
 * For best results, this design is best viewed in a standards compliant browser.
 *
 * This CSS has been tested in the Windows XP environment with the following results:
 * Mozilla 1.5 and Netscape 7.1: Great
 * Opera 7.1: Good
 * Internet Explorer 6: Acceptable
 * Opera 6: Poor
 */

@media all {
	/* Basic Elements */
	body { background: white none; color: black; margin: 0em; padding: 0em; }
	
	/* Headings */
	h1, h2, h3 { font-family: Adolescence, "Comic Sans MS", fantasy; margin: 0em; padding: 0em; }
	h1 { background: transparent none; color: #53A; letter-spacing: .5em; font-variant: small-caps; }
	h2 { background: transparent none; color: #32B; letter-spacing: .2em; }
	h3 { border-bottom: 1px solid #7BA4E0; background: transparent none; color: #11C; letter-spacing: .1em; padding-top: 1em; }
	
	/* Paragraphs */
	p { font-family: Arial, Helvetica, sans-serif; margin: 0em; padding: 1em 0em 0em 0em; text-align: justify; }
	#intro p { background: transparent none; color: #777; font-family: "Comic Sans MS", sans-serif; font-size: small; }
	#quickSummary p { font-style: italic; padding: 1em; }
	
	/* Document Links */
	a:link, a:link:hover, a:visited { text-decoration: underline; }
	a:link, a:link:hover { color: blue; }
	a:visited { color: rgb(128, 0, 128); }
	a:active { color: red; }
} /* End @media all */

@media screen {
	/* Acronyms */
	acronym { cursor: help; background: transparent url("wavyunderline.gif") repeat-x bottom; color: inherit; border: none; text-decoration: none; }

	/* specific divs */
	/* The document view area */
	#container { background: #9099AE url("bluebar.gif") repeat-y; position: absolute; top: 24px; right: 0px; bottom: 0px; left: 0px; margin: 0px; padding: 0px; height: auto; overflow: auto; }
	#intro, #supportingText { background: transparent url("verticalruler.gif") no-repeat; color: inherit; margin: 10px 200px 0px 0px; padding: 0px 22px 0px 43px; }
	
	/* Pages */
	#intro div, #supportingText div { background: white none; border-color: black; border-style: solid; border-width: 0px 3px 0px 1px; margin: 0px; padding: 0 2cm; }
	#intro #pageHeader, #supportingText #explanation { border-top-width: 1px; padding-top: 1cm; }
	#intro #preamble, #supportingText #requirements { border-bottom-width: 3px; padding-bottom: 1cm; }
	#supportingText { padding-bottom: 2em; }
	/* End Pages */
	
	/* Task Pane */
	#linkList { background: #DDECFE url("stylesandformatting.gif") no-repeat; color: black; border: 2px solid #C3DAF9; position: absolute; top: 0px; right: 0px; bottom: 1.2em; width: 200px; overflow: auto; }
	* > #linkList { top: 24px; right: 16px; position: fixed; background-image: none; }
	#linkList h3 { background: transparent none; color: black; border-bottom: 1px solid #7BA4E0; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; font-size: small; margin: 0px 5px 5px 5px; padding: 0px; }
	#linkList a:link, #linkList a:visited { text-decoration: none; }
	#linkList a:hover { text-decoration: underline; }
	#linkList acronym { background: transparent none; color: inherit; }
	#linkList2 { background: transparent url("stylesandformatting.gif") no-repeat; color: inherit; position: relative; top: 0px; left: 0px; }

	#larchives { background:#4A7AC9 none; width: 100%; position: absolute; top: 24px; }
	#larchives h3 { display: none; }
	#larchives ul { left: 0px; margin: 0px; padding: 0px; }
	#larchives ul li { display: inline; list-style-type: none; font-size: x-small; }
	#larchives ul li a:link, #larchives ul li a:visited { background: transparent url("button.gif") no-repeat center left; color: white; padding: 0px 0px 0px 20px; }
	#larchives ul li a:hover { background: transparent url("buttonhover.gif") no-repeat center left; color: white; }
	
	#lselect ul, #lfavorites ul, #lresources ul { background: white none; color: black; border: 1px solid #7F9DB9; margin: 0em 6px 5px 15px; padding: 0px; }
	#lselect { padding-top: 5em; }
	#lselect ul li, #lfavorites ul li, #lresources ul li { background: transparent url("carriagereturn.gif") no-repeat center right; color: black; cursor: default; border: 2px solid white; font-size: small; min-height: 33px; list-style-type: none; margin: 1px 5px; padding-right: 15px; }
	#lselect ul li:hover, #lfavorites ul li:hover, #lresources ul li:hover { background: transparent url("downarrow.gif") no-repeat center right; color: black; border-color: #316AC5; }
	#lselect a:first-child, #lfavorites a:first-child, #lresources a:first-child { display: block; }
	/* End Task Pane */

	/* Footer */	
	#supportingText #footer { background: #ECE9D8 none; color: black; border: none; margin: 0px; padding: 1px 0em 0em .5em; height: 1.2em; }
	#supportingText > #footer { position: fixed; bottom: 0px; left: 0px; right: 0px; }
	#footer a { text-decoration: none; }
	#footer a:link, #footer a:visited { background: transparent none; color: inherit; border: 1px solid #ECE9D8; }
	#footer a:hover { background: #FFEEC2 none; color: black; border-color: #000080; }
	#footer a:active, #footer a:focus { background: #FFC06F none; color: black; border-color: #000080; outline: none; }
	/* End Footer */

	/* Horizontal Ruler */
	#extraDiv1 { background: white none; color: inherit; position: absolute; top: 0px; left: 0px; height: 24px; width: 100%; z-index: 1; }
	#extraDiv1 span { background: #9EBEF5 none; color: black; position: absolute; top: 2px; right: 220px; height: 22px; width: 95px; }
	#extraDiv2 { background: transparent url("horizontalrulerleft.gif"); color: black; position: absolute; top: 0px; left: 0px; height: 24px; width: 100%; z-index: 2; }
	#extraDiv2 span { background: transparent url("horizontalrulerright.gif") no-repeat; color: black; position: absolute; top: 0px; right: 220px; height: 24px; width: 101px; }
	#extraDiv3 { background: #D8E7FC none; color: black; position: absolute; top: 0px; right: 0px; height: 24px; width: 220px; z-index: 3; }
} /* End @media screen */

@media print {
	#linkList, #footer { display: none; }
	#supportingText { page-break-before: always; }
	acronym { border: none; }
} /* End @media print */