body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	background: #ffff99;
	background: white url('../images/bg_stripe.jpg');
}

h3 { 
	margin: 5px 0 0 0;
	padding-top: 5px;
	font: italic normal 14pt georgia; 
	color: #7D775C;
}

A:link  {color: #0066cc;}
A:active  {color: #cc6699;}
A:visited {color: #9900cc;}
A:hover {color: #0000cc; background-color: #ffccff;}


#container { 
	margin: 20px;         /* center a block by setting margin's left and right as auto */
	padding: 0;
	background: white;
	min-width: 500px;
	max-width: 900px;
	border: 15px solid #9b8bb3;
	text-align: left;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width: 850px;
 }
 html>body #container {
	margin-left: auto;
	margin-right: auto;
 }
	

#header1 {
	margin: 0;
	padding 0;
	height: 297px;
	border-bottom: 3px solid #9b8bb3;
	background: transparent url('../images/hdr1.jpg') no-repeat center;
}
* html #header1 {
	height: 300px;
}

#header1 h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 300%;
	text-align: center;
	color: #8fbc8f;
	clear: both;
}

#header2 {
	margin: 0;
	padding: 0;
	height: 297px;
	border-bottom: 3px solid #9b8bb3;
	background: transparent url('../images/hdr2.jpg') no-repeat center;
}
* html #header2 {
	height: 300px;
}

#header2 h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 300%;
	text-align: center;
	color: #8fbc8f;
	clear: both;
}

#header3 {
	margin: 0;
	padding: 0;
	height: 297px;
	border-bottom: 3px solid #9b8bb3;
	background: transparent url('../images/hdr3.jpg') no-repeat center;
}
* html #header3 {
	height: 300px;
}

#header3 h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 300%;
	text-align: center;
	color: #8fbc8f;
	clear: both;
}

#header4 {
	margin: 0;
	padding: 0;
	height: 297px;
	border-bottom: 3px solid #9b8bb3;
	background: transparent url('../images/hdr4.jpg') no-repeat center;
}
* html #header4 {
	height: 300px;
}

#header4 h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 300%;
	text-align: center;
	color: #8fbc8f;
	clear: both;
}

#header5 {
	margin: 0;
	padding: 0;
	height: 297px;
	border-bottom: 3px solid #9b8bb3;
	background: transparent url('../images/hdr5.jpg') no-repeat center;
}
* html #header5 {
	height: 300px;
}

#header5 h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 300%;
	text-align: center;
	color: #8fbc8f;
	clear: both;
}

#header6 {
	margin: 0;
	padding: 0;
	height: 297px;
	border-bottom: 3px solid #9b8bb3;
	background: transparent url('../images/hdr6.jpg') no-repeat center;
}
* html #header6 {
	height: 300px;
}

#header6 h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 300%;
	text-align: center;
	color: #8fbc8f;
	clear: both;
}

#header7 {
	margin: 0;
	padding: 0;
	height: 297px;
	border-bottom: 3px solid #9b8bb3;
	background: transparent url('../images/hdr7.jpg') no-repeat center;
}
* html #header7 {
	height: 300px;
}

#header7 h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 300%;
	text-align: center;
	color: #8fbc8f;
	clear: both;
}


#nav{
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #27316f;
	text-align: center; 
	background:  #8fbc8f;
	border-bottom: 3px solid #9b8bb3;
}
#nav table {
	margin: 0;
	padding: 0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 100%px;
}
html>body #nav table {
	margin-left: auto;
	margin-right: auto;
}

#nav th {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: white;
}

#nav td {
	margin: 0;
	padding: 3px;
	font-size: 80%;
	font-weight: normal;	
	text-align: center;
}
td:hover {
	background: #8fbc8f;
}

#content {
	margin-left: 0;
	padding: 20px;
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
}

#content h2 {
	margin: 0px;
	padding: 10px;
	font-family: Georgia, serif;
	font-size: 150%;
	font-weight: normal;
	text-transform: uppercase;
	color: #663
}

#content .gutter {
	padding: 45px;
}
#cartView {
	margin: 0;
	padding: 5px 5px 5px 10px;
	float: right;
}

#sidebar {
	margin: 0;
	padding: 1px 20px 0px 0px;
	float: left;
	width: 170px;
}

#sidebar .gutter {
	padding: 1px 15px 0 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar li {
	list-style-type: none;
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
}	
	
	
.clear {
      clear: both;
      height: 1px;
      overflow: hidden; // prevent IE expanding container
      margin: 0;        // keep flush with surrounding blocks
}


#footer {
	clear: both;
	height: 20px;
	background: #ffff99;
	border-top: 5px solid #27316f;
}

#footer p {
      padding: 5px;
      margin: 0;
}
	

/* IE Fixes \*/
* html #footer { height: 30px;}

.box {
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 1em;
	height: 400px;
	border-right: 2px solid #deb887; 
	border-bottom: 2px solid #deb887; 
	background: transparent url('../images/boxBG.jpg') no-repeat bottom left;
}

.box h3 {
	margin: 0;
	padding: 12px;
	font-family: Georgia, serif;
	font-size: 140%;
	font-weight: normal;
	color: #693;
	background:transparent url('images/box_t.gif') no-repeat top left;
}

.box p, .box ul {
	margin: 0;
	padding: 0 12px;
}

.box ul li {
	margin: 0 0 0 12px;
	padding: 0 0 0 18px;
	list-style: none;
	backgound: url('images/bullet_yel.gif') no-repeat;
}



/******************************
 * color scheme :
 *  #27316f - dark blue
 *  #9900ff - pale blue
 *  #993300 - dark red
 *  #ffffcc - cream
 *  #fffcee - lighter cream
 *  #ccffcc - pale green
 *  #bf6767 - rose
 */