/*styles for html and body, mainly to set defaults and to fill the whole browser area*/
html{
	margin:0;
	padding:0;
}

body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;	
    color: #664407;
	background: url(images/indexbackground.gif) #5e3d16 center repeat-y fixed;
	vertical-align: top;	
	margin:0;	
	padding:0;
}

/*whole page*/
#wrap {
	margin:0 auto; /*fills page*/
	background:inherit;
	padding:0;
}
/*main area*/
#wrapMain{
	margin: auto auto; /*centres white area*/
	background:#fff7e3;
	width:800px;	
	height:690px;
}

/*div containing image*/
#main {
	position:absolute;	
	background:inherit;
}

/*div containing links*/
#navLinks{
	position:relative;
	top:170px; /*170px down relative to top of main area*/
	left:10px; /*pad it from the left of the white area*/
	background:transparent;	
	font-size: 12px;
	width: 120px; /*constrain width of nav area so it doesnt go over the image*/
}

/*div with copyright*/
#copyright{	
	font-size: 11px;	
}

/*style nav list*/
ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	text-align:left;
}

li{
	background-image: url(images/EensieFlowerNoBG.gif);
	background-repeat: no-repeat;
	background-position: 0px 22px;
	padding-left: 14px; 
	padding: 20px;
}

/*links*/
a{
	background-color: inherit;
	color: #664407;
	text-decoration: none;	
	font-weight: bold;	
}

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