/* css page for Pedal & Park, March 2004 */



/* parts of the page */

body	{
	font-family: verdana, helvetica, arial, "sans serif"; 
	font-size: small; 
	color: #000; 
	background-color: #fff; 
	border: 0em; 
	padding: 0em; 
	margin: 0em; 
	}

/* outer is the container for the entire page, so that positioning is not dependent on the browser window  */

div#outer	{
	top: 0em; 
	left: 0em; 
	width: 100%; 
	height: 100%; 
	}
 
/* inner is the internal container that centers content within the browser window  */

div#inner	{
	position: relative; 
	top: 2em; 
	width: 80%; 
	height: 100%; 
	}

/* background is the container for all background art  */

div#background	{
	position: absolute; 
	top: 0em; 
	left: 0em; 
	background-image: url(pp_images/vertical_125.jpg); 
	background-color: #d6deeb; 
	background-position: 0% 0%; 
	background-repeat: no-repeat;
	background-attachment: fixed;
	border-right: groove thick #025;
	border-bottom: groove thick #025;
	width: 125px; 
	height: 685px; 
	left: 0px;
	top: 0px;
	}
	
/* foreground is the container for foreground content  */

div#foreground	{
	position: absolute; 
	top: 0em; 
	left: 0em; 
	width: 100%; 
	}




/* various divs  */

div#logo	{
	position: relative; 
	top: 2em; 
	left: 0em; 
	padding-left: 15em; 
	}

div#collage	{
	position: relative; 
	top: 3em; 
	left: 0em; 
	background-image: url(pp_images/cfc-chex.gif); 
	width: 150%; 
	height: 100px; 
	padding-left: 8em; 
	border-top: 2px solid #025;
	border-bottom: 2px solid #025;
	}

div#festivalname	{
	position: relative; 
	top: 3em; 
	left: 0em; 
	background-image: url(pp_images/cfc-chex.gif); 
	width: 100%; 
	height: 40px; 
	padding-left: 15em; 
	margin-top: 1em; 
	margin-bottom: 2em; 
	border-top: 2px solid #025;
	border-bottom: 2px solid #025;
	}

div#youhavefun	{
	position: relative; 
	top: 2em; 
	left: 0em; 
	padding-left: 15em; 
	margin-top: 2em; 
	}

div#content	{
	margin-top: 2em; 
	padding-left: 15em; 
	width: 30%; 
	padding-right: 3em; 
	float: left; 
	}

div#pg2content	{
	margin-top: 2em; 
	padding-left: 15em; 
	width: 30%; 
	padding-right: 3em; 
	float: left; 
	}

div#sidebar	{
	margin-top: 3em; 
	float: left; 
	width: 30%; 
	padding: .5em .75em 1em 1em; 
	text-align: center; 
	border-top: solid thin #025; 
	border-right: groove thick #025; 
	border-bottom: groove thick #025; 
	border-left: solid thin #025; 
	background-color: #cfc; 
	}

div#pg2sidebar	{
	margin-top: 3em; 
	float: left; 
	width: 30%; 
	padding: .5em 1em 1.5em 1em; 
	border-top: solid thin #025; 
	border-right: groove thick #025; 
	border-bottom: groove thick #025; 
	border-left: solid thin #025; 
	background-color: #cfc; 
	}

div#footer	{
	position: relative; 
	padding-top: 1em; 
	margin-top: 1em; 
	width: 100%; 
	text-align: center; 
	}


 
 



/* tags */

h1	{ 
	font-size: 150%; 
	font-weight: lighter; 
	}

h2	{ 
	font-size: 110%; 
	color: #060;
	height: 15px; 
	width: 100%; 
	padding-top: 3px; 
	padding-bottom: 3px; 
	padding-left: 3px; 
	background-color: #cfc; 
	}
	




/* pseudo classes */


a:link	{ 
	color: #060; 
	font-weight: bold; 
	text-decoration: none; 
	}

a:visited	{ 
	color: #060;
	font-weight: bold; 
	text-decoration: none; 
	}

a:hover	{ 
	color: #000;
	font-weight: bold; 
	text-decoration: underline; 
	}





/* selectors for styling */


.nav	{ 
	font-size: 90%; 
	}

.border	{
	border-top: solid thin #025; 
	border-right: groove thick #025; 
	border-bottom: groove thick #025; 
	border-left: solid thin #025; 
	}

.clear	{ 
	clear: both; 
	}

.margintop1	{
	margin-top: 1em; 
	}

.green	{ 
	color: #006600; 
	}
 
.blue	{
	color: #0076C0;
	}





/* box with drop shadow using sliced art, wound up not using */

	
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image: url(pp_images/box-slices/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image: url(pp_images/box-slices/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image: url(pp_images/box-slices/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image: url(pp_images/box-slices/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image: url(pp_images/box-slices/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image: url(pp_images/box-slices/bb.gif);
	background-position: 50% 100%;
	}
	
#rb, #lb
	{
	background-color: transparent;
	background-repeat: repeat-y;
	}
	
#rb
	{
	background-image: url(pp_images/box-slices/rb.gif);
	background-position: 100% 0%;
	}

#lb
	{
	background-image: url(pp_images/box-slices/lb.gif);
	background-position: 0% 100%;
	}