* {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}

a img { border: none; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bg-pat.jpg);
	color: #333333;
	background-repeat: repeat;
	background-position: left top;
}
p {
	margin-bottom: 1.4em;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

ul { list-style: square inside; }

address {
	font-size: 0.9em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
blockquote {
	font-size: .9em;
	padding: 15px;
	margin-bottom: 15px;
	font-family: "Courier New", Courier, monospace;
}
cite {
	font-style: italic;
}

h1 {
	font-size: 1.5em;
	color: #990033;
	margin-bottom: 1em;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
}

h2 {
	font-size: 1.2em;
	margin-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0 0 12px 120px;
	font-weight: bold;
	color: #333333;
	background: #eee;
	padding: 5px;
	display: block;
}

h3 span {
	font-size: 12px;
	font-weight: normal;
}

a:link,
a:visited {
	color: #0066FF;
}




.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;
	margin: 0;
	padding: 0;
}


/******************
HEADER
******************/

#header   {
	margin: 0px;
	padding: 0px;
}


#banner   {
	margin: 0px;
	padding: 0px;
	height: 175px;
}
#banner object {
	width: 100%;
	margin: 0;
	padding: 0;
}


#navWrapper {
	background:#1E281E;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	background-color: #402C12;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #996600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #996600;
	background-image: url(../images/navBar-gradient.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#navWrapper ul {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: relative;
	margin: 0 auto;
}

#navWrapper ul li {
	float: left;
	position: relative;
	background-image: url(../images/nav_separator.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#navWrapper li.current {
	background-color: #D39A4E;
}
#navWrapper li.current a:link,
#navWrapper li.current a:visited {
	color: #FFFFFF;
}


#navWrapper ul a {
	font-size: 0.75em;
	text-decoration: none;
	float: left;
	padding-right: 16px;
	padding-left: 16px;
	padding-top: 6px;
	line-height: 1em;
	display: block;
	padding-bottom: 6px;
}


#navWrapper a:link,
#navWrapper a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#navWrapper a:hover {
	color: #E97D07;
}

#banner img {
	margin: 0px;
	padding: 0px;
	display: block;
}


/******************
CONTENT
******************/

#sidebar1   {
	float: right;
	width: 12em;
	margin-right: 10px;
}
#container  {
	width:760px;
	background-color: #ebdcc5; /* this overrides the text-align: center on the body element. */
	background-image: url(../images/bg3.jpg);
	margin-top: 20px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #D39A4E;
	margin-bottom: 50px;
}
.contentdiv  p  {
	color: #FFFFFF;
	font-size: .8em;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 5px;
	display: block;
}
.contentdiv a {
	color: #00FFFF;
}

.contentdiv h6 {
	color: #00CCFF;
	display: block;
	padding-right: 20px;
	width: 300px;
}

#mainContent #slider2 img {
	margin: 0px;
	float: right;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 10px;
}
.contentdiv address {
	color: #00CCFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin-bottom: 1.4em;
}



#contentMain {
	padding-top: 40px;
	width: 760px;
}

#mainContent/* Tips for mainContent:
1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
*/

  {
	margin: 0 13em 5em 1.5em;
}
#mainContent #extra {

}

#mainContent.center {
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border: 1px solid #CBC0B6;
	padding: 2em 2.5em;
	width: 600px;
}
#main {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	margin-bottom: 45px;

}
#main  h1 {
	color: #835921;
	font-family: "Goudy Old Style", serif;
	font-size: 1.6em;
	text-align: center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #EED8B9;
	padding: 4px 0;
	margin-bottom: 0px;
}


#mainContent  .images {
	text-align: center;
	margin-bottom: 20px;
}

#mainContent img {
	padding-right: 5px;
	padding-left: 5px;
	margin: 0 20px;
	vertical-align: middle;
}
#mainContent span img {
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 10px;
	padding-right: 0px;
	float: left;
}
#mainContent.center    h1    {
	color: #835921;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	text-align: center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EED8B9;
	border-bottom-color: #EED8B9;
	padding: 4px 0;
}
#mainContent p.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}
#mainContent #mediawrapper {
	margin-right: auto;
	margin-left: auto;
	width: 362px;
}


.mediaContent {
	margin-bottom: 40px;
}
.mediaContent h4 {
	display: block;
	margin-bottom: 5px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	color: #0099FF;
}

.mediaContent span {
	font-size: .875em;
	font-weight: normal;
}
.headingwrapper  {
	background-color: #FFFFFF;
	background-image: url(../images/sortbar-bg.png);
	height: 43px;
	background-repeat: repeat-x;
	background-position: left top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CBC0B6;
	border-right-color: #CBC0B6;
	border-bottom-color: #CBC0B6;
	border-left-color: #CBC0B6;

}
.list-item  {
	padding: 15px;
	background-color: #fff;
	margin: 0;
	border-top: 1px dotted #CBC0B6;
	border-right: 1px solid #CBC0B6;
	border-bottom: none;
	border-left: 1px solid #CBC0B6;
	float: left;
	clear: both;
	width: 710px;
}
.list-item a
      {
	color: #D17D21;
	text-decoration: none;
}
.list-item h2                       {
	font-size: 1em;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	margin-bottom: 2px;
}

.list-item img                     {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.list-item ul {
	font-size: 12px;
	margin: 0 0 15px 0;
	line-height: 1.8em;
	font-weight: bold;
}

#titlewrapper {
	text-align: center;
	background: rgb(127, 61, 7); /* The Fallback */
	background: rgba(127, 61, 7, 0.5);
	padding: 0 0 10px;
	border: 2px solid #fff;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
#titlewrapper h1 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #fff;
}
address.orders  { color: #FFF; }

a.email {
	color: #FF0;
	text-decoration: none;
}

a.email:hover {
	color: #fff;	
}


.section { clear: both; 
}

.sectionhead   {
	height: 55px;
	text-align: center;
	margin-top: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B7A89B;
	border-right-color: #CBC0B6;
	border-bottom-color: #CBC0B6;
	border-left-color: #B7A89B;
}

.sectionhead h2 {
	font-family: "Goudy Old Style", serif;
	margin-bottom: 0px;
	font-size: 1.5em;
	padding-top: 6px;
}

.tagline {
	color: #fff;	
}

.series   {
	background-image: url(../images/sortbar-bg.png);
	background-repeat: repeat;
	background-position: left bottom;
}

.soon       {
	background-image: url(../images/sortbar-bg-alt2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.other   {
	background-image: url(../images/sortbar-bg-alt.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.section  a {
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	color: #FF6600;
	text-decoration: none;
}
.section    a:hover, .list-item  a:hover {
	color: #FF3333;
	text-decoration: underline;
}
.last   {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-bottom-style: solid;
	border-top-color: #CBC0B6;
	border-right-color: #CBC0B6;
	border-bottom-color: #CBC0B6;
	border-left-color: #CBC0B6;
}
#subcontainer {
	margin-top: 25px;
	padding-bottom: 25px;
}









#mainContent #contact {
	margin-bottom: 30px;
}

#mainContent #donate {
	padding: 20px;
	border: 1px solid #990033;
	background-color: #FFF4DF;
}
#mainContent #shownav {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background-color: #990033;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

#mainContent #shownav ul {
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
}
#mainContent #shownav ul li {
	display: inline;
}

#mainContent #shownav a {
	text-decoration: none;
	padding: 8px;
	color: #FFFFFF;
	margin: 0 15px;
}
#mediacontainer {
	width: 360px;
	margin-bottom: 30px;
}
#mediacontainer p {
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	color: #FF6600;
}

#mediacontainer select {
	width: 360px;
}



.dropcontent {
	width: 360px;
	height: 225px;
	background-color: #FFECC6;
	display:block;
}

p.highlight {
	margin-bottom: .5em;
}



#donate .donate {
	font-size: 1em;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	font-weight: bold;
}
#mainContent  #donate  h2 {
	font-size: 1.2em;
	color: #990033;
}
#contact #address {
	margin-bottom: 20px;
}





.style2 {
	color: #990000;
	font-size: 20px;
	font-family: verdana
}



.index-body {
	color: #000000;
	font-size: 13px;
	font-family: verdana;
	width: 300px;
}

.under-header {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	font-family: verdana;
}

.under-header-small {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana;
}

.under-header-small2 {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	font-family: verdana;
}

a.donate:link {
	font-size: 20px;
	font-family: verdana;
	text-decoration: none;
}

a.donate:visited {
	font-size: 20px;
	font-family: verdana;
	color: blue;
	text-decoration: none;
}

a.donate:hover {
	font-size: 20px;
	font-family: verdana;
	color: #ff9900;
	text-decoration: underline;
}

a.donate:active {
	font-size: 20px;
	font-family: verdana;
	text-decoration: none;
}

a.links:link {
	font-size: 12px;
	font-family: verdana;
	text-decoration: none;
	font-weight:bold;
}

a.links:visited {
	font-size: 12px;
	font-family: verdana;
	color: blue;
	text-decoration: none;
	font-weight:bold;
}

a.links:hover {
	font-size: 12px;
	font-family: verdana;
	color: #ff9900;
	text-decoration: underline;
	font-weight:bold;
}

a.links:active {
	font-size: 12px;
	font-family: verdana;
	text-decoration: none;
	font-weight:bold;
}

a.storylinks:link {
	font-size: 10px;
	font-family: verdana;
	text-decoration: none;
}

a.storylinks:visited {
	font-size: 10px;
	font-family: verdana;
	color: blue;
	text-decoration: none;
}

a.storylinks:hover {
	font-size: 10px;
	font-family: verdana;
	color: #ff9900;
	text-decoration: underline;
}

a.storylinks:active {
	font-size: 10px;
	font-family: verdana;
	text-decoration: none;
}
a.donate:link, a.donate:visited {
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #990033;
}

a.donate:hover {
	color: #ff9900;
}

.resourcespacing {
	margin-left:10px;
}

.phone-or-email {
	color: #C00;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	font-weight: bold;
	background: #FDF1D7;
}

.news-headline {
	color: #990000;
	font-size: 14px;
	font-family: verdana;
	text-decoration: underline;
}

.body-news {
	color: #000000;
	font-size: 11px;
	font-family: verdana;
	margin-top: 0px;
	margin-left:0px;
}

hr.hr {
	color:#990000
}

#mainContent #topStory_image {
	margin-bottom: 10px;
	margin-top: 10px;
}

#mainContent #slideshowNav {
	font-size: 12px;
	text-align: center;
}

#mainContent #slideshowNav a:link,
#mainContent #slideshowNav a:visited {
	color: #0000FF;
}

#sidebar1 #moon {
	width: 179px;
	margin: 0 auto;
}

#sidebar1 #jpost {
	text-align: center;
	margin-top: 25px;
}

#sidebar1 #tcal {
	text-align: center;
	margin-top: 25px;
}

#sidebar1 #tcal img {
	border: 1px solid #715A00;
	margin-bottom: 5px;

}
#sidebar1 #tcal h6 {
	font-style: normal;
	font-weight: normal;
}




#mainContent #list {
}



#product_img img {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}

#product_img .subImage img {
	padding-right: 0px;
}

#product_img {
}

.page-intro {
	margin: 0;
	padding: 20px;
}

.page-intro .start-new {
	margin-bottom: 10px;
}


.page-intro p {
	margin-top: 10px;
	font-style:italic;
	margin-bottom:15px;
}
#list .product-list-item-alt  {
	background-color: #ebf8ff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #cbd9da;
	padding: 10px;
}


.product-list-item {
	border-bottom: 1px solid #cbd9da;
	background-color: #FFF;
	overflow: hidden;
	padding: 10px;
}


/*****************************************************/
/*************** LISTS & ITEMS ***********************/
/*****************************************************/

#list,
#list2 {
	overflow:hidden;
	border-top: 1px solid #cbd9da;
	border-left: 1px solid #cbd9da;
	border-right: 1px solid #cbd9da;
	margin-bottom: 20px;
	background:#fff;
}

.media {
	margin-bottom: 10px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .70em;
}
.item-body  a:link, .item-body a:visited {
	font-size: .8em;
	color: #00CCFF;
	text-decoration: underline;
}
.sortbar {
	text-align: center;
}


.sortbar h5 {
	color: #999999;
	margin-bottom: 4px;
}

.item-body h4 {
	color: #333333;
}
.item-body  h5 .productSummary  {
	color: #FF3300;
}

#sidebar1 #tcal h6 a:link {
	font-style: normal;
	font-weight: normal;
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
}

.payvment {
	text-align: right;
}

.payvment input[type="image"]{
	vertical-align: middle;
	margin: 0 0 0 5px;
}


/******************
FOOTER
******************/


.incline {
	color: #999999;
	font-size: 9px;
	font-family: verdana;
	margin-top:-25px;
}

.copyright {
	color: #999999;
	font-size: 10px;
	font-family: verdana;
}

a.incline:link,
a.incline:visited {
	font-size: 9px;
	font-family: verdana;
	color: #999999;
	text-decoration: none;
}

a.incline:hover {
	text-decoration: underline;
}

a.incline:active {
	color: #999999;
	text-decoration: none;
}

.button {
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	background: url(../images/overlay-button.png) repeat-x scroll 0 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	cursor: pointer;
	display: inline-block;
	font: bold 14px Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
	color: #fff;
	line-height: 1;
	overflow: visible;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	width: auto;
	padding: 8px 19px 9px;
}

.orange.button  {
	color: #fff;
	background-color: #FF5C00;
}

.orange.button:hover {
	background-color: #D45500;
}

.blue.button {
	color: #fff;
	background-color: #2DAEBF;	
}

.blue.button:hover {
	color: #fff;
	text-decoration: none;
	background-color: #007D9A;