body {
	text-align:center;
	margin: 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#32002D; 
	font-size: x-small;
	line-height:16px;
}
#frame {
width:980px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
.innerframe {
	position:absolute;
	width:980px;
}

.left {
position:absolute;
top:120px;
left:0px;
width:180px;
min-height:415px;
border-right:1px solid #D500B8;
padding:10px 10px 0px 10px;
}
.content {
margin:110px 0px 0px 0px;
background-color:#FFFFFF;
width:570px;
min-height:480px;
padding:10px 200px 20px 210px;  /*first part of padding is the height */
	line-height: 16px;
	color: #666666;
}
.content a {
text-decoration: none;
color: #CC9966;
font-weight:bold;
}
.content a:hover {
	text-decoration: underline;
	color: #99CCCC;
}
.nobrdrbtm {
padding:0px 0px 20px 5px;
width:175px;
	color: #666666;
}
.nobrdrbtm p {
padding:10px 0px 0px 0px;
margin:0px;
}
.nobrdrbtm form {
margin:0;
}

/* the brdrbtm are border lines, although not too sure */

.brdrbtm {
padding:0px 0px 20px 5px;
border-bottom:1px dashed #D500B8;
width:175px;
	color: #666666;
}

.brdrbtm p {
padding:10px 0px 0px 0px;
margin:0px 0px 5px 0px;
}

.brdrbtm a {
text-decoration: none;
color: #CC9966;
font-weight:bold;
}
.brdrbtm a.pic {
	margin:0px;
}

.brdrbtm a:hover {
	text-decoration: underline;
	color: #99CCCC;
}
.brown {
color: #CC9966;
}

.right {
position:absolute;
left:795px;
top:120px;
width:175px;
min-height:415px;

border-left:1px solid #D500B8;
padding:10px 10px 0px 10px;

font-weight:bold;
padding:5px;
	color: #666666;
}
.right a {
text-decoration: none;
color: #CC9966;
font-weight:bold;
}
.right a:hover {
	text-decoration: underline;
	color: #99CCCC;
}
.page {
position:absolute;
top:0px;
left:0px;
	color: #99CCCC;
	font-size:16px;
	font-weight:bold;
}
.foot {
margin:10px;
width:760px;
color:#FFFFFF;
text-align:center;
}
.foot a {
color:#FFFFFF;
text-decoration:none;
}
.foot a:hover {
text-decoration:underline;
}
.font10px {
font-size:10px;
}
h1 {
	font-size: x-small;
}
h2 {
	font-size: x-small;
}
h3 {
	font-size: x-small;
}
h4 {
	font-size: x-small;
}
.roll {
display:none;
}

/* I used this table to get a single line on the purchase page */

table 
    {
        border-top:     1px solid #999999;
        border-left:    1px solid #999999;
    }
    
td
    {
        border-right:   1px solid #999999;
        border-bottom:  1px solid #999999;
    }

/*  I had to create a class called .pic1 because I could not find a way to place a pic without 
a table that has no lines or borders.  The pic is called within a DIV */
	
.pic1 {
	position:absolute;	/* puts image higher */
	top:120px;
	left:0px;
	width:180px;
	min-height:415px;
	padding:85px 50px 150px 450px;  /* place image location */
}


.bottom {
position:absolute;
padding:175px 0px 20px 5px;
width:175px;
	color: #666666;
}