@charset "iso-8859-1";

/* Hides from IE5-mac \*/
* html .lobby {height: 1%;}
/* End hide from IE5-mac
    fix ie6 "peekaboo bug" using the "holly hack". 
    Note, this style only gets applied to ie6  */

html > body {font-size: 12pt;}
/* circumvent the Auto Margin BUG in the following Browsers:
    NN4 (Mac and Win)
    Win/IE4, Win/IE5, Win/IE5.5
    Win/IE6 (in quirks-mode) */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	background: #552670 url(../images/body-back.png) top left;
}
/* background parameter order is important */

#container {
	margin: 0 auto;
	width: 722px;
	min-width: 650px;
	border: 2px groove purple;
	padding: 0;
	color: #330033;
	background-color: #FFFAFA; /* snow */
	text-align: left;
	font-size: 89%; 
}
/* font-size Enables font size scaling in MSIE (was 83%)
set width larger than 720px table size 
border makes a nice transition in both IE and FF to dark purple background  */

a {font-weight: bold;}
a:link {color: #aa6633;}
a:visited {color: #660066;}
a:hover {
	color: #ffffcc;
	background-color: purple;
}
h1 {
	font-weight: bold;
	font-size: 1.8em;
	text-align: center;
}
h2 {
	font-weight: bold;
	font-size: 1.6em;
	text-align: center;
}
h3 {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
}
h4 {
	font-size: 1.1em;
	text-align: center;
}
.big {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.2em;
}
.bigger {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: center;
}
.small {
	font-size: 0.8em;
}
.bmag {
	font-family: serif;
	font-size: 0.8em;
	font-style: italic;
	color: #660066;
}
.bigpurple {
	font-weight: bold;
	font-size: 1.4em;
	color: #660066;
	line-height: 1.5em;
	text-align: center;
}
.center {
	text-align: center;
}
.calc {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0 4px 0 4px;
	color: #faebd7;
	background: #663333;
}
.calchead {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.5em;
	color: black;
	background: #cc9966;
}
.comment {
	font-size: 1.0em;
	line-height: 1.2em;
	color: #330033;
	padding: 6px 0 0 0;
}
.sig {
	font-family: serif;
	font-size: 1.1em;
	font-style: italic;
	padding: 8px 0 12px 12px;
	color: #660066;
}

dt {
	font-weight: bold;
	font-size: 1.1em;
}
#links ul {
	list-style: none;
	padding: 0.2em 0 0 12px;
}
#links li {
	padding: 10px 0 0 15px;
}

#bigquote {
	font-size: 1.1em;
	color: red;
}
#framed {
	position: absolute;
	left: 619px;
	top: 18px;
	z-index: 1;
}
#outer {
	float: left;
	width: 329px;
	height: 32px;
	margin: 0;
	background: url(../images/header_logo_p_on.gif) no-repeat 0 ;
}
#outer a.logo {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: url(../images/header_logo_p_off.gif) no-repeat top left;
}
#outer a.logo:hover {
	background-image: none;
	color: #d2691e;
}
#outer a.logo:active {
	color: #369;
}
table {
	font-size: 13px;
	margin: 0 auto;
}
/* margin auto seems to be required for FF to center the tables */
/* add tbody padding 2/2010 */
table.widgets {
	clear: both;
	padding: 20px 0; 
}
td {
	text-align: left;
}
td.back, #containerback {
	background: #fffaf0 url(../images/background_img.gif) no-repeat;
}
/* see rectangle
#containerback (
	margin: 0 auto;
	padding: 0 8px 8px 8px;
)
*/
td.transcenter {
	text-align: center;
	background-color: transparent;
}
#coupon {
	width: 500px;
	margin: 0 auto;
	padding: 0 8px 8px 8px;
	border: dashed;
	clear: both;
}
.codebox {
	clear: both;
	width: 250px;
	margin: 0 auto;
	padding: 4px;
	border: solid;
	background: #ffffff;
}
.disclaim {
	color: #dc143c;
	font-weight: bold;
	padding: 4px;
}
div.main {
	float: left;
	width: 460px;
	padding: 0 8px 4px 8px;
	margin: 12px 10px 8px 0;
}
div.main h3 {
	font-size: 16px;
	width: 100%;
	padding: 4px 0 0 0;
	margin: 0;
	color: #993300;
}
/* quote block */
div.quote {
	width: 175px;
	background: transparent url(../images/bg_quoteb-block.gif) repeat-x top left;
}
.lobby {
	text-align: center;
	float: left;
	width: 165px;
	padding: 15px 20px 15px 0;
}
	/* Rectangle Image size 120x70 */
.rectangle {
	margin: 25px 10px 0 10px; /* add 10px rt side */
}
.quote {
	display: inline;
	color: #660066;
	font-size: 14px;
	font-style: italic;
	line-height: 125%;
	margin: 0;
	padding: 6px 0 0 0;
}

.foot {
	clear: both;
	text-align: center;
	padding: 10px;
}
.footleft {
	float: left;
	width: 250px;
	padding: 0;
	margin: 10px;
}
.footright {
	float: right;
	text-align: right;
	width: 350px;
	padding: 0 20px 0 0;
	margin: 20px;
}
.footer {
	clear: both;
	text-align: center;
	font-size: 0.8em;
	padding: 10px 0 20px 0;
}
html > body div.quote {width: 200px;}
div.quote, span.name {color: #2d3941;}

/* 
  2/2010 added containerback and foot divs
  removed contain-left and right put bg image into body
  moved charset code from dropmenu css
  for css validation
 */