/* general */



	/* setting shadow, stripes, main typeface and basic font size to 10px (62.5% of browser's default 16px) */

	html {

	font: 62.5%/1.4 "Verdana", Arial, Helvetica, sans-serif;

	min-width: 780px;

	max-width: 1600px;

}

body {

	padding: 0;

	margin: 0;

	background: #61ad37 url(background.gif) no-repeat 50% 0;

}

/* basic settings, overriding browser's defaults */

			h1, h2, h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align: left;

}

h3 {

	font-size: 1.5em;

	line-height: 1.5em;

	color: #FF6600;

	text-align: center;

}

div, p, h1, h2, h3, ul, li {

	margin: 0;

	padding: 0;

	list-style: none;

}

abbr, acronym {

	border: 0;

	cursor: help;

}

a {

	text-decoration: underline;

	border-bottom: 1px solid #aaa;

	color: #39a247;

}

a/**/ {

	text-decoration: none !important;

} /* IE 5.01 doesn't recognize border-bottom at non-block elements :-( */

a:visited {

	color: #778;

	border-bottom-style: dotted;

}

a:hover, a:focus {

	border-bottom-color: #c00;

	color: #FF0000 !important;

}

p {

	font-size: 1.3em;

	color: #605D5C;

	margin-bottom: 10px;

}

/* container */



	#container, #ex_Div1 {

	width: 700px;

	margin: 0 0 0 -350px;

	left: 50%;

	padding: 0;

	position: absolute;

	background: #F7F3E7 url(container.gif) repeat-y 50% 0;

}

/* intro */



	/* header and 'garbageman top' image */

	#pageHeader {

	margin: 0 0 0 20px;

	padding: 0;

	width: 660px;

	height: 246px;

	background: url(header.jpg) no-repeat 50% 0;

}

h1/**/ {

	text-indent: -9999px;

}

h1 span, h2 {

	text-indent: -9999px;

} /* IE 5.01 places background image 9999px to the left when text-indent is applied to the element, so bgimg is applied to h1s, and text-indent to h1 spans */

h1 {

	width: 660px;

	height: 212px;

}

#ex_Div1 {

	top: 217px !important;

	height: 9px !important;

	width: 660px;

	margin-left: -330px !important;

	background: url(headerDesc.gif) no-repeat 100% 0;

}

/* joint rules */

	#slogan, #content, #supportingText {

	width: 434px;

	margin: 10px 0 10px 20px !important;

	margin-left: 10px;

	float: left;

	padding: 0;

}

/* quick summary and child elements */

	#slogan {

	font-size: 1.7em;

	line-height: 1.5em;

	text-align: center;

	width: 434px;

	margin-top: 0 !important;

	margin-bottom: 4px !important;

	background: url(theLine.gif) no-repeat 50% 100%;

	padding-bottom: 40px;

}

#slogan p {

	color: #312F2F;

}

/* content and child elements */

	#content {

	font-size: 1em;

	text-align: justify;

	width: 434px;

	margin-bottom: 0 !important;

}

#content h3 {

	margin-bottom: 20px;

	text-decoration: underline;

	text-transform: uppercase;

}

#content .p3 {

	background: url(theLine.gif) no-repeat 50% 100%;

	padding-bottom: 48px;

	margin-bottom: 0 !important;

}

/* supporting text */



	/* general settings */

	#supportingText {

	margin-bottom: 0 !important;

	margin-top: 0 !important;

	padding-top: 36px !important;

	background: url(designsDesc.gif) no-repeat 100% 8px;

}

/* various child elements */

		#supportingText div {

	width: 208px;

	margin: 0 0 20px 0;

	float: left;

	text-align: justify;

}

#supportingText p {

	margin-bottom: 1em;

}

/* setting 'line-breaks' */

		#supportingText h3 {

	margin-bottom: 20px;

	text-decoration: underline;

	text-transform: uppercase;

	padding-top: 45px;

	padding-right: 20px;

	background: url(theLine.gif) no-repeat;

	margin-right: -20px;

}

#supportingText #participation, #supportingText #requirements {

	margin-bottom: 10px !important;

}

#supportingText #explanation, #supportingText #benefits {

	padding-right: 18px;

	width: 226px;

	w\idth: 208px;

}

#supportingText #participation h3, #supportingText #requirements h3 {

	background-position: -226px 0;

}





/* footer and 'garbageman bottom' image */

		#supportingText #footer {

	background: url(footer.jpg) no-repeat 50% 0;

	width: 660px !important;

	height: 210px;

	padding-top: 11px !important;

	padding: 10px 0 0 0;

	text-align: center;

	border-top: 5px solid #f99f1c;

	margin: 0 -450px 0 0;

	position: relative !important;

}

#supportingText #footer/**/ {

	height:/**/195px;

}

#supportingText #footer a {

	font: 2.1em/2em "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;

	color: #F7F3E7;

	border-bottom: 0;

	text-transform: uppercase !important;

	text-decoration: none;

}

#supportingText #footer a:focus, #supportingText #footer a:hover {

	border-bottom: 3px solid #F7F3E7 !important;

	color: #CCFF00 !important;

	text-decoration: underline;

}

/* side column */



	/* general settings and main imagery repositioning */

	#r_ll {

	position: absolute;

	top: 242px;

	right: 20px;

	width: 208px;

	color: #888;

	float: right;

	clear: none;

	padding: 0 0 30px 0;

}



#dl_pdf {

	background: url(linkListBottom.gif) no-repeat 0 100%;

	padding-bottom: 5px;

}

/* link list titles general */

			#r_ll h3 {

	height: 29px;

	width: 208px;

	clear: both;

}

#r_ll h3/**/ {

	text-indent: -9999px;

}

#r_ll h3 span {

	position: absolute;

	left: -9999px;

} /* IE 5.01 places background image 9999px to the left when text-indent is applied to that same element, so BgImg is applied to h3s, and h3 spans are absolutely positioned 9999px to the left */

/* link list titles specific */

				

#dl_img h3 {

	background: url(h3Select.gif) no-repeat 0 0;

	height: 32px !important;

} /* this background image also contains top border and oldish detail on the top of #r_ll column, therefore this particular h3 is 4px higher */

#lfavorites h3 {

	background: url(h3Favorites.gif) no-repeat 0 0;

}

#dl_pdf h3 {

	background: url(h3Resources.gif) no-repeat 0 0;

}

/* general settings for unordered list */

			#r_ll ul {

	margin: 0;

	background: url(sidecol.gif) repeat-y 0 0;

	padding: 3px 18px 2.4em 18px !important;

	padding-bottom: 2.16em;

	padding-bottom:/**/2.0em;

}

#r_ll ul/**/ {

	padding-bottom:/**/2.25em;

}

/* some hacking to align right column's bottom and the bottom of 'designs' image in IE 5.01 and 5.5 */

			#r_ll ul li {

	text-align: center;

	padding-top: 15px;

	line-height: 1.8em;

	line-height:/**/1.9em;

}

#r_ll #dl_pdf li, #r_ll #larchives li {

	border-bottom: 1px solid #e1e0de;

	height: 1px;

}

#r_ll #dl_pdf li/**/, #r_ll #larchives li/**/ {

	border-bottom:/**/0;

	height: 1.9em;

	background: url(sideLine.gif) no-repeat 50% 100%;

}

/* IE 6.0 flickering: */	

			#r_ll #dl_img li/**/, #r_ll #lfavorites li/**/ {

	background-image:/**/url(sideLine.gif);

	background-repeat: no-repeat;

	background-position:/**/50% 65%;

}

#r_ll #dl_pdf li/**/, #r_ll #larchives li/**/ {

	background-image:/**/url(sideLine.gif);

	background-repeat: no-repeat;

	background-position:/**/50% 100%;

}

#r_ll #dl_pdf li a/**/, #r_ll #larchives li a/**/, #r_ll #dl_img li a/**/, #r_ll #lfavorites li a/**/ {

	background-image:/**/none;

}

/* formatting links */

			#r_ll li a {

	display: block;

	font-size: 1.1em;

	color: #0aa245;

	text-decoration: none;

	border-bottom: 0 !important;

	background: url(sideLine.gif) no-repeat 50% 100%;

}

#r_ll li a {

	line-height: 1.7em;

}

#r_ll li a/**/ {

	line-height: 1.789em;

}

#r_ll li a/**/ {

	width:/**/172px;

	line-height:/**/1.72em !important;

}

/* designs and authors */

				#dl_img li a, lfavorites li a {

	font-weight: bold;

	display: block;

}

#r_ll a.c {

	display: inline;

	color: #777;

	font-size: 1em;

	font-weight: normal;

	background: none;

}