html, body, p, h1, h2, h3, h4, h5, h6, ol, ul, li {
margin: 0;
padding: 0;
border: none;}

body {
margin-top: 0;
margin-bottom: 20px;
text-align: center;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background-color: #eee8da;}

/*wrapper*/

#wrapper {
width: 740px;
margin: 10px auto 20px auto;
background-color: #FFF;
text-align: left;
border: 1px #36413c solid;
position: relative}

/*top bar*/

.topbar {
width: 740px;
height: 20px;
margin: 0;
background-color: #36413c;
text-align: center;
}

.topbar p {
margin: 0;
padding: 0;
color: #d49f55;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}


/*header*/

#header {
width: 740px;
height: 155px;
margin: 0;
padding: 0;
background-image: url(../art/awning-08.gif);
background-repeat: no-repeat;
color: #d49f55;
}

#header h1 {
text-align: center;
font-family: Times New Roman, serif;
font-weight: bold;
font-size: 38px;
padding: 10px 6px 22px 0;
}

#header p {
margin: 0;
padding: 0;
}

/*names of stores*/

#names {
width: 740px;
height: 25px;
margin: 0;
background-color: #950626;
text-align: center;
}

#names ul {
padding: 2px 3px;
margin: 0;
border: 0;
}

#names ul li {
display: inline;
}

#names ul li a {
font-size: .6em;
font-weight: bold;
color: #000;
background-color: #d49f55;
text-decoration: none;
border: 1px solid #000;
padding: 2px;
}

#names ul li a:hover, #names ul li a:focus {
background-color: #BEA46D;
}

/*breadcrumb*/

#breadcrumb {
width: 740px;
background-color: #FFF;
}

#breadcrumb p {
padding: 10px 6px;
font-size: .7em;
font-weight: bold;
color: #400000;
}

#breadcrumb p a {
text-decoration: none;
color: #400000;
}

#breadcrumb p a:hover, #breadcrumb p a:focus {
color: #5b6d65;
}

/*nav menu*/
#nav {
float: right;
width: 220px;
margin: 0;
background-color: #d49f55;
border-left: 10px solid #950626;
position: relative}

#nav h1 {
margin: 3px;
color: #950626;
padding: 1px 0 1px 6px;
font-size: .7em;
font-weight: bold;
}

#nav h1 a {
text-decoration: none;
}

#nav h1 a:link {
color: #950626;
text-decoration: none;
} 

#nav h1 a:visited {
color: #400000;
} 

#nav h1 a:hover, #nav h2 a:focus {
color: #fff;
}

#nav h2 {
background-color: #36413c;
font-size: .8em;
color: #d49f55;
font-weight: bold;
padding: 2px;
margin: 10px 0;
}

#nav ul {
margin: 0 5px;
padding: 5px 0 10px 0;
font-size: .6em;
line-height: .9em;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#nav ul li a {
display: block;
width: 200px;
height: 1%;
background-color: #FFF;
border: 0;
color: #000;
margin: 0;
padding: 2px;
text-indent: 0px;
text-decoration: none;
}

#nav ul li a:link {
color: #000;
}

#nav ul li a:visited {
color: #400000;
}

#nav ul li a:hover, #nav ul li a:focus {
color: #fff;
background-color: #36413c;
}

#nav p {
font-size: .7em;
padding: 6px;
}

/*photo*/

.photo {
float: left;
width: 210px;
margin: 0;
padding: 0;
}

.photo p {
font-size: .8em;
}


/*content*/

#content {
float: left;
background-color: #FFF;
width: 290px;
margin-left: 0px;
padding-bottom: 20px;
padding-right: 5px;
}

#content p {
font-size: .8em;
margin: 6px 0;
}

#content p a:link {
color: #872323;
} 

#content p a:visited {
color: #61778C;
}

#content p a:hover, #content a:focus {
font-weight: bold;
}

#content ul {
padding-top: 0px;
padding-left: 50px;
padding-bottom: 10px;
}

#content ul li {
padding-left: 5px;
font-size: .8em;
line-height: 1.3em;
list-style: square;
}

#content ol {
font-size: .8em;
line-height: 1.3em;
padding-left: 30px;
list-style-position: inside;
}

#content h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: italic;
font-weight: bold; 
font-size: 1.4em;
margin-bottom: 10px;
padding-top: 13px;
color: #872323;
font-weight: normal;
}

#content h2 {
color: #872323;
margin-bottom: 10px;
margin-top: 13px;
margin-left: 10px;
font-size: .8em;
font-weight: bold;
}

#content h3 {
color: #000;
margin-bottom: 10px;
margin-top: 13px;
margin-left: 10px;
font-size: .8em;
font-weight: bold;
}

#content h4 {
color: #872323;
margin-bottom: 10px;
margin-top: 13px;
margin-left: 10px;
font-size: .9em;
font-weight: bold;
}

#content h5 {
margin-bottom: 10px;
margin-top: 13px;
font-size: .9em;
font-weight: bold;
background-color: #FAC65F;
border: 1px #000 solid;
display: block;
color: #000;
padding-left: 10px;
}

#content table {
background-color: #F4F1DF;
border: 1px #BA5B34 solid;
}

#content td {
color: #993302;
font-size: .8em;
margin: 0;
}

#content td ul{
color: #993302;
font-size: 100%;
margin: 0;
}

#content td ul li{
color: #993302;
font-size: 100%;
line-height: 1.3em;
list-style: square;
list-style-position: outside;
margin: 0;
}

#content td h1 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #993302;
padding: 5px;
font-weight: bold;
font-size: 100%;
}

/*category*/

#category {
float: left;
background-color: #FFF;
width: 500px;
height: 1%;
margin-left: 4px;
padding-bottom: 20px;
padding-right: 5px;}

#category p {
font-size: .8em;
margin: 6px 0;
}

#category p a:link {
color: #872323;
} 

#category p a:visited {
color: #61778C;
}

#category p a:hover, #category a:focus {
font-weight: bold;
}

#category h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: italic;
font-weight: bold; 
font-size: 1.4em;
margin-bottom: 10px;
margin-left: 4px;
padding-top: 13px;
color: #872323;
font-weight: normal;
}

#category h2 {
color: #872323;
margin-bottom: 10px;
margin-top: 13px;
margin-left: 4px;
font-size: .8em;
font-weight: bold;
}

.box {
	float: left;
	width: 120px;
	text-align: center;
	background-color: #FFF;
	padding: 0;
	border: 1px #000 solid;
	margin: 3px 2px 3px 2px;
	font-size: .8em;
}

.box-white {
	float: left;
	width: 130px;
	text-align: center;
	background-color: #FFF;
	padding: 0;
	border: 1px #FFF solid;
	margin: 3px 2px 3px 2px;
	font-size: .8em;
}

/*clear*/

.clear {
clear: both;}

/*footer*/

#footer {
background-color: #ded1b6;
border-top: 1px #000 solid;
width: 740px;
margin: 0 auto 0 auto;
padding: 0 0 10px 0;
text-align: center;}

#footer h1 {
background-color: #36413c;
font-size: 1em;
color: #d49f55;
font-weight: bold;
padding: 2px;
}

#footer p {
font-size: .7em;
padding-top: 8px;
color: #000;
}

#footer p a {
font-weight: normal;
}

#footer p a:link {
color: #950626;}

#footer p a:visited {
color: #950626;}

#footer p a:hover, #footer p a:focus {
color: #400000;}

#footer td p {
text-align: left;
font-size: .6em;
}