/* css Zen Garden submission 084 - 'Start Listening!', by Liz Lubowitz, http://hiptobeasquare.com */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2004, Liz Lubowitz */
/* Added: March 4th, 2004 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */


/* 1950s clip art courtesy of Tack-O-Rama http://anzwers.org/free/tackorama/index.html */
/* Background tile by Squidfingers http://squidfingers.com/patterns/ */
/* Fonts used are Cast Iron (source unkown) and Hot Burrito #3 by Dinc Type http://www.girlswhowearglasses.com */
/* Photoshop brushes by Anti-Brush http://www.jennithepirate.com/brushes/ */

/* BASIC STUFF */
body {margin:0px;padding:0px;font:0.7em verdana, tahoma, sans-serif;line-height:1.3em;color:#000000;background:#3D5464 url(bg.gif);}
p {margin:0px;padding-top:2px;padding-bottom:5px;text-align:justify;}
h3 {font:bold 0.8em verdana, tahoma, sans-serif;text-transform:uppercase;margin:0px;padding:0px;color:#000000;}
a {color:#000000;font-weight:bold;text-decoration:none;}
a:hover {color:#D0701A;font-weight:bold;text-decoration:none;text-decoration:none;}
abbr {text-decoration:underline;border:0px;}

/* DIVS THAT CONTAIN OTHER DIVS */
.page-wrapper {z-index:0;position:absolute;left:0px;top:0px;margin:0px;padding:0px;width:725px;background:url(containerbg.gif) repeat-y top left;}
.intro {width:560px;float:right;}
.supporting {width:560px;float:right;}
.sidebar {z-index:1;position:absolute;left:0px;top:320px;width:155px;font-size:0.8em;padding-left:10px;float:left;}


/* STUFF CONTAINED WITHIN THE INTRO DIV */
header {padding-top:0px;}
header h1 {width:355px;height:100px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
header h2 {width:355px;height:120px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.summary {margin-left:100px;text-align:right;margin-right:10px;margin-top:5px;}
.summary p {text-align:right;}
.preamble {padding:10px;padding-top:0px;margin:0px;clear:left;}
.preamble h3 {background:url(enlightenment.gif) top left no-repeat;width:278px;height:36px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* STUFF CONTAINED WITHIN THE SUPPORTING TEXT DIV */
.explanation {padding:10px;}
.explanation h3 {background:url(about.gif) top left no-repeat;width:278px;height:36px;margin-top:5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.participation {padding:10px;}
.participation h3 {background:url(participation.gif) top left no-repeat;width:278px;height:36px;margin-top:5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.benefits {padding:10px;}
.benefits h3 {background:url(benefits.gif) top left no-repeat;width:278px;height:36px;margin-top:5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.requirements {padding:10px;}
.requirements h3 {background:url(requirements.gif) top left no-repeat;width:278px;height:36px;margin-top:5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
footer {text-align:right;text-transform:uppercase;font-size:0.8em;line-height:1em;border-top:5px solid #000000;margin:0px;padding:10px;}


/* STUFF CONTAINED WITHIN THE LINKLIST DIV */
.sidebar h3.select {background:url(h3.gif) no-repeat bottom left;width:139px;height:39px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.sidebar h3.archives {background:url(h5.gif) no-repeat bottom left;width:139px;height:39px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.sidebar h3.resources {background:url(h6.gif) no-repeat bottom left;width:139px;height:39px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.sidebar ul {margin:0px;padding:0px;}
.sidebar li {list-style-type:none;display:block;padding:1px;margin:0px;}
.sidebar li a {color:#000000;}
.sidebar li a:hover {color:#D0701A;}
.design-selection a {display:block;}
.design-selection li a.designer-name {display: inline;}
.design-selection li {margin-bottom:5px;}

/* EXTRA STUFF LIKE IMAGES */
.extra1 {z-index:1;position:absolute;left:0px;top:0px;width:168px;height:370px;background:url(notlistening1.gif) no-repeat top left;}
.extra2 {z-index:2;position:absolute;left:168px;top:0px;width:97px;height:312px;background:url(notlistening2.gif) no-repeat top left;}
.extra3 {z-index:3;position:absolute;left:265px;top:0px;width:100px;height:197px;background:url(notlistening3.gif) no-repeat top left;}
.extra4 {z-index:4;position:absolute;left:365px;top:0px;width:355px;height:133px;background:url(title1.gif) no-repeat top left;}
.extra5 {z-index:5;position:absolute;left:365px;top:133px;width:355px;height:118px;background:url(title2.gif) no-repeat top left;}