/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

/* --- [Global Elements] --- */


body {
  background-color: black;
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  margin: auto; 
  padding: 0 0 0 0; 
  text-align: center; /* Centers the page content container in IE 5 browsers. */
}

#header {
	height: 137px;
	background: #d12041 url(../images/bg-header.jpg) repeat-x;
}

#header h1 {
	width: 201px;
	height: 137px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: #d12041 url(../images/h1-logo.jpg);
}

#header #navigation {
	float: left;
	width: 500px;
	margin-top: 90px;
}

#blurb {
	width: 645px;
	height: 90px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 30px;
	background: #d12041 url(../images/home-blurb.jpg);
}

#col1 {
	margin-right: 20px;
	width: 190px;
	height: 125px;
	float: left;
}

#col2 {
	margin-right: 20px;
	width: 175px;
	height: 125px;
	float: left;
}

#col3 {
	margin-left: 39px;
	margin-right: 20px;
	width: 190px;
	height: 125px;
	float: left;
}

#col4 {
	margin-right: 20px;
	width: 175px;
	height: 125px;
	float: left;
}

#list {
	width: 250px;
	float: left;
}

#list li {
	color: #b70031;
}

/* --- [Headings] --- */

h1 {
  color: #3C733D;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 1px;
}

h2 {
  padding: 17px 0 0 0;
  color: #c00000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -0.8px;
}

h3 {
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: -0.5px;
}



/* --- [Page Layouts standard] --- */

/* This is a container for the page content.  */
#outerWrapper {
  background:url(/images/bg.gif) repeat-y;
  margin: 30px auto 0px auto; 
  text-align: left; 
  width: 950px;
}

#outerWrapper #contentWrapper {
  background: #938b7e;
}  

#outerWrapper #contentWrapper #leftcol {
  float: left;
  width: 200px;
  overflow: hidden;
  margin: 0px 0px 0px 0px; 
}

#leftcol p {
  color: #FFFFFF;
}

#leftcol p a:link, #leftcol p a:visited {
  text-decoration:underline;
  color: #E0E3B8;
}

#leftcol p a:hover, #leftcol p a:focus {
  text-decoration:none;
  color: #E0E3B8;
}


/* Contains the main page content.  */
#outerWrapper #contentWrapper #content {
  background:#FFFFFF;
  margin: 0px 0 0 200px;
  min-height: 465px;
}
/* Contains the text for each page and sits blow the navigation */
#contentText {
  padding: 5px 20px 0 40px;
}

#contentWrapper {
	background: #1b1b1b;
}
  

#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
}
#outerWrapper #footer {
  background-color: #1b1b1b;
  padding: 4px 15px 4px 8px; 
  color: #ffffff;
  height: 80px;
  text-align:right;
}

#footer p {
	float: left;
}

#copyright {
	margin-left: 232px;
	width: 360px;
	text-align: left;
}

#url {
	width: 189px;
	height: 34px;
	display: block;
	float: left;
	margin-left: 120px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/url.gif);
	
}

#contentleft {
  width: 360px;
  padding: 0px 10px 0px 0px;
  border-right: 1px dotted #D2D2D2;
  float: left;
}

#contentright {
  width: 200px;
  padding: 0px 0px 0px 10px;
  float: right;
}
  

/* --- [Page Layouts Long] --- */

#outerWrapperLong {
  background-color: #fff;
  margin: 10px auto 0 auto;
  text-align: left; 
  width: 950px;
}

#outerWrapperLong #contentWrapper #leftColumn1 {
  background-color: #ffffff;
  float: left;
  padding: 0px 0px 0px 0px; 
  width: 200px;
}
/* Contains the main page for the Long Page content.  */
#outerWrapperLong #contentWrapper #content {
  margin: 0px 0 0 220px; 
  padding: 100px 0px 0px 0px; 
  background: #1b1b1b;
}
/* Contains the text for each page and sits blow the navigation on the long page */
#contentTextLong {
  padding: 5px 20px 0px 40px;
}
  
#outerWrapperLong #contentWrapper .clearFloat {
  clear: left;
  display: block;
}
#outerWrapperLong #footer {
  background-color: #1b1b1b;
  padding: 8px 8px 8px 8px; 
  color: #1b1b1b;
}




/* --- [Navigation] --- */

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:750px;
		height:35px;
		border-width:0px 0px 0px 0px;
		border-style:solid;
		border-color:#000000;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:15px 20px 15px 20px;
		background-color:transparent;
		color:#FFFFFF;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		border-width:0px 1px 0px 0px;
		border-style:solid;
		border-color:#dd5075;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:#b0002f;
		color:#FFFFFF;
		text-decoration: underline;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		background-color:#b0002f;
		color:#FFFFFF;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#b0002f;
		color:#FFFFFF;
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		margin:0px 0px 0px -1px;
		background-color:#b0002f;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
		color:#FFFFFF;
		font-size:11px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		background-color:#FFFFFF;
		color:#1D1D1D;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#FFFFFF;
		color:#1D1D1D;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#FFFFFF;
		color:#1D1D1D;
		text-decoration:underline;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 5px 5px;
		color:#194812;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 5px 4px 5px;
		border-color:#A0A0A1;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
		background-image:url(qmimages/arrow_0.gif);
		text-decoration:underline;
		background-image:url(qmimages/arrow_0.gif);
		text-decoration:underline;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li .qmparent	
	{	
		background-image:url(qmimages/arrow_0.gif);
		background-repeat:no-repeat;
		background-position:92% 50%;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		background-image:url(qmimages/arrow_2.gif);
		text-decoration:underline;
		background-image:url(qmimages/arrow_2.gif);
		text-decoration:underline;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li .qmparent	
	{	
		background-image:url(qmimages/arrow_3.gif);
		background-repeat:no-repeat;
		background-position:92% 50%;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		background-image:url(qmimages/arrow_2.gif);
		text-decoration:underline;
		background-image:url(qmimages/arrow_2.gif);
		text-decoration:underline;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
		background-image:url(qmimages/arrow_0.gif);
		text-decoration:underline;
		background-image:url(qmimages/arrow_0.gif);
		text-decoration:underline;
	}



/* --- [Content Styling] --- */

#content {
	min-height: 465px;
}

#panel2 {
	background: #b7dee8;
	width: 749px;
	height: 182px;
	color: #1293b4;
	float: left;
	margin-left: -39px;
}

#panel2 p {
	margin-top: 21px;
}

#contentText a:link, #contentText a:visited {
  color: #b70031;
  font-weight: normal;
  text-decoration: underline;
}


#contentText a:hover {
  color: #b70031;
  text-decoration: none;
}

#contentText a:focus {
  color: #C90000;
  text-decoration: none;
}

#contentText a:active {
  color: #C90000;
  text-decoration: underline;
}

#content ul {
  background: #FFFFFF;
  color: #222222;
  list-style-type:disc;
  padding-left: 15px;
}

#content ul li{
  padding: 2px 0 2px 10px;
}

#content img.books {
  padding: 2px;
  border: 1px solid #DDDDDD;
} 

#content img#jen {
  padding: 5px 20px 10px 5px;
  border: 0;
} 

#content img#booknow {
  margin: 0px 20px 0px 5px;
}

blockquote {
  margin: 15px 10px 1.5em 10px;
  padding: 0 0 0 20px;
  border-left: 2px solid #c00900;
}  

#content a img {
  border: 0;
  margin: 8px 0px 0px 0px;
}  

.directincite {
  color: #cc0000;
  font-weight: bold;
}

/* --- [Forms] --- */
form, fieldset, legend {
  border: 0;
  margin: 0;
  padding: 0;
}

fieldset {
  border: 1px solid #658061;
  padding-bottom: 8px;
}
  

legend {
  font-size: 1.2em;
  line-height: 1.8em;
  padding-left: 0.5em;
  padding-bottom: .5em;
  color: #c00900;
  font-weight: bold;
}
form ol, form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
form li {
  clear: both;
  margin: 0 0 .75em;
  padding: 0;
}
label {
  display: block;
  float: left;
  line-height: 1.6;
  margin-right: 10px;
  text-align: right;
  width: 160px;
  font-weight: bold;
}

label:after {
  content: ':';
}
input, textarea {
  background: #d6e6bb;
  font: 1em Arial, Helvetica,
    sans-serif;
  padding: 1px 3px;
  width: 250px;
}

#cart input {
	width: 120px;
	background: white;
}

textarea {
  line-height: 1.3em;
  padding: 0 3px;
}
input:focus, textarea:focus {
  background: #fff;
}
button {
  background: #c00900;
  border: 2px outset #333;
  color: #FFF;
  cursor: pointer;
  font-size: .9em;
  letter-spacing: .3em;
  margin-left: 130px;
  padding: .2em .5em;
}

fieldset.radio {
  border: 0;
}
  
.radio legend {
  font-size: 1em;
  line-height: 1.5;
  padding: 0 0 0 6px;
  margin: 0;
}
.radio label {
  display: inline;
  width: auto;
  margin: 0;
}

.radio {
  margin-left: 125px;
}
.radio ul {
  font-size: 1em;
  margin: .3em 0 0;
}
.radio label:after {
  content: '';
}
label input {
  background:
   transparent;
  width: auto;
}

.radio li {
  float: left;
  margin: 0;
  width: 48%;
  clear: none;
  list-style-type: none;
}
label input {
  width: auto;
  position: relative;
  top: 2px;
}

.confirm label {
  display: block;
  float: none;
  margin-left: 155px;
  text-align: left;
  width: 310px;
}

.confirm {
  margin-bottom: 1.4em;
}
.radio label:after,
.confirm label:after {
  content: '';
}

/* --- [Footer] --- */
#footer a:link, a:visited {
  color: #FFFFFF;
}