@charset "UTF-8";
/* CSS Document */

body {
	background: #FFF url(../Decorations/SeasonWrap.jpg) repeat fixed;
	text-align: center;
	margin: 0;
	padding: 0px;
	color: #1B1B1B;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	line-height: 1.55;
	font-size: 100.01%;
}
#wrapper {
	width: 85%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#wrapper a:link {
	text-decoration:none;
	color:#00F;
}
#wrapper a:visited {
	text-decoration:none;
	color: #6E00E2;
}
#wrapper a:active  {text-decoration:underline; color:#000;}
#wrapper a:hover {text-decoration:underline; color:#F00;}
#header {
	padding: 5px 5px 10px 15px;
}
#header table {
	margin: 1em auto;
	padding: 0px;
	text-align: center;
	overflow: auto;
}
#breadcrumbs {
	font-size: 85%;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#searchBox {
	float: right;
	margin-top: -50px;
}
#titleBar {
	float: left;
	width: 11.5em;
	margin: 0 5px;
	padding: 15px 0px 0px 0px;
}
#titleBar h2 {
	color:#19282E;
	font-size: 1.05em;
	font-weight: bold;
	line-height: 1.3em;
	padding: 0em 0.5em;
}
#titleBar p {
	margin-right: 1em;
	margin-left: 1em;
	font-size: 0.95em;
}
#titleBar ul {
	text-align: left;
	list-style: circle outside;
	line-height: 1.4em;
	font-size: 0.95em;
	padding-right: 0.5em;
}
#titleBar p.newest {
	margin-top: -1em;
	margin-bottom: 1em;
	font-size: 0.8em;
	line-height: 1em;
}
#mainContent {
	margin-left: 14em;
	margin-top:0;
	margin-right: 2em;
}
#mainContent h1{
	font-size: 150%;
	margin-top: 1em;
	font-variant: small-caps;
}
#mainContent h2{
	font-size: 100%;
	text-align:left;
	text-indent:0%;
}
#mainContent p{
	font-size:1em;
	text-align:left;
	line-height:1.8em;
	margin: 0 0 1em;
}
#mainContent ul {
	text-align: left;
	text-indent: -2em;
	list-style: none;
}
#mainContent li {
	margin-bottom: 1em;
	line-height: 1.8em;
}
#mainContent table {
	font-size: 0.85em;
	width: 100%;
}
#mainContent .footnote{
	font-size:0.9em;
	text-indent: 0%;
}

/*strong {font-style:bold, italic}*/

#mainContent .byline {
	font-size:85%;
	text-align:center;
	font-style:italic;
	text-indent:0px;
	padding-left:0px;
	padding-bottom: 20px;
}
#mainContent .prologue{
	font-style: italic;
	font-size: 0.90em;
}
#mainContent blockquote p {
	font-size: 0.92em;
	font-style: italic;
}
#mainContent .joke{
	text-decoration: line-through;
}
#mainContent .size, #mainContent .price{
font-weight: bold;
}
#mainContent .altSizeText {
	font-weight: bold;
	color: #FF0;
}
#mainContent .imageRight{
	float:right;
}
#mainContent #contactNumbers p {
	font-size: 0.9em;
	margin-right: 2em;
	margin-left: 2em;
	text-indent: -1.9em;
}
#mainContent #contactNumbers p .firstword {
	font-size: 1.15em;
	font-weight: bold;
}
#footer{
	padding-bottom:10px;
}
#footer p {
	font-size: 0.7em;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #5E6277;
	line-height: 1.3em;
	text-align: center;
}
.firstword {font-weight:bold;}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.brand {
	font-size: 0.65em;
	position: relative;
	bottom: 0.35em;
}
.copyright {
	color: #FF0;
	font-weight: bold;
}
.publication {
	font-style: italic;
}
.overlay{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
  background: #FFF;
  opacity: 0.85;
  -moz-opacity: 0.85; /* older Gecko-based browsers */
  filter:alpha(opacity=85); /* For IE6&7 */
}
.content {
  position: relative;
  /* Lets use the * html hack so only IE6 reads the rule */
* html *.overlay {
  height: expression(document.getElementById("column-1").offsetHeight);
}
}
#mainContent table tr td p {
	padding: 0em 0.5em;
	text-align: center;
}
#mainContent table tr td p em {
	font-weight: bold;
	color: #C00;
	font-size: 110%;
	font-style: italic;
}