/*The CSS file for the Bunny Place - two column */


/* Layout */



body {color: black;
			padding-left: 0em;
			text-align: center;
		  background-image: url(../images/flower.jpg);
		  background-color: green;
	}

.header{
	overflow: hidden;
}

.container {
	max-width: 900px;
	min-width: 900px;

	text-align: left;
	margin: auto;
	background-color: white;

	
	}



.inside {
	padding: 1em;
}

.maintext { 
	float:right;
	width: 78%;
	font-style: bold;
	background-color: white;
	font-size: 1.5em;
	background: url(../images/mainbackground.jpg);
	min-height: 23em
	 }
	 
.maintextphoto { 
	float:right;
	width: 78%;
	font-style: bold;
	background-color: white;
	font-size: 1.5em;
	background: url(../images/photobackground.jpg);
	min-height: 23em
	}

.maintextforsale { 
	float:right;
	width: 78%;
	font-style: bold;
	background-color: white;
	font-size: 1.5em;
	background: url(../images/forsalebackground.jpg);
	min-height: 23em
	 }
	 
.menu	 a {
display: block;
border: 2px solid;
border-color: #aaa #000 #000 #aaa;
width: 120px;
height: 25px;
background: green;
text-decoration:none
}

.menu a:hover
{
position: relative;
top: 1px;
left: 1px;
border-color: #000 #aaa #aaa #000;
}
	
	.topmenu {
	clear:both;
  border-top: black solid 2px;
  border-bottom: black solid 2px;
	background-color: grey, rgb(0, 93, 53);
	height: 1.25em;

	}
	
	.bottommenu {
	clear:both;
  border-top: solid black 2px;
	background-color: grey;
	height: 1em;

	}


	 
.menu {
	float:left;
	width: 20%;
	height: 100%;
	text-align: center;

	 }

#footer {
	clear: both;
	text-align: center;
	}

h2 {
	font-family: Jokerman;
	font-weight: normal;
	font-size: 2em;
} 

h1 {
	font-family: Jokerman, comic sans;
	font-weight: normal;
	font-size: 2.2em;

}

#home {
	background-color: rgb(0, 93, 53);
	background-image: url(../images/homebutton.jpg);
}

#photos {
	background-color: rgb(0, 93, 53);
	background-image: url(../images/photosbutton.jpg);
}

#tips {
	background-color: rgb(0, 93, 53);
	background-image: url(../images/tipsbutton.jpg);
}

#history {
	background-color: rgb(0, 93, 53);
	background-image: url(../images/historybutton.jpg);
}

#law {
	background-color: rgb(0, 93, 53);
	background-image: url(../images/lawbutton.jpg);
}

#forsale {
	background-color: rgb(0, 93, 53);
	background-image: url(../images/forsalebutton.jpg);
}

#contact {
	background-color: rgb(0, 93, 53);
	background-image: url(../images/contactbutton.jpg);
}

#previous {
	background-color: rgb(0, 93, 53);
	background-image: url(../images/previousbutton.jpg);
}