/* Layout Stylesheet */ 
/* Layout Stylesheet */ 
body {	margin-top: 30px; margin-bottom:30px; text-align:center;}
.page_container {	margin: 0 auto;	text-align: left;	background-image: url(images/spacer.gif);	background: #fff;	width: 650px; height:600px;	  }  
.body_container {	margin: 0 auto;	text-align: center;		background: #fff;	width: 650px; height:auto;  } 
.header  {margin: 0 auto;text-align: center;width: 650px;height: 60px;padding: 0px;}
.navbar  {position: relative; float: right; margin: 0 15px 0 0px;width: 335px;height: 42px;padding:20px 0px 0px 0px; max-width:340px; clear:left;
}
.body_holder {
	margin: -10px 0 0 0;
	background: #fff;
	width: 650px;
	clear: both;
} 
.logo  {position: relative; float:left;width: 250px; height:55px; margin: 0px 0px 0px 20px; padding:10px 0 0 0px;}

.rule  {
	clear: both;
	margin-bottom: -10px;
}
.formHolder { margin:0 0 0 70px; padding:0; position:relative; float:inherit; width:540px; height:390px; text-align:center; }
.headline {text-align:left; margin: 0 0 0 25px; padding:0 0 0 0px;font-family: Arial, Verdana, sans-serif; color: #CC0033; font-size: 20px; font-weight:bold;}
.subHeadline {text-align:left; margin: 5px 0 0 27px; padding:0 0 0 0px;font-family: Arial, Verdana, sans-serif; color: #CC0033; font-size: 17px; font-weight:bold;}

.textLeft_l_align {
	display:block;
	float:left;
	clear:right;
	width: 260px;
	height:300px;
	text-align:left;
	white-space:wrap;
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	color:#c03;
	padding: 20px 0 0 25px;
}

.textRight_r_align {
	display:block;
	float:right;
	clear:left;
	width: 250px;
	height:300px;
	text-align:right;
	white-space:wrap;
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	color:#c03;
	padding: 3px 40px 0 0px;
}
.textRight_l_align {
	display:block;
	float:right;
	clear:left;
	width: 250px;
	height:300px;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
	font-size:18px;
	line-height:22px;
	color:#c03;
	padding: 3px 40px 0 0px;
}
.textL {
	display:block;
	float:left;
	clear:left;
	text-align:left;
	width:110px;
	height:80px;
	padding:0 0 0 0px;
	margin: 0px 0 0 30px;
}
	
.textR {
	display:block;
	float:right;
	clear:right;
	text-align:right;
	width:160px;
	height:80px;
	padding:0 0 0 0px;
	margin: 0 30px 0 0px;
	color:#CC0033;
	font-family:Arial, Helvetica, sans-serif;
}	

.imageL {
	text-align:left;
	width:160px;
	height:100px;
	padding:0 0 0 0;
	margin: 0 0 0 40px;
	
}

.imageR {
	float:right;
	clear:right;
	text-align:center;
	caption-side:bottom;
	width:345px;
	height:500px;
	margin:-65px 20px 0 0;
	padding:0 0 0 0;
}

.captionR {font-size:9px; text-align:right; padding:0 0px 0 0; width:350px;
}

.captionL {font-size:9px; text-align:left; padding:0 0 0 25px;
}

#auctionInfo {text-align:center; font-size:15px; color:#CC0033; line-height:16px; font-family: Courier, monospace; padding-left:10px; font-weight:bold; font-style:italic; white-space:normal;
}
.auctionProcedure {text-align:center; font-size:16px; color:#CC0033; line-height:17px; font-family: Courier, monospace; letter-spacing:0px; font-weight:lighter; font-style:italic; white-space:normal;
}
.auctionInfo ul	{list-style: circle; text-align:center;
}

.note /* Dots Box on Store page */ {border: dotted 2px; border-color:#CC0033; margin: 8px 0px 0 29px;text-align:center; width: 290px; height: 70px; white-space:normal; padding:5px 0 0 0;
}

#topLeft {float:left; width:345px; height:404px; clear:left;}
#topRight {float:right; width:305px; height:404px; clear:right; margin: 0 0 0 0px; padding: 0 0 0 10px;}
.footer  {clear: both; margin: 15px 0px;text-align: center;width: 650px;height: 30px;padding: 5px; max-height:50px}
.copy  {margin: 0 0px 0 28px;text-align:left; width: 650px;height: 12px;padding: 5px 0 0 0; font-size:10px; color:#999999;}
.copy_R  {margin: 0px 0px 0px 28px;text-align:left; width: 600px ;height: 12px;padding:0 9px 0 0; font-size:10px; font-weight:lighter; font-family: arial; color:#cC0033; display:block;}
.diffR {
	float:right;
	clear:right;
	text-align:center;
	caption-side:bottom;
	width:340px;
	height:30px;
	margin:-23px -22px 0 0;
	padding:0 0 0 0;
}

.banner  {margin: 0 0 0 45px;text-align: center;width: 535px;height: 120px;padding: 10px 10px 0 10px; border: solid 1px; border-color:#cc0033;
font-family: Arial, Verdana, sans-serif; font-size:15px; color:#c03; font-weight:bold;white-space:normal}

.bannerHolder {margin: 0 0 0 25px;text-align: center;width: 580px;height: 120px;padding: 0px 0px 0 0px; font-family: Arial, Verdana, sans-serif; font-size:15px; color:#cc0033; font-weight:bold;}
.bannerL  {margin: 0;text-align: left;width: 235px;height: 120px;padding: 10px 0 0 15px; float:left; clear:left; white-space:normal; display:block;border: dotted 2px; border-color:#cc0033;}
.bannerR  {margin: 0 0 0 0px;text-align: center;width: 290px;height: 120px;padding: 10px 0 0 0; float: right; clear:right; white-space:normal; display:block;border: dotted 2px; border-color:#cc0033;}

.closed  {margin: 0 24px 0px 0;text-align: center;width: 290px;height: 15px;padding:7px 0 10px 0; float: right; clear:right; white-space:normal; display:block;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#CC0033}

.text  {margin: 0 0 0 0px;text-align: center;width: 500px;height: 18px;padding: 20px 20px 20px 20px; font-family: Arial, Verdana, sans-serif; font-size:12px; color:#c03; font-weight:bold;}
/* End Layout Stylesheet */

/* Begin CSS grid Links */
#auciton_grid {
	list-style-type: none;
	width: 600px;
	height: 700px;
	padding: 0;
	margin:0  0 25px 25px;
	float: inherit;
}

#auction_grid li {
	display: block;
	float: left;
	margin: 5px 15px 5px 15px;
	width: 160px;
	height:180px;
	padding: 2px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
}
#index_grid {
	list-style-type: none;
	width: 650px;
	height: 480px;
	padding: 0 0 0 15px;
	margin:20px 20px 0px 20px;
	float: inherit;
}

#index_grid li {
	display: block;
	float: left;
	margin: 10px 10px 10px 10px;
	width: 120px;
	height:120px;
	border: 1px;
	padding: 2px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	color: #ccc;
	font-size: 12px;
}
/* End CSS grid Links */

/* Begin CSS Carousel Viewer Links */


.stepcarousel {
position: relative; /*leave this value alone*/
border: 1px #999;
overflow: scroll; /*leave this value alone*/
width: 560px; /*Width of Carousel Viewer itself*/
height: 560px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 550px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* End CSS Carousel Viewer Links */

/* Begin CSS Item Pop-Out Wind0w Links */

.itemHolder {width:560px; height:800px; min-width:560px; min-height:750px; text-align:center; padding:10px 40px 40px 40px; border-style:dotted; border-color:#999999; font-family: Arial, Verdana, sans-serif; color: #CC0033; Margin:auto;
}
.itemPic {width:550px; height:550px; text-align:center;
}
.itemHeader {font-size: 20px; width:550px; height:30px; text-align:center; line-height:22px; padding:5px;
}

.itemInfo {text-align: center; font-size: 14px; white-space:normal; padding:0px; 
}

/* End CSS Item Pop-Out Window Links */

/* Begin CSS Store Links */
.storeLinks	{	float:left;	clear: both; font-weight: normal;	font-family: Arial, Verdana, sans-serif;	line-height:22px;	max-width:650px;	height:22px;	margin:10px 0px 0 0px;	background-color: #fff;	position: relative;	}		
.storeLinks a	{	white-space:nowrap;	margin:0;	padding:0;	}	
.storeLinks a, .storeLinks a:visited	/* menu at rest */	{	color: #c03;	background-color: #fff;	text-decoration: none;	font-size:13px;	font-weight:bold;	}	
.storeLinks a:hover	/* menu at mouse-over  */	{	color: c03;	background-color: #fff;	font-weight: bolder;	font-size:14px;	}				
.storeLinks ul	{	text-align:left;	list-style: none;	text-decoration: none;	margin:0 0px 0 0;	padding:0;	width:650px;	}
.storeLinks li	{	display:inline;	margin: 0 12px 0 12px;	padding:0 20px;	text-align:left;	max-height: 22px;	vertical-align: baseline;	}
/* End CSS Store Links */


/* Begin CSS Story Links */
.storyLinks	{	float:right;	font-weight: normal;	font-family: Arial, Verdana, sans-serif;	line-height:22px;	max-width:500px;	height:22px;	margin:0 0px 0 0px;	background-color: #fff;	position: relative;	}		
.storyLinks a	{	white-space:nowrap;	margin:0 0 0 0;	padding:0px;	}	
.storyLinks a, .storyLinks a:visited	/* menu at rest */	{	color: #c03;	background-color: #fff;	text-decoration: none;	font-size:13px;	font-weight:normal;	}	
.storyLinks a:hover	/* menu at mouse-over  */	{	color: c03;	background-color: #fff;	font-weight: bold;	font-size:14px;	}				
.storyLinks ul	{	float:right;	display: inline;	list-style: none;	text-decoration: none;	margin:0 0 0 0px;	padding:0;	width:300px;	}
.storyLinks li	{	display:inline;	margin:0;	padding:0 0 0 50px;	text-align: right;	max-height: 22px;	vertical-align: baseline;		}
/* End CSS Story Links */


/* display Stylesheet */ 
.Qtext {
	font-family: ; color: #0000FF; font-size: 15px; line-height:16px; font-weight:bold; text-align:center; padding:30px;
	width:650px; background-image:url(images/quilt_bg.jpg); background-repeat:no-repeat;
}
.Qtext2 {
	width:400px;
	height:565px;
	font-family: arial, verdana;
	color: #CC0033;
	font-size: 14px;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	display: block;
	padding: 10px 20px 20px 20px;
	margin: 118px 70px 100px 72px;
	background-color:#FFFFFF;
	border: #CC0033 dashed 3px;
}
.auctionDate {
	font-family: Courier, monospace;
	color: #c03;
	font-size: 21px;
	text-align:center;
	line-height:21px;
	font-weight:bolder;
	margin: 25px 0 0 0;
	padding:10px;
	font-style: italic;
	letter-spacing: 0px;	
}
.GNO-body {
	font-family: ; color: #0000FF; font-size: 15px; line-height:16px; font-weight:bold; text-align:center; padding:0px;
	width:650px;
}
.Btext {
	font-family: Arial, Verdana, sans-serif; color: #CC0033; font-size: 14px; font-weight:bold;
}
.introtext {
	width:150px;
	height: 170px;
}

.info {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 12px;
	font-weight:300;
	margin-top:5px;
}
.subHead  {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 12px;
	font-weight: bold;
}

.itemNo  {
	font-family: Arial, Verdana, sans-serif;
	color: #444;
	font-size: 10px;
	font-weight: bold;
}
.donation {
	font-family: Courier, monospace; color: #CC0033; font-size: 18px; text-align:center; line-height:20px; font-weight:lighter; letter-spacing:0px; font-style:italic;
}  
p {font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 13px;
}

.infoMailing {font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 13px;

}  

.bodyText { font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 12px;
	text-align:center;
  }

a {
font-family: Arial, Verdana, sans-serif;
color:#C03;
font-size:12px;
font-weight:normal;
}

a:visited {
font-family: Arial, Verdana, sans-serif;
color:#C03;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

a:hover {
font-family: Arial, Verdana, sans-serif;
color:c03;
font-size:14px;
font-weight:bold;
}

h6 {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size:32px;
	line-height:33px;
  }
  
h5 {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 20px;
	font-weight:600;
	line-height: 20px;
  }

h4 {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 18px;
	line-height:18px;
  }
  
h3 {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 14px;
  }
  
h2 {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 12px;
  }
  
h1 {
	font-family: Arial, Verdana, sans-serif;
	color: #CC0033;
	font-size: 10px;
  }