ogo/* css Zen Garden submission 057 - 'This is Cereal' by Shaun Inman, http://www.shauninman.com/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright 2003,  Shaun Inman */
/* Added: November 4th, 2003 */

/* 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. */


/* Photography © Bradley Mason http://www.sxc.hu/browse.phtml?f=profile&l=bradleym */

#extraDiv3,
#extraDiv4,
#extraDiv5,
#extraDiv6 { display: none; }

/* Warning message styles for browsers that don't support CSS attribute selectors... */
/*#extraDiv1 { position: absolute; top: 112px; left: 292px; width: 340px; height: 166px; background: url(extra/txt_upgrade.gif) no-repeat; z-index: 10; }*/
#extraDiv1 { position: absolute; top: 112px; left: 292px; z-index: 10; }
#container { padding: 296px 0 0 294px; z-index: 99; }
/* Clear the warning styles for those that do... */
div[id="extraDiv1"] { display: none; }
div[id="container"] { padding: 105px 0px 0 0px !important; }

/* Spoon graphic and pull-quote */
/*#extraDiv2 { position: absolute; top: 1200px; left: 0px; width: 229px; height: 580px; background: url(extra/spoon_flake.png) no-repeat; z-index: 0; }*/
#extraDiv2 { position: absolute; z-index: 0; }
div[id="extraDiv2"] { top: 712px !important; }

/* Grapefruit graphic */
#extraDiv3 { display: block !important; position: relative; margin-left: 630px; height: 0; z-index: 0; }
#extraDiv3 span {
	position: absolute;
	bottom: -33px;
	width: 100%;
	height: 526px;
	align: right;
	background: url(grapefruit.jpg) no-repeat;
	}

/* Photo Credit */
div[id="extraDiv5"] { display: block !important; position: relative; margin-left: 4px; height: 0; z-index: 0; }
/*div[id="extraDiv5"]>span {
	position: absolute;
	bottom: -33px;
	width: 100%;
	height: 336px;
	background: url(extra/txt_credit.gif) no-repeat;
	}*/

/* Quality text and SI logo */
/*div[id="extraDiv6"] {
	display: block !important;
	position: absolute;
	top: 476px;
	left: 103px;
	width: 146px;
	height: 77px;
	background: url(extra/txt_quality.gif) no-repeat;
	z-index: 0;
	}*/

body {
	margin: 0;
	padding: 0;
	background: url(bg_header.jpg) no-repeat #FFF;
	}

#quickSummary,
#preamble,
#supportingText { z-index: 1; }

p {
	text-align: justify; 
	font-family: Georgia,Helvetica,"Times New Roman",Times,serif;
	font-size: 20px; 
	line-height: 30px; 
	margin-top: 0; 
	color: #707070;
	}
p acronym { font-style: italic; }
acronym { border-style: none; }

h3 {
	text-align: justify; 
	font-family: Georgia,Helvetica,"Times New Roman",Times,serif;
	font-size: 40px; 
	margin-top: 0; 
	color: #707070;
}

p a, #footer a { color: #866F5B; text-decoration: none;  border-bottom: none; }
p a:hover, #footer a:hover { color: #A51A0A; border-style: none; }
div[id="footer"]>a { border-style: none !important; }

#plop { padding-left: 10px; padding-top: 2px; padding-bottom: 2px; background: lightgrey; margin-bottom: 1em; border-top: 2px solid #866F5B;; border-bottom: 2px solid #866F5B;}

#preamble { margin-bottom: 2em; }
#preamble p.p2 { background: url(head_enlightenment.gif) no-repeat; padding-top: 2.4em; }
div[id="preamble"]>p.p2 { background: url(head_enlightenment.png) no-repeat !important; }

#explanation,
#participation,
#benefits,
#requirements { padding-top: 1.8em; margin-bottom: 2em; padding: 0px 10px 0 10px !important; }


@media tty { /* Mid pass to square away some IE 5 PC hinkyness. */
	i{content:"\";/*" "*/}} #explanation p.p1,#participation p.p1,#benefits p.p1,#requirements p.p1 { padding-top: 1.8em; } /*";}
 	}/* */
 	
#explanation 	{ background: url(head_explanation.gif) no-repeat; }
#participation 	{ background: url(head_participation.gif) no-repeat; }
#benefits 		{ background: url(head_benefits.gif) no-repeat; }
/*#requirements 	{ position: relative; background: url(head_requirements.gif) no-repeat; z-index: 1; }*/
#requirements 	{ position: relative; z-index: 1; }

#quickSummary { margin-bottom: 2em; }
div[id="quickSummary"] { margin-bottom: 0 !important; }
#quickSummary>p[class="p1"] { position: absolute; top: 230px;  background: url(txt_demo.jpg) no-repeat; width: 143px; height: 0; padding-top: 57px; overflow: hidden; }
#quickSummary>p[class="p2"] { position: absolute; top: 328px; background: url(txt_download.gif) 5px 5px; background-repeat: no-repeat; width: 107px; height: 29px; z-index: 15; margin: 0; color: #FFF; font-size: 1px; padding-top: 36px; }
#quickSummary>p[class="p2"] a[href="zengarden-sample.html"] { position: absolute; top: 17px; left: 5px; width: 35px; height: 0px; padding-top:9px; overflow: hidden; }
#quickSummary>p[class="p2"] a[href="zengarden-sample.html"]:hover { background: url(button_html_over.gif) no-repeat; }
#quickSummary>p[class="p2"] a[href="zengarden-sample.css"] { position: absolute; top: 17px; left: 63px; width: 31px; height: 0px; padding-top:9px; overflow: hidden; }
#quickSummary>p[class="p2"] a[href="zengarden-sample.css"]:hover { background: url(button_css_over.gif) no-repeat; }
div[id="quickSummary"] a { border-style: none; }
/**/

#footer { font-family: geneva,arial,verdana,sans-serif; font-size: 9px; }
#footer a { color: #866F5B; text-decoration: none; }
#footer a:hover { color: #A51A0A; }

/**/
div[id="footer"] { position: relative; top: -5px; left: -5px; width: 327px; height: 48px; background: url(txt_footer.gif) 5px 5px no-repeat; z-index: 1; }
/* xhtml */
#footer a[href="http://validator.w3.org/check/referer"] { position: absolute; top: 17px; left: 105px; width: 33px; height: 0px; padding-top:9px; overflow: hidden; }
#footer a[href="http://validator.w3.org/check/referer"]:hover { background: url(button_xhtml_over.gif) no-repeat; }
/* css */
#footer a[href="http://jigsaw.w3.org/css-validator/check/referer"] { position: absolute; top: 17px; left: 145px; width: 18px; height: 0px; padding-top:9px; overflow: hidden; }
#footer a[href="http://jigsaw.w3.org/css-validator/check/referer"]:hover { background: url(button_css_footer_over.gif) no-repeat; }
/* cc */
#footer a[href="http://creativecommons.org/licenses/sa/1.0/"] { position: absolute; top: 17px; left: 170px; width: 13px; height: 0px; padding-top:9px; overflow: hidden; }
#footer a[href="http://creativecommons.org/licenses/sa/1.0/"]:hover { background: url(button_cc_over.gif) no-repeat; }
/* 508 */
#footer a[title="Check the accessibility of this site according to U.S. Section 508"] { position: absolute; top: 17px; left: 189px; width: 15px; height: 0px; padding-top:9px; overflow: hidden; }
#footer a[title="Check the accessibility of this site according to U.S. Section 508"]:hover { background: url(button_508_over.gif) no-repeat; }
/* aaa */
#footer a[title="Check the accessibility of this site according to WAI Content Accessibility Guidelines 1"] { position: absolute; top: 17px; left: 228px; width: 20px; height: 0px; padding-top:9px; overflow: hidden; }
#footer a[title="Check the accessibility of this site according to WAI Content Accessibility Guidelines 1"]:hover { background: url(button_aaa_over.gif) no-repeat; }

/* Move this junk out of the way */
#pageHeader,
#preamble h3,
#supportingText h3 { position: absolute; top: -1000px; left: -1000px; width: 1px; height: 1px; overflow: hidden; }