body {
	background-color: #FFBFFE;
	font-family: "Comic Sans MS";
	color: #BF60BD;
	}
	
#banner {
	margin: 0 7% 0 7%;
	}
#banner h1 {
	margin-bottom: 0;
	padding-bottom: 0;
	}
#banner h2 {
	margin-top: 0;
	padding-top: 0;
	font-size: 90%;
	}

.homepage #navigation {
	float: left;
	width: 24%;
	margin-left: 7%;
	padding-bottom: 100px;
	background: url(images/lotus.jpeg) no-repeat bottom center;
	}

.homepage #navigation ul {
	margin-left: 0;
	padding-left: 0;
	}

.homepage #navigation ul ul {
	margin-left: 1em;
	}


/* you can choose a list image here
#navigation li {
	list-style-image: url(YOUR-IMAGE-FILE-NAME-AND-PATH.?JPG?);
	}
*/

#content {
	margin-left: 100px;
	margin-right: 100px;
		}

.homepage #content {
	float: left;
	width: 57%;
	margin-left: 3%;
	margin-right: 0;
	}

	
	/*styles to float images left adn right*/
	
.float-left {
	float: left;
	margin: 10px 10px 10px 0;
	}
	
.float-right {
	float: right;}