html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753; 
	background: #fff url(blossoms.jpg) no-repeat bottom right; 
	margin: 0; 
	padding: 0;
	}
p { 
	margin-top: 0; 
	text-align: center;
	}
h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #0d0d0a;
	text-align: center;
	font-size: 20pt;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #B7A5DF;
	font-size: 11pt;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D4CDDC;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}
acronym {
	border-bottom: none;
	}

h3 {
	margin-bottom: 11px;
}

.p1 {
 font-size: 11pt;
}

.p2 {
	font-size: 11pt;	
}

.p3 {
	font-size: 11pt;
}

.p4 {
	font-size: 11pt;
}

.p5 {
	font-size: 11pt;
}

h1 {
	font-size: 30pt;
}



/* specific divs */

#container { 
	background: url(zen-bg.jpg) no-repeat top left; 
	background-color: #a2ffffbe;
	padding: 0 175px 0 110px;  
	margin: auto; 
	position: relative;
	width: 50%;
	height: 3650px;
	}

#circle1 {
	border-radius: 500px;
	background-color: #ffd36390;
}

#intro { 
	min-width: 470px;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */


	/* TITLES */
#pageHeader h1 span {
	font-size: 20pt;
	text-align: center;
	font-weight: lighter;

	}

#pageHeader h2 span {
	font-size: 32pt;
	text-align: center;
	color: #0d0d0a;
	}
	/* TITLES END */

h3 span {
	font-size: 30pt;
	font-weight: 60%;
}

	/* HEADERS */

	#pageHeader h1 { 
		background: transparent url(h1.gif) no-repeat top left; 
		margin-top: 10px; 
		width: 100%; 
		height: 10px; 
		float: left;
		border-radius: 50px;
		text-align: center;
		}

#pageHeader h2 { 
	background: transparent url(h1.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 100%; 
	height: 87px; 
	float: left;
	background-color: #fdc5b8e4;
	border-radius: 50px;
	text-align: center;
	box-shadow: 15px 15px 3px rgba(76, 103, 146, 0.289);
	}

/* HEADERS END*/

#pageHeader {
	padding-top: 20px;
}

#quickSummary {
	clear:both; 
	margin: 20px 20px 20px 10px; 
	width: 160px; 
	float: left;
	}
#quickSummary p {
	font: italic 10pt/22pt georgia; 
	text-align:center;
	}

	/*BUBBLES*/

	#preamble {
		
		margin-right: 100px;
		margin-top: 30px;
		margin-bottom: 30px;

		float: right;
		padding: 20px 10px 0 20px;
		border-radius: 400px;
		height: 590px;
		width: 590px;
		background-color: antiquewhite;
		box-shadow: 15px 15px 3px rgba(76, 103, 146, 0.289);
	


		
		padding-top: 100px;
		padding-left: 50px;
		padding-right: 50px;

		background-color: antiquewhite;
		}

	#explanation {
		
		margin-right: -250px;
			margin-top: 30px;
			margin-bottom: 30px;

			float: right;
			padding: 20px 10px 0 20px;
			border-radius: 400px;
			height: 590px;
			width: 590px;
			background-color: antiquewhite;
			padding-top: 100px;
			padding-left: 50px;
			padding-right: 50px;
			box-shadow: 15px 15px 3px rgba(76, 103, 146, 0.289);

			}

		#participation {
			margin-right: 160px;
			margin-top: 30px;
			margin-bottom: 30px;

			float: right;
			padding: 20px 10px 0 20px;
			border-radius: 400px;
			height: 590px;
			width: 590px;
			background-color: antiquewhite;
			padding-top: 100px;
			padding-left: 50px;
			padding-right: 50px;
			box-shadow: 15px 15px 3px rgba(76, 103, 146, 0.289);
			}

			#benefits {
			margin-right: -240px;
			margin-top: 60px;
			margin-bottom: 30px;
			float: right;
			padding: 20px 10px 0 20px;
			border-radius: 400px;
			height: 400px;
			width: 400px;
			background-color: antiquewhite;
			box-shadow: 15px 15px 3px rgba(76, 103, 146, 0.289);
				}

			#requirements {
				margin-right: 10px;
			margin-top: 10px;
			margin-bottom: 30px;

			float: right;
	
			border-radius: 450px;
			height: 700px;
			width: 700px;
			background-color: antiquewhite;
			padding-top: 100px;
			padding-left: 50px;
			padding-right: 50px;
			box-shadow: 15px 15px 3px rgba(76, 103, 146, 0.289);
					}
	

#supportingText {	
	padding-left: 10px; 
	margin-bottom: 40px;
	}

#footer { 
	text-align: center; 
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}
/*..............*/
#linkList {
	margin-left: 600px; 
	position: fixed; 
	top: 20px; 
	right: 0;
	background-color: #6aa28dcb;
	border-radius: 40px;
	}
	
#linkList2 { 
	font: 10px verdana, sans-serif; 
	background: transparent url(paper-bg.jpg) top left repeat-y; 
	padding: 10px; 
	margin-top: 150px; 
	width: 130px; 
	}
#linkList h3.select { 
	background: transparent url(h3.gif) no-repeat top left; 
	margin: 10px 0 5px 0; 
	width: 97px; 
	height: 16px; 
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.favorites { 
	background: transparent url(h4.gif) no-repeat top left; 
	margin: 25px 0 5px 0; 
	width: 60px; 
	height: 18px; 
	}
#linkList h3.favorites span {
	display:none
	}
#linkList h3.archives { 
	background: transparent url(h5.gif) no-repeat top left; 
	margin: 25px 0 5px 0; 
	width:57px; 
	height: 14px; 
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: transparent url(h6.gif) no-repeat top left; 
	margin: 25px 0 5px 0; 
	width:63px; 
	height: 10px; 
	}
#linkList h3.resources span {
	display:none
	}


#linkList ul {
	margin: 0;
	padding: 0;
	}

#linkList li {
	line-height: 20px; 
	background: transparent url(cr1.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	list-style-type: none;
	}
#linkList li a:link {
	color: #1d1d1a;
	}
#linkList li a:visited {
	color: #403f37;
	}

/*EXTRA DIVS*/


	#extraDiv2 {
		background: transparent url(Webd1.png); 
		position: absolute; 
		top: 620px; 
		left: 100px; 
		width: 550px; 
		height: 550px;
		background-color: #fab43a9e;
		border-radius: 900px;
		border: 10px solid #fab43a9e ;
		}

		#extraDiv3 {
			background: transparent url(WebD2.jpg); 
			position: absolute; 
			top: 1450px; 
			left: 670px; 
			width: 550px; 
			height: 550px;
			background-color: #fab43a9e;
			border-radius: 900px;
			border: 10px solid #fab43a9e ;
			}

			#extraDiv4 {
				background: transparent url(WebD3.png); 
				position: absolute; 
				top: 2300px; 
				left: 70px; 
				width: 680px; 
				height: 680px;
				background-color: #fab43a9e;
				border-radius: 900px;
				border: 10px solid #fab43a9e ;
				}

				#extraDiv5 {
					background: transparent url(mouse3.png) no-repeat; 
					position: absolute; 
					top: 600px; 
					left: 750px; 
					width: 400px; 
					height: 350px;
					}

					#extraDiv6 {
					background: transparent url(cursor2.png); 
					position: absolute; 
					top: 1190px; 
					left: 160px; 
					width: 300px; 
					height: 450px;
						}
						#extraDiv1 {
							background: transparent url(WD.png) no-repeat; 
							position: absolute; 
							top: 2150px; 
							left: 700px; 
							width: 400px; 
							height: 350px;
							}



		/*EXTRA DIVS*/


.accesskey {
	text-decoration: underline;
	}

body {

	background-color: #B7A5DF;
	
	background: transparent url(circlesback.jpg); 
}