body {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
	color:#000000;
	}
a:hover, #mainText a:hover { color: #982216; border-bottom: 1px dotted #982216; text-decoration: none; }

a{
color: #982216;
font-size:100%;
line-height:1em;
border-style: none;
}

hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}
.divider
{
width: 100%;
text-align: center;
text-decoration:none;
border-bottom: 1px dotted #421F00;
}
.divider_none{
width: 100%;
text-align: center;
text-decoration:none;
border:none;
}

hr {
	margin-top: 0.5em;
	margin-bottom:0.5em;
}
p {
	font-size: 90%;
	line-height: 1.1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	text-align: justify; 
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #707070; 
	}

li {
	font-size: 90%;
	line-height: 1.1em;
	text-align:justify;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	margin-left: 3em; 
	margin-right: 1em;
	}
li li {
margin: 0.6em;}
ul {
	}
td {
margin:1em;
padding:.5em;
text-align:justify;
	}

img {
	border: 0;
	text-decoration:none;
	}
/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */
/*=========== MainText =========*/
#mainText{
font-family: Georgia,"Times New Roman",Times,serif;
font-size:100.1%;
color: #421F00; 
}
#mainText p{
	font-size: .8em;
margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left:3.5em;
	margin-right:3.5em;
	color: #421F00;
	text-align:justify; 
	}
#mainText strong{
color: #575b3c;
}
#mainText a:hover, #mainText a:hover { color: #982216; border-bottom: 1px dotted #982216; text-decoration: none; }

#mainText a{
color: #982216;
font-size:100%;
line-height:1em;
border-style: none;
}

#mainText h1{
color: #982216;
margin-left: 1em;
margin-top: .5em;
margin-bottom:.5em;
margin-right:4em;
font-size:130%;
line-height:1em;
text-decoration:none;
border-bottom: 1px dotted #421F00;
display:block;
}
#mainText h2{
color: #982216;
font-size:100%;
margin-left: 2em;
margin-right:4em;
margin-top: .5em;
margin-bottom:.5em;
line-height:1em;
font-style:oblique;
text-decoration:none;
}
#mainText li{
margin-right:4em;
}
#mainText .endor{
font-size:80%;
font-style:italic;
font-weight:bold;}

.image{
float:left;
border:2px solid #000000;
margin-left:1em;
margin-right:240px;
display:block;}

/*=========Product tables===========*/

.midBox{
width:640px;
font-family: Georgia,"Times New Roman",Times,serif;
font-size:12px;
display:inline-table;
text-decoration:none;
}
.midBox .title{
padding-left:20px;
margin-top:15px;
font-size:1.5em;
display:block;
line-height:20px;
height:25px;
text-decoration:none;
}
.midBox .subTitle{
color: #982216;
font-size:1em;
padding-left:30px;
margin-top: 15px;
margin-bottom:15px;
line-height:20px;
font-style:oblique;
}
.midBox table{
border-bottom:none;
}

.noborder{
border:none;}

.midBox .list, .midBox .title,.midBox  .subTitle{
font-weight:bold;
letter-spacing:1px;
padding-bottom: 2px;
line-height:15px;
padding-right:2em;
}
/*=========Nav===========*/
.head
{
text-align:center;
font-size:.8em;
display:block;
font-weight:bold;
width:286;
height:30px;
background:url(/images/rtMenu/menuBox.jpg) repeat-x #982216;
color:#FFFFFF;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
line-height:30px;
overflow:hidden;
}
a.nav, a.nav:link, a.nav:visited
{
font-size:.7em;
text-decoration:none;
text-align:left;
padding-left:10px;
width:276;
display:block;
height:25px;
margin-top:1px;
background:#ece9da;
color: #421F00; 
border-top:1px solid #333333;
border-bottom:1px solid #333333;
line-height:20px;
overflow:hidden;
}
a.nav:hover{
color:#FFFFFF; 
background:url(/images/rtMenu/menuBox.jpg) repeat-x #982216;

}
a.nav:active{
color:#FFFFFF;
background:#421F00;
}

/*=======Contextual Menus =======*/
#sidemenu {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
position:relative;
margin:0 auto;
text-align:center;
}
#sidemenu .box{
width:253px;
margin:0 auto;
text-align:center;
}
#sidemenu .box .title{
background: url(/images/rtMenu/box-top.jpg) no-repeat;
height:35px;
width:230px;
padding:12px 12px 0px 12px;
}
#sidemenu .titleTxt{
line-height:15px;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
font-size:.7em;
text-align:center;
}

#sidemenu .box .mid {
background:url(/images/rtMenu/box-middle.jpg) repeat-y;
}
#sidemenu .box .dis{
width:213px;
padding:15px 20px 0 20px;
font-size:.7em;
font-style:oblique;
text-align:left;
color:#323232;
}
#sidemenu .box .link{
color: #00000;
padding:15px 20px 10px 20px;
text-align:right;
font-size:.8em;
}
#sidemenu .box .bottom {
background:url(/images/rtMenu/box-bottom.jpg) no-repeat;
height:15px;
width:253px;
margin:0px;
}