* {
	padding: 0;
	margin: 0;
}
html { font: 13px/1.1 Georgia, "Times New Roman", Times, serif; }
html[xmlns] .decoration {margin: 0 1em 0 0; } /*** Moz put the image too low ***/
* html { font-size: 80%; } /* IE only */
body { background-color: #fff; }
body, div, td, p, ul, ol, input {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
}

body {
	background-image: url(../img/red_velvet_backround2.jpg);
	background-repeat: repeat-y;
}
p, ul, li, dl, h1, h2, h3, h4, h5, h6, form {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #000;
	line-height: 1.15em;
}
p { text-indent: 1.5em; }
ul {margin-bottom: 1em;}
li { margin: 0 0 .75em 1em; }
div {
	margin: .35em;
	padding: .25em;
}
em.highlight {
	background-color: #ff0;
	color: #000;
	font-weight: bold;
	padding: 1px 2px 1px 6px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color:#900;
}
/* using Brush Script (small not MT) with sIFR : */
h1 {font-size: 2.5em; font-family: Brush Script MT, Brush Script, Romic Medium, Minion Black, MetaPlusBlack-Roman, Serpentine Medium, Serif Gothic Black; margin: 0;}
h2 {font-size: 1.45em; font-family: Brush Script MT, Brush Script, Romic Medium, Minion Black, MetaPlusBlack-Roman, Serpentine Medium, Serif Gothic Black;}
/* that's all */
h3 {font-size: 1.4em; margin: 0;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em; color: #666;}
h6 {font-size: 1.0em;}
a { color: #600; }
a:active { text-decoration: none; }
a:visited { color: #900; }
a:hover { text-decoration: none; background-color: #C497CE; color: #036;}
a:hover { text-decoration: none; background-color: #900; color: #fff;}
table { padding: 0; margin: 0; }
td { padding: 5px; color: #E6FFBF; }
hr { height: 1px ; color: white; }
em { color: #555; }
strong { color: #600; }
input.text, textarea { background-color: #fadadd; }
hr {
	height: 0;
	border: 0 none;
	border-bottom: 1px solid #600;
	margin: 1em 0;
}
#container {
	margin-left: 235px;
	/*background: #f00 url("images/smallbg.gif") 100% 0 repeat-y;*/
}
#main {
	background-color: #fff;
	margin: 8px 260px 5px 10px;
	padding: 3px 3px 15px 3px;
	position: relative; } /*** IE6 needs this to display the div ***/
}
div#main li a { display: block; }
input.button, div#container div#right div.prominent input.button {
	background-color: #ffb7c5;
	padding: 1px;
	margin: 1px;
	border-color: #999 #333 #333 #999;
	border-width: 2px;
	border-style: solid;
	color: #000;
	font-weight: bold;
	width: 16em;
}
input.button:hover { color: #fff; background-color: #600; /* I know, it's silly to try */ }
div.prominent input.button { width: 226px; }
.jumbo {
	font-size: 1.25em;
}
.descriptive, .error {
	font-size: 0.87em;
	font-weight: bold;
	line-height: 1.25em;
}
.error {
	color: #f00;
}
.underline {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.tight {
	margin: 0;
	text-indent: 0;
}
.tight li {
	margin-bottom: 0;
}
.break {
	margin-bottom: .5em !important;
}
.indent {
	margin-left: 1.25em;
}
div.prominent {
	float: right;
	border:1px solid #000;
	background-color: #600;
	display: inline;
	width: 240px;
	text-align: center;
	font-style: italic;
	margin: 0 0 10px 0;
}
.prominent h3 {
	font-style: bold,italic;
	color: #000;
}
.prominent h4 {
	font-size: .95em;
}
div.prominent form {
	font-size: .87em;
}
.legal {
	font-size: .92em;
	/*font-family: Courier New, Courier, monospace;*/
	margin-top: 0.5em;
}
.float-left {
	float: left;
	position: relative;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
.booklisting {
	background: #fed;
	border-top: 4px solid #600;
	border-bottom: 1px solid #600;
	margin-bottom: 1.5em;
}
.booklisting h5 {
	margin-bottom: .1em;
}
.booklisting p {
	margin-left: 80px;
	text-indent: 0;
}
.booklisting h5 a {
	display: block;
}
.booklisting img {
}


div#leftBinder {
	width: 235px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
div#photo {
	position: absolute;
	left: 85px;
	top: 20px;
	padding: 10px;
	border: 1px solid #000;
	background-color: #fff;
}

/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See  
     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page 
     for an explanation of this problem and Sam Foster's page for an explanation of the 
     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/
div#right {
	padding: 10px;
	text-align: center;
	position: absolute;
	top: 0;
	width: 250px;

	right: 16px;
	margin-right: -15px;
	padding-top: 5px; }

/* hide the following from IE5-Mac \*/
#right {
	right: 0;
	margin-right: 0; }
/* IE5-Mac can see the rest */


.box, div.boxfix {
	border: 1px solid #000;
	background-color: #eee;
}
div.boxfix {
	float: right;
	width: 240px;
	margin: 0 0 1px 0;
	padding: 0;
	text-align: center;
}
div.boxfix h3 {
	font-style: italic;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	color: #000;
	text-align: center;
}
div.boxfix h4 {
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	text-align: center;
}
div.boxfix p {
	margin: 0;
	padding: 0;
	font-size: .8em;
	text-align: center;
}
.boxfix a {
	display: block;
	font-weight: bold;
	padding: 4px;
}


/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* These sIFR "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 2.5em;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 1.45em;
}
/* end of sIFR */

div#footer {
	font-size: 0.85em;
	text-align: center;
	margin-top: 1.5em;
	margin-right: 139px;
}
/*div#footer a:after {
	content: " | ";
}*/
div#footer ul {
	padding: 0;
	margin: 0;
}
div#footer li {
	margin: 0;
	padding: 0;
	padding-right: 4px;
	margin: 4px;
	border-right: 1px solid #000;
	list-style-type: none;
	display: inline;
}
div#footer li a {
	line-height: 1.25em;
}

#bottom {font-size: 1px; line-height:0; margin:0; padding:0;}
ul.capList {
	font-size: 1.15em;
	list-style-type: none;
}
ul.capList li {
	color: #600;
	line-height: .9em;
}
.nowrap { white-space: nowrap; }
.center { text-align: center; }
.brick { color: #600; }