/* # stands for div, no prefix stands for <> */

/* styles!!!!!! styles for everything except link list which is at bottom */

body {
	font-family:Arial, Helvetica, sans-serif;	
	line-height:18px;
	font-size:12px;
	color: #000000; 
	background: white url(graphics/body_bg.jpg) no-repeat top center; 
	margin: 0; 
	padding: 0;

}

body a:link, a:active, a:visited{
	text-decoration:underline;
	color:maroon;
	border:0px;
}

body a:hover{
	text-decoration:none;
	border:0px;
}

p {
	margin: 10px 30px 20px 30px;
	padding: 0;
	text-align:justify;
}

p.etsy {
	margin: 10px 10px 20px 10px;
	padding: 0;
	text-align:justify;
}

/* four values: top right bottom left */

img.gallery {
	float: center;
	margin: 10px 10px 10px 10px;
	width: 100px;
	height: 100px;
	border: 0px;
}

img.hgallery{
	float: center;
	margin: 5px 0px 5px 0px;
	width: 155px;
	height: 125px;
	border: 0px;
}

img.page {
	margin: 5px 8px 5px 8px;
	border: 1px;
	border-color: black;
}

p.center{
	margin: 10px 30px 20px 30px;
	padding:0;
	text-align:center;
}

p.link{
	padding:0;
	line-height:10px;
	font-size:12px;
	text-align:right;
	margin: 0 13px 0 0;
}

p.head{
	padding:0;
	font-size:20px;
	color:4b370b;
	text-align:center;
	margin: 30px 30px 0 30px;
}

p.subh{
	padding:0;
	font-size:16px;
	color:maroon;
	margin: 15px 30px 0 30px;
}

ul {
	list-style-type: none;
	padding-left: 20px;
	margin-right: 0;
}
/* in background tag may need to put in color before "left" */
li {
	background: left center no-repeat;
	padding-bottom: 5px;
	margin: 0px;
	border:0px;
}


/* container/framework div's */

#container { 
	margin: auto;
	width:800px;
    background:white no-repeat top center;
	position:relative;
}

#headercontainer{
	width:730px;
	height:323px;
}

#pageHeader {
	background:url(graphics/header_bg.jpg) no-repeat top center;
	height:323px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:730px;
}


/* four numbers: pixels from... top right bottom left. determine left based on linklist width, top based on header if necessary, right based on comfortable viewing. */

#content{
	position:absolute;
	top:250px;
	padding:20px 90px 0px 150px;
}


/* bar divs are already within content div, which is 20top 100right 0bottom 180left w/in the big container */

#barhenna {
	margin:0px 0px 0px 0px;
	padding-top:40px;
	background: url(graphics/bar_henna2.jpg) no-repeat top center;
	height:100%;
}

#artist {
	margin:0px 0px 0px 0px;
	padding-top:0px;
	background: white;
	height:100%;
}

#barcal {
	margin:0px 0px 0px 0px;
	padding-top:40px;
	background: url(graphics/bar_cal.jpg) no-repeat top center;
	height:100%;
}

#barbooks {
	margin:0px 0px 0px 0px;
	padding-top:40px;
	background: url(graphics/bar_books.jpg) no-repeat top center;
	height:100%;
}

/* navigation div's */

#linklist {
	position:absolute;
	background:url(graphics/nav_bg.jpg) no-repeat top center;
	width:160px;
	top:320px;
	color: #ffffff;
	font-size:10px;
	left: 0px;
	height:600px;
	line-height:13px;
}

#linkList a:link, a:active, a:visited {
	color:#maroon;
	text-decoration:underline;
	font-size:12px;
}

#linkList a:hover{
	color:#000000;
	text-decoration: none;
	font-size:12px;
}