/* CSS Document */
#left, #middle, #right, #product {
	background-color: inherit;
	color: inherit;
	float: left;
	padding-left: 10px;
	padding-right: 5px;
}

#left {
	font-size: small;
	width: 15%;
	min-width: 10em;
	padding-left: 5px;
}


#right {
	font-size: small;
	width: 15%;
	min-width: 10em;
	padding-left: 5px;
	text-align: left;
}

#middle {
	width: 79%;
	background-color: #fff5e1;
	border-width: medium;
	border-color:#003300;
}

#header {
	width: 98%;
	background-color:#999966;
	background-image: url(../images/headerBG.jpg);
	padding: 5px;
}

#footer {
	width: 98%;
	background-color:#edddbc;
	padding: 5px;
}


#footer {
	clear: both;
}

#product {
	width: 75%;
	background-color:#999966;
	text-align: left;
}


html, body, div, h1, h2, h3, p {
	margin: 5px;
	padding: 5px;
	border-width: 0;
}



/* Define the main style characteristics to apply to content 
   in the columns */
   
html, body {
	
	background-image: url(../photos/Ivy.jpg);
	background-attachment: fixed;
	background-position: right;
	background-repeat: no-repeat;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	letter-spacing: .15em;
	padding-left: .1em; 
}


#header {
	color:#000000;
	font-size: xx-large;
	font-weight: strong;
	border-width: thin;
	border-style: dotted;
	text-align: center;
}

#footer {
	color:#006600;
	border-width: thin;
	border-style: dotted;
	text-align: center;
}


#header {
	border-color: #ffffff;
	height: 100px;
	letter-spacing: .2em;
	border-width: medium;
}

#header.h1 {
	font-size: xx-large;
	font-weight: strong;
	text-transform: uppercase;
	border-width: medium;
	border-color: #ffffff;
}


#footer {
	border-color:#003300;
	letter-spacing: .2em;
	border-width: thin;
	border-style: dashed;

}

#done {
	font-family: webdings;
	}



/* Define cart-specific and other specific styles */

/* formatting for items added to the cart */
.cartitems {
	line-height: 120%;
	margin-left: 15px;
}



/* formatting for navigation list items */
.navlist {
	padding: 0em 0 1em 0;
	list-style-type: none;
	list-style-position: inherit;
}



/* Side menu */
.menuBar {
	font-size: x-small;
	font-weight: bold;
	font-variant: small-caps;
	background-color: #edddbc;
	padding: 1px;
	border-color:#003300;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-right-width: 1px;
	border-right-style: dashed;
	border-top-width: 1px;
	border-top-style: dashed;
	border-left-width: 2px;
	border-left-style: solid;
}


/* Left Image */
.imageLeft {
	float: left;
	padding: 5px;
	margin: 5px;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #FFFFFF;
}

/* Right Image */
.imageRight {
	float: right;
	padding: 5px;
	margin: 5px;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #FFFFFF;
}

.subtitle {
	font-weight: bold;
	font-variant: small-caps;
	}

.price {
font-weight: bold;
color: #CC0000;
}


.done {
font-family: webdings;
font-size: xx-large;
font-color: ##999966;
}