
/***************************  HTML selector CSS  ****************************/
html {background: url(../images/html_bg.jpg) top center repeat-y #6d6d67;}  
body {
 background: url(../images/bg_lightWood.jpg) top center repeat-y;
 margin: 0px auto;
 width: 900px;
 font: normal 12px arial, verdana, serif; letter-spacing: 1px;	
}
a {
	text-decoration: none;
	color:#c5b697;
}
a:hover {color:#aa3b0f;}
p { 
  color: #c5b697;
	font-weight: normal;
}
h1 {
	color:#aa3b0f;
	margin: 5px 35px 10px;
	font-size: 14px;
}

a.nav_down{
	color: #aa3b0f;
}

/***************************  banner  ****************************/
.banner {height: 440px;}
.banner p{
	text-align:left;
	margin: 0px 0px 0px 590px;
	padding-top: 30px;
}
#home {background: url(../images/banner_hp.jpg) center 0px repeat-y;}
#arrow {background: url(../images/banner_ap.jpg) center 0px repeat-y;}
#trueColors {background: url(../images/banner_tc.jpg) center 0px repeat-y;}
#about {background: url(../images/banner_about.jpg) center 0px repeat-y;}

/***************************  navbar ****************************/
#navbar{
	width: 886px;
	height: 35px;
	margin: auto;
	background: #380003;
}
#navbar a{
	padding:0px 10px;
	font-weight: bold;
	line-height: 35px;
	border-right: solid 2px #c5b697;
}
#navbar #last {border-right: none;}
#navbar .selected {color: #aa3b0f;}
div.links .selected {color: #aa3b0f;}
/***************************  content ****************************/
#content {
	margin-left: 7px;
  margin-top: 20px;
}
table {
  border-collapse: collapse;
}
table td {
  padding: 0px;
  vertical-align: top;  
}
table td img.border {margin-bottom: 10px;}
#shoppingList {
	background: url(../images/basket.jpg) 118px 20px no-repeat;
	list-style-type: none;  
	margin: 10px 0px;
	padding-left: 0px;
	height:100px;
}
#leftcol {
  width : 172px; 
  text-align: center;
  padding-bottom: 20px;
  padding-right: 20px;
  background: url(../images/leftcol_bg.jpg) repeat-y;  
}
#leftcol img {
	border: none;
	margin-right: 3px;
}
#leftcol li {
	margin: 4px 0px 4px 13px;
	text-align: left;
}
#rightcol {
  width: 690px;
	margin-top:16px;
  background: url(../images/rightcol_bg.jpg) repeat-y;
}
#rightcol img {margin-left: 1px;}

#rightcol h1 a {
	font-size: 14px;
	color: #aa3b0f;
}
#rightcol h2 {
	color: #aa3b0f;
	font-size: 12px;
	font-weight: normal;
	margin-left: 35px;
}
#rightcol p {
	line-height: 125%;
	margin: 0px 35px 20px 35px;  
}

#rightcol p.favorite {
    color: #c5b697;
    line-height: 125%;
	margin: 5px 35px 20px 0px;
}

#rightcol ul {
    color: #c5b697;
}

#rightcol ul.FAQ {
    color: #c5b697;
    margin: 5px 35px 20px 0px;
}

#rightcol div.FAQ{
	color: #c5b697;
    margin: 0px 35px 20px 0px;
}

#rightcol div.book{
    padding-bottom: 270px;
}

/******************** footer *******************/
#footer {
	text-align: center;
	font-size: 10px;
	padding: 10px;
  margin: 0px;
}

/*************************** Page-specific CSS ****************************/
/* index.html */
#rightcol p.arrowBlurb {height: 300px; overflow: hidden;}

/* about.html */    
#rightcol p.about { 
	float: left;
	width: 300px;
	text-align: justify;  
}

/* contact.html */
#rightcol a.contact {text-decoration: underline;}

