/******************************************
			Tag Classes
******************************************/
body { 	
	margin: 0px; 
	font-size:100%; 
	line-height:1.125em;
	text-align:center;
	background-color:#fccbdb; 
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
}

p { 	
	margin-top: 0px; 
	margin-bottom: 12px; 
	font-size:.75em; 
}

ul {
	margin: 0;
	padding: 0;
	list-style:none;
	line-height:170%;
}

ol {
	margin-left: 0px;
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 8px;
	list-style:none;
}

li {  
	padding-top: 5px;  
	padding-bottom: 5px;
	padding: 0; 
}

img {
border:0;
}

/******************************************
			Header Classes
******************************************/
h1 {
	color: #6b5e4f;
	font-size: 1em;
	margin-top: 0px;
	padding-top: 0px;
}

h2 {
	color: #000;
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 8px;
}
h3 {
	color: #000;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}

/******************************************
			Menu Classes   
			
		.m1 = Menu Level 1, 
		.m2 = menu level 2, 
		etc.
		the ".m" classes should control everything but "color" and "text-decoration" styles 
		which should be controlled by link classes, ie: ".a-m1"

******************************************/
.m1 {
	font-size: .75em;
	padding:0;
	border-bottom:1px solid #c3c2c2;
	text-decoration:none;
	text-align:right;
}

.m-urhere {  /*  class for a "You Are Here" indicator */
	padding:0;
	text-decoration:none;
	text-align:right;
	font-weight:bold;
	font-size: .75em;
}

/******************************************
			Link Classes
******************************************/
a:link { text-decoration: underline; color: #af1110; }
a:visited { text-decoration: underline; color: #bc3837; }
a:active { text-decoration: underline; color: #af1110;}
a:hover{ text-decoration: underline;  color: #af1110; }

a.a-m1:link { text-decoration: none; color: #000; padding-left:21px; font-size: .75em}
a.a-m1:visited { text-decoration: none;  color: #000; font-size: .75em}
a.a-m1:active { text-decoration: none; color: #000; font-size: .75em}
a.a-m1:hover{ text-decoration: underline;  color: #000; font-size: .75em}

a.related:link { text-decoration: none; color: #6b5e4f; font-size: 1em}
a.related:visited { text-decoration: none;  color: #6b5e4f; font-size: 1em}
a.related:active { text-decoration: none; color: #6b5e4f; font-size: 1em}
a.related:hover{ text-decoration: underline;  color: #6b5e4f; font-size: 1em}

/******************************************
			Page Header Classes
******************************************/

#banner {
	padding:20px 0px 15px 20px;
	margin:0;
	vertical-align:middle;
}

#navdiv{
width:443px;
float:right;
vertical-align:middle;
padding:0;
margin:0;
}

ul#navlist{
margin: 0;
padding: 0;
padding-right:5px;
white-space: nowrap;
text-align:right;
}

#navlist li{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 15px; }

#navlist a:link, #navlist a:visited{
color: #6b5e4f;
text-decoration: none;
}

#navlist a:hover{
text-decoration:underline;
}

/******************************************
			General Layout
******************************************/
#wrapper {
	text-align:left;
	width:885px;
	margin: 0 auto;
}

#leftcolumn {
	float:left;
	width:563px;
	clear:left;
}

#leftcolumn_interior {
	float:left;
	width:480px;
	clear:left;
	padding-left:52px;
	font-size: 110%;
}

#onecolumn_rowenta {
	float:left;
	width:700px;
	clear:left;
	padding-left:52px;
	font-size: 110%;
}

#onecolumn {
	float:left;
	clear:left;
	padding-left:52px;
	width 850px;
	padding-right: 20px;
	padding-bottom: 20px;
	font-size: 110%;
}

#center_wrap{
	width:885px;
	background-image:url(images/middle_bg.gif);
	background-repeat:no-repeat;
	background-position:right 1px;
}

#rightcolumn {
	float:right;
	clear:right;
	width:280px;
	padding:10px;
	background-color:#ffecf2;
	margin-top:10px;
	margin-right:20px;
	_margin-right:10px; /* <-- fixes ie 6 width issue*/
	color:#6b5e4f;
	background-image:url(images/home_rc_background.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#rightcolumn_interior {
	float:right;
	clear:right;
	width:300px;
	padding:0px;
	background-color:#ffecf2;
	margin-top:10px;
	margin-right:20px;
	_margin-right:10px; /* <-- fixes ie 6 width issue*/
	color:#6b5e4f;
}

#rightcolumn_interior_text {
	float:right;
	clear:right;
	width:280px;
	padding:10px;
	background-color:#ffecf2;
	margin-top:10px;
	margin-right:20px;
	_margin-right:10px; /* <-- fixes ie 6 width issue*/
	color:#6b5e4f;
}

#footer {
	clear:both;
	width:100%;
	text-align:right;
	float:right;
	font-size: 0.63em;
	color: #6b5e4f;
	padding-top: 10px;
}

#buy_button {
	float:right;
	z-index:1;
	position:relative;
	right:45px;
	bottom:25px;
}

#middle { 
	padding:0;
	text-align:center;

}


/******************************************
			Footer Classes
******************************************/
a.a-foot:link { text-decoration: none; color: #6b5e4f;}
a.a-foot:visited { text-decoration: none;  color: #7d7164; }
a.a-foot:active { text-decoration: none; color: #6b5e4f; }
a.a-foot:hover{ text-decoration: underline;  color: #6b5e4f; }

a.a-foot-urhere:link { text-decoration: underline; color: #6b5e4f;font-size: 1.25em; font-weight:bold;}
a.a-foot-urhere:visited { text-decoration: underline;  color: #7d7164; }
a.a-foot-urhere:active { text-decoration: underline; color: #6b5e4f; }
a.a-foot-urhere:hover{ text-decoration: underline;  color: #6b5e4f; }