@charset "utf-8";
body  {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixLtHdr #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #EBEBEB;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 1px solid #fff;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header, #bashheader, #bdheader, #betweenheader, #cisheader,#fv2header, #fv3header, #fv4header, #modernmagicheader, #sailsheader, #vipersheader { 
	background: #EBEBEB;
	background-image:url('images/header.jpg'); 
	height: 147px;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.twoColFixLtHdr #bashheader { background-image:url('images/bashheader.jpg');} 
.twoColFixLtHdr #bdheader { background-image:url('images/bdheader.jpg');} 
.twoColFixLtHdr #betweenheader { background-image:url('images/betweenheader.jpg');} 
.twoColFixLtHdr #cisheader { background-image:url('images/cisheader.jpg');} 
.twoColFixLtHdr #fv2header { background-image:url('images/fv2header.jpg');}
.twoColFixLtHdr #fv3header { background-image:url('images/fv3header.jpg');} 
.twoColFixLtHdr #fv4header { background-image:url('images/fv4header.jpg');} 
.twoColFixLtHdr #modernmagicheader { background-image:url('images/modernmagicheader.jpg');} 
.twoColFixLtHdr #sailsheader { background-image:url('images/sailsheader.jpg');}
.twoColFixLtHdr #vipersheader { background-image:url('images/vipersheader.jpg');}

.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 100px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	font-size:80%;
	padding: 10px 3px 3px 9px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}


.crumbs, .blankmain, .bashmain1, .bashmain2, .bashmain3, .bashmain4, .betweenmain1, .betweenmain2, .betweenmain3, .betweenmain4, .bloodmain1, .bloodmain2, .bloodmain3, .bloodmain4, .cismain1, .cismain2, .cismain3, .cismain4, .fv2main1, .fv2main2,.fv2main3,.fv2main4, .fv3main1, .fv3main2, .fv3main3, .fv3main4, .fv3main5, .fv4main1, .fv4main2, .fv4main3, .fv4main4, .modernmagicmain1, .modernmagicmain2, .modernmagicmain3, .modernmagicmain4, .sailsmain1, .sailsmain2, .sailsmain3, .sailsmain4, .veinsmain1, .veinsmain2, .veinsmain3, .veinsmain4, .veinsmain5, .jennifermeyermain1, .specialsbanner, .vipersmain1, .vipersmain2, .vipersmain3, .vipersmain4, .vipersmain5 { 
	margin: 0 0 3px 150px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px 5px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position: relative;
	left: -25px;
} 
	.crumbs {font-size: 75%;}
	.blankmain { background:  url(images/headers/blankheader.jpg) no-repeat #fff;}
	.bashmain1 { background:  url(images/headers/bashheader1.jpg) no-repeat #fff;}
	.bashmain2 { background:  url(images/headers/bashheader2.jpg) no-repeat #fff;}
	.bashmain3 { background:  url(images/headers/bashheader3.jpg) no-repeat #fff;}
	.bashmain4 { background:  url(images/headers/bashheader4.jpg) no-repeat #fff;}
	.betweenmain1 { background:  url(images/headers/betweenheader1.jpg) no-repeat #fff;}
	.betweenmain2 { background:  url(images/headers/betweenheader2.jpg) no-repeat #fff;}
	.betweenmain3 { background:  url(images/headers/betweenheader3.jpg) no-repeat #fff;}
	.betweenmain4 { background:  url(images/headers/betweenheader4.jpg) no-repeat #fff;}
	.bloodmain1 { background:  url(images/headers/bloodheader1.jpg) no-repeat #fff;}
	.bloodmain2 { background:  url(images/headers/bloodheader2.jpg) no-repeat #fff;}
	.bloodmain3 { background:  url(images/headers/bloodheader3.jpg) no-repeat #fff;}
	.bloodmain4 { background:  url(images/headers/bloodheader4.jpg) no-repeat #fff;}
	.cismain1 { background:  url(images/headers/cloakedheader1.jpg) no-repeat #fff;}
	.cismain2 { background:  url(images/headers/cloakedheader2.jpg) no-repeat #fff;}
	.cismain3 { background:  url(images/headers/cloakedheader3.jpg) no-repeat #fff;}
	.cismain4 { background:  url(images/headers/cloakedheader4.jpg) no-repeat #fff;}
	.fv2main1 { background:  url(images/headers/fv2header1.jpg) no-repeat #fff;}
	.fv2main2 { background:  url(images/headers/fv2header2.jpg) no-repeat #fff;}
	.fv2main3 { background:  url(images/headers/fv2header3.jpg) no-repeat #fff;}
	.fv2main4 { background:  url(images/headers/fv2header4.jpg) no-repeat #fff;}
	.fv3main1 { background:  url(images/headers/fv3header1.jpg) no-repeat #fff;}
	.fv3main2 { background:  url(images/headers/fv3header2.jpg) no-repeat #fff;}
	.fv3main3 { background:  url(images/headers/fv3header3.jpg) no-repeat #fff;}
	.fv3main4 { background:  url(images/headers/fv3header4.jpg) no-repeat #fff;}
	.fv3main5 { background:  url(images/headers/fv3header5.jpg) no-repeat #fff;}
	.fv4main1 { background:  url(images/headers/fv4header1.jpg) no-repeat #fff;}
	.fv4main2 { background:  url(images/headers/fv4header2.jpg) no-repeat #fff;}
	.fv4main3 { background:  url(images/headers/fv4header3.jpg) no-repeat #fff;}
	.fv4main4 { background:  url(images/headers/fv4header4.jpg) no-repeat #fff;}
	.fv4main5 { background:  url(images/headers/fv4header5.jpg) no-repeat #fff;}
	.modernmagicmain1 { background:  url(images/headers/modernmagicheader1.jpg) no-repeat #fff;} 
	.modernmagicmain2 { background:  url(images/headers/modernmagicheader2.jpg) no-repeat #fff;} 
	.modernmagicmain3 { background:  url(images/headers/modernmagicheader3.jpg) no-repeat #fff;} 
	.modernmagicmain4 { background:  url(images/headers/modernmagicheader4.jpg) no-repeat #fff;} 	
	.sailsmain1 { background:  url(images/headers/sailsheader1.jpg) no-repeat #fff;}
	.sailsmain2 { background:  url(images/headers/sailsheader2.jpg) no-repeat #fff;}
	.sailsmain3 { background:  url(images/headers/sailsheader3.jpg) no-repeat #fff;}
	.sailsmain4 { background:  url(images/headers/sailsheader4.jpg) no-repeat #fff;}
	.veinsmain1 { background:  url(images/headers/veinsheader1.jpg) no-repeat #fff;}
	.veinsmain2 { background:  url(images/headers/veinsheader2.jpg) no-repeat #fff;}
	.veinsmain3 { background:  url(images/headers/veinsheader3.jpg) no-repeat #fff;}
	.veinsmain4 { background:  url(images/headers/veinsheader4.jpg) no-repeat #fff;}
	.veinsmain5 { background:  url(images/headers/veinsheader5.jpg) no-repeat #fff;}
	.vipersmain1 { background:  url(images/headers/vipersheader1.jpg) no-repeat #fff;}
	.vipersmain2 { background:  url(images/headers/vipersheader2.jpg) no-repeat #fff;}
	.vipersmain3 { background:  url(images/headers/vipersheader3.jpg) no-repeat #fff;}
	.vipersmain4 { background:  url(images/headers/vipersheader4.jpg) no-repeat #fff;}
	.vipersmain5 { background:  url(images/headers/vipersheader5.jpg) no-repeat #fff;}

	.jennifermeyermain1 { background:  url(images/headers/jennifermeyerheader1.jpg) no-repeat #fff;}

	.specialsbanner { background:  url(images/headers/modernmagicheader2.jpg) no-repeat #EBEBEB;} 


h1 {color: #000; padding: 0 0 0 3px;}
	h1 a {color: #145d95; text-decoration:none;}
	h1 a:visited {color: #4b72a0; text-decoration:none;}
	h1 a:focus {color: #000; text-decoration: underline;}
	h1 a:hover {color: #000; text-decoration: underline;}
	h1 a:active {color: red; text-decoration: underline;}

h3.sub {font-size: 95%; padding: 0 0 0 3px; margin-top:-23px;}

h3.header {padding: 0 0 0 0; margin-bottom:-10px;}

	a: {color: #145d95;}
	a:visited {color: #666 ;}
	a:focus {color:#4b72a0;}
	a:hover {color:#4b72a0;}
	a:active {color:red;}
	
.leftcontent { 
	width: 292px;
	margin: 4px 6px 0 0;
	padding: 0px 3px 3px 3px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	font-size: 80%;
	float: right;
	position:relative;
} 

.rightcontent { 
	width: 292px;
	margin: 4px 0 0 6px;
	padding: 0px 3px 3px 3px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	font-size: 80%;
	float: right;
		position:relative;
} 

.fullcontent { 
	width: 605px;
	margin: 4px 0 0 0;
	padding: 0px 3px 3px 3px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	font-size: 80%;
	float: right;
		position:relative;
} 

.bookcontent { 
	width: 413px;
	margin: 4px 6px 0 0;
	padding: 0px 3px 3px 3px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	font-size: 80%;
	float: right;
		position:relative;
} 

.bookinfo { 
	width: 171px;
	margin: 4px 0 0 6px;
	padding: 0px 3px 3px 3px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	font-size: 70%;
	float: right;
		position:relative;
} 

.artistinfo { 
	font-size: 85%;
} 

p.excerpttop, p.excerpt, p.excerptbottom {text-align: justify; line-height: 20px; padding: 0 20px;}
p.excerpttop, p.excerpt {margin-bottom:-12px;}
p.excerpt, p.excerptbottom {text-indent: 20px;}

p.footer {font-size: 86%;}

.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#EBEBEB; text-align: center; 
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.artcontentleft { 
	width: 129px;
	margin: 4px 29px 0 0;
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	float: right;
	font-size: 95%;
	text-align: center; 
} 

.artcontentright { 
	width: 129px;
	margin: 4px 0 0 0;
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	float: right;
	font-size: 95%;
	text-align: center; 
} 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
		position:relative;
}

.wideartcontentleft { 
	width: 199px;
	margin: 4px 4px 0 0;
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	float: right;
	text-align: center; 
		position:relative;
} 

.wideartcontentright { 
	width: 199px;
	margin: 4px 0 0 0;
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	float: right;
	text-align: center; 
		position:relative;
} 

.clearfloatright { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
		position:relative;
}

    #tabnav {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	position: relative;
	top: 110px;
	left: 38px;
      }
	  
    #tabnav ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabnav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabnav a {
      float:left;
      background:url("images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabnav a span {
      float:left;
      display:block;
      background:url("images/tab.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabnav a span {float:none;}
    /* End IE5-Mac hack */
    #tabnav a:hover span {
      color:#FFF;
      }
    #tabnav a:hover span {
      background-position:100% -42px;
      }  
    #tabnav a:hover {
      background-position:0% -42px;
      }

img { border:none;}

p.bottom {color:#fff;	font-size: 70%;}
a.bottom {color: #EBEBEB;}
a.bottom:visited {color:#fff;}
a.bottom:focus {color:#000;}
a.bottom:hover {color:#000;}
a.bottom:active {color:red;}





#basic-accordian{
	padding:5px;
	width:600px;
	float: right;
	position:relative;
}

.accordion_headings{
	padding:5px;
	background:#145d95;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#4b72a0;
}

.accordion_child{
	padding:15px;
	background:#FFF;
}

.header_highlight{
	background:#666666;
}