/* 
Project Stylesheet
Author: Nick Francis
Questions/Comments: nick@project83.com
*/

body {
	font-family: "Times New Roman", Times, serif;
	background:url(../images/bg.jpg) repeat-x top left;
}

#wrap {
	margin:0 auto;
	width:959px;
}
/*common*/
a{
color:#1b4b67;
}

a:hover{
color:#444444;
}

/* header */
h1#topLogo {
	margin:0;
	text-indent:-9000px;
	width:960px;
	height:102px;
}

h1#topLogo a{
	float:left;
	position:relative;
	width:959px;
	height:102px;
	background:url(../images/banner.jpg) no-repeat top left;
}
	
p#sub-header{
background:url(../images/sub_banner.jpg) no-repeat top left;
height:88px;
text-align:center;
line-height:5.6em;
color:#FFFFFF;
font-size:1em;
margin:0;
padding:0;
}

/* navigation */

ul#mainNav {
background:#E7E7E7 url(../images/nav-wrap_bg.gif) repeat-x bottom left;
width:957px;
border-left:#a1a1a1 1px solid;
border-right:#a1a1a1 1px solid;
}

ul#mainNav a {
	padding:0 16px 0 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#396b86;
	letter-spacing:1px;
	line-height:2.7em;
	text-transform:uppercase;
	background:url(../images/nav-active.gif) repeat-x left top;
	border-right: #b3b3b3 1px solid;
}

ul#mainNav a:hover {
	color:#ffffff;
	background:url(../images/nav-hover.gif) repeat-x left top;
}

body#home ul#mainNav li#navHome a, body#mission ul#mainNav li#navMission a, body#articles ul#mainNav li#navArticles a, body#store ul#mainNav li#navStore a, body#tears ul#mainNav li#navTears a, body#links ul#mainNav li#navLinks a, body#principles ul#mainNav li#navPrinciples a {
	color:#ffffff;
	background:url(../images/nav-hover.gif) repeat-x left top;
}

li#search-box{
padding:5px 7px 0 0;
float:right;
}

li#search-box .search-field{
float:left;
width:140px;
color:#bababa;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:.625em;
font-weight:bold;
padding:3px;
border:#a3a3a3 1px solid;
}
li#search-box .go{
margin-top:-2px;
float:left;
}

/*content*/

#content-wrap{
width:957px;
border-left:#c3c3c3 1px solid;
border-right:#c3c3c3 1px solid;
background:url(../images/content-bg.gif) repeat-y center;
}

#content-area{
	float:left;
	width:771px;
}

#content-left{
	float:left;
	width:185px;
	padding-top:35px;
}

#content-right{
	float:right;
	width:185px;
	padding-top:35px;
}

#content-center{
	float:right;
	width:526px;
	padding:35px 30px 60px 30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.75em;
}

#content-left h1, #content-right h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#392a0d;
font-size:.8em;
text-transform:uppercase;
padding: 0px 0px 8px 15px;
margin-bottom:0;
border-bottom:#c0c0c0 1px solid;
}

.left-wrap{
width:165px;
margin:0 auto;
padding-bottom:15px;
padding-top:5px;
}

.upcoming {
	padding:.5em;
	text-align:center;
}

.upcoming h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:.3em;
	font-size:.9em;
}

#content-left .upcoming p {
	font-size:.75em;
	margin-bottom:.5em;
}

.upcoming a {
	font-weight:bold;
	padding-bottom:.5em;
}

#content-left ul, #content-right ul{
list-style:none;
padding:0 0 10px 5px;
margin:0;
width:auto;
}

#content-left ul.arrows, #content-right ul.arrows, #content-left ul.arrows ul{
list-style:url(../images/arrow.gif);
padding:0 0 10px 17px;
margin:0;
width:auto;
}

#content-left ul.arrows ul {
	padding-bottom:0;
}

#content-left li, #content-right li{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:.7em;
font-weight:bold;
color:#024b8f;
line-height:1.5em;
margin:10px 0 10px 0;
}

#content-left li li {
	font-size:1em;
	margin:0;
}

#content-left ul a, #content-right ul a{
color:#024b8f
}

#content-left ul a:hover, #content-right ul a:hover{
color:#696969
}

#content-left p, #content-right p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:.65em;
}

#content-center h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.6em;
color:#1b4b67;
font-weight:bold;
}

#content-center h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
font-weight:bold;
}

#content-center h3 {
	font-size:1.1em;
}

#content-right p.empty {
	padding-left:5px;
}

#content-right ul.cartContents {
	padding:0 0 0 5px;
	border-bottom:1px solid #C0C0C0;
}

#content-right ul.cartContents li {
	font-weight:normal;
	color:#000;
}

#content-right p.subtotal {
	text-align:right;
	font-weight:bold;
	font-size:.7em;
	margin-bottom:0;
}

#content-right p.subtotal span {
	padding-left:.5em;
}

#content-right .btns {
	text-align:right;
	font-size:.75em;
	margin-bottom:.5em;
}

.missionContent {
	font-size:1.1em;
}

/* left column newsletter */
ul#nlSignup li {
	position:relative;
	margin:5px 0;
}

ul#nlSignup label {
	float:left;
	width:70px;
	color:#000;
	font-weight:normal;
}

ul#nlSignup input {
	width:95px;
	margin:0;
}

ul#nlSignup li ul {
	margin:0;
}

ul#nlSignup li ul li {
	clear:both;
	padding:1.2em 0;
}

ul#nlSignup li.lists {
	display:inline;
	margin-bottom:0;
}

ul#nlSignup li ul li label {
	width:100%;
	font-size:1.4em;
	line-height:1.2em;
}

ul#nlSignup li ul li input {
	position:relative;
	bottom:1px;
	float:left;
	display:inline;
	width:auto;
	margin-right:5px;
}

ul#nlSignup input#submitBtn {
	width:auto;
	margin-left:65px;
}

ul#nlSignup p {
	color:#000;
	font-size:.9em;
	font-weight:normal;
}

/*blog*/
.blog-wrap{
margin-bottom:50px;
}

.blog-header{
width:auto;
height:auto;
padding:0;
margin:0;
border-bottom:#bbbbbb 1px solid;

}

h1.blog-title a{
float:left;
border-left:#bbbbbb 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#1b4b67;
font-weight:bold;
text-decoration:none;
padding:0 0 10px 15px;
min-height:22px;
width:445px;
line-height:1.2em;

}

.blog-date{
float:left;
width:50px;
height:32px;
padding-right:10px;
font-size:1.6em;
font-weight:bold;
color:#0b3852;
}

.blog-date-sm{
display:block;
line-height:1em;
font-size:.6em;
font-weight:normal;
}

.blog-posted-info{
width:auto;
border-left:#bbbbbb 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.875em;
color:#717171;
font-weight:normal;
padding:5px 0 0 15px;
margin:0 0 30px 60px;
}

.blog-posted-info a{
color:#717171;
}

a.addThis img {
	position:relative;
	top:5px;
}

p.pagerLinks {
	text-align:center;
	margin:0 2em;
}

p.pagerLinks a {
	padding:0 1em;
}

/*store*/
#store-page-heading{
width:auto;
border-bottom:#bbbbbb 1px solid;
margin-bottom:30px;
}

#store-page-heading h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:2em;
color:#1b4b67;
font-weight:bold;
}

.store-cat-heading{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:.875em;
color:#1b4b67;
font-weight:normal;
}

.featureWrap {
	float:left;
	width:155px;
	height:220px;
	padding:0 10px;
}

.featureWrap img {
	padding:0 0 .5em 0;
}

.featureWrap a {
	display:block;
	line-height:1.3em;
}

.product-wrap{
width:auto;
margin-bottom:30px;
}

.product-img{
float:left;
margin-right:15px;
}

.product-desc{
width:300px;
float:left;
margin:0;
padding:0;
}

img.main {
	float:left;
	padding:0 15px 25px 0;
}

#productInfo {
	margin-left:225px;
}

#productInfo h2 {
	font-size:2em;
	color:#1B4B67;
	font-weight:normal;
}

#productInfo p {
	margin:0 0 .4em 0;
}

a.pdf {
	padding:1px 0 3px 22px;
	background:url(../images/acrobat.png) no-repeat top left;
}

a.disc {
	padding:1px 0 3px 22px;
	background:url(../images/disc.png) no-repeat top left;
}

#productInfo {
	margin-bottom:1.5em;
}

#productInfo form {
	margin:1.5em 0;
}

#productDesc {
	clear:both;
}

#content-center .product-desc h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#373636;
font-size:1.2em;
border-bottom:dotted 2px #bbbbbb;
padding-bottom:5px;
margin-bottom:15px;

}

.product-desc h2 a{
text-decoration:none;
}

#content-center .product-desc p{
font-size:.875em;
}

.product-info{
float:right;
text-align:center;
}

#content-center .product-info h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#184a66;
font-size:1em;
border-bottom:dotted 2px #bbbbbb;
padding-bottom:7px;
margin-bottom:15px;
}

#content-center .product-info h4{
font-family: Georgia, "Times New Roman", Times, serif;
color:#373636;
font-size:1.5em;
margin:-10px 0 10px 0;
padding:0;
}

/* store checkout */
table#cart th {
	text-align:left;
}

table#cart td {
	border-bottom:0;
	padding:4px 6px;
}

table#cart td.quantity a.remove {
	display:block;
	padding-top:.3em;
}

table#cart tr.totals td {
	border-top:1px solid #ccc;
}

table#cart tfoot td {
	text-align:right;
}

table#cart td.subtotal {
	text-align:right;
	font-size:1.3em;
	font-weight:bold;
}

fieldset#checkout {
	padding:.5em;
	color:#000;
}

p.req span, fieldset#checkout li label em {
	color:#BA0409;
	font-weight:bold;
	font-style:normal;
}

fieldset#checkout li {
	margin:.3em 0;
}

fieldset#checkout li label {
	text-align:left;
	width:135px;
	padding-top:5px;
	font-weight:normal;
}

fieldset#checkout li input {
	width:250px;
	margin:.2em .2em .2em 0;
}

fieldset#checkout li input.error {
	color:#000;
	padding:2px;
}

fieldset#checkout li select {
	margin:.2em .2em .2em 0;
}

fieldset#checkout li input.cb {
	float:left;
	display:inline;
	width:auto;
	margin-right:5px;
}

form#PaymentForm fieldset#checkout input#submitBtn {
	margin-top:2em;
}

#errorContainer ul {
	list-style:none;
}

#orderDetails #printOnly {
	display:none;
}

#orderDetails p.oDate {
	margin-bottom:.5em;
}

#orderDetails fieldset.orderDetails {
	padding:0;
}

#orderDetails h3 {
	margin-bottom:0;
}

table#shippingMethods {
	width:100%;
}

table#shippingMethods th {
	text-align:left;
}

table#lineItems2 {
	width:100%;
	margin-top:1em;
}

table#lineItems2 th, table#lineItems2 td {
	padding:.2em;
}

table#lineItems2 tbody td {
	border-bottom:1px solid #ccc;
}

table#lineItems2 tfoot td {
	border:0;
	font-style:normal;
}

table#lineItems2 td.foot {
	text-align:right;
}

table#lineItems2 th {
	font-weight:bold;
	background:#396B86;
	color:#fff;
	padding:.3em;
}

table#lineItems2 th.name {
	text-align:left;
}

.addies fieldset {
	padding:0;
	line-height:1.3em;
}

fieldset#details {
	padding:0;
	margin-bottom:0;
}

.mailPayment h4 {
	margin-bottom:0;
}

fieldset#shipTo {
	float:left;
	width:220px;
	padding:10px;
	border:1px solid #BFBBBC;
}

fieldset#billTo {
	float:right;
	width:220px;
	padding:10px;
	border:1px solid #BFBBBC;
}

fieldset#shipTo legend, fieldset#billTo legend {
	font-weight:bold;
	color:#561705;
}

fieldset#shipTo p, fieldset#billTo p {
	margin-bottom:.5em;
}

fieldset#orderDetails {
	padding:0;
	margin:0;
}

fieldset#orderDetails h3 {
	margin-bottom:0;
}

#content .mailPayment h4 {
	margin-bottom:.2em;
}

div.order {
	margin-bottom:2em;
}

.order a#cancelBtn {
	float:left;
}

.order input#submitBtn {
	float:right;
}

textarea.orderNotes {
	width:480px;
	height:40px;
	margin-bottom:1.5em;
}

/*footer*/
#footer{
width:auto;
background:url(../images/footerbg.jpg) repeat-x top left;
padding-top:15px;
}

ul#footerNav {
width:957px;
margin:0 auto;
padding-bottom:90px;
}

ul#footerNav a {
	padding:0 16px 0 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.625em;
	color:#ffffff;
	letter-spacing:1px;
	border-right: #b3b3b3 1px solid;
}

ul#footerNav a.first {
	padding-left:0;
}

ul#footerNav a.noBdr {
	border-right:0;
}

ul#footerNav a:hover {
	color:#d0c19b;
}

ul#footerNav li#copyright{
padding:0;
float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.625em;
	color:#ffffff;
}

/* contact page */	
#contactForm ul {
	list-style:none;
	margin:0;
	padding:0;
	}	
	
#contactForm label {
	float:left;
	clear:right;
	width:100px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}

#contactForm input, textarea {
	width:250px;
	margin:5px 0 8px 15px;
	padding:4px;
	color:#35371F;
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	border:1px solid #2A3F57;
	}

#contactForm textarea {
	width:320px;
}

#contactForm #error {
	color:#FF0000;
	margin-bottom:10px;
	}
	
#contactForm #submit {
	width:auto;
	background:#396b86;
	color:#fff;
	margin:0 0 15px 385px;
	}

/* blog comment form */
fieldset#commentForm {
	padding:0;
	margin:10px 0 0 0;
	width:auto;
	border:none;
	}

fieldset#commentForm ul {
	margin:0;
	padding:0;
	list-style:none;
	}

fieldset#commentForm li label {
	float:left;
	clear:right;
	width:150px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}

fieldset#commentForm li input, fieldset#commentForm li select, fieldset#commentForm li textarea {
	margin:0 0 8px 15px;
	padding:2px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	width:200px;
	color:#450614;
	border:1px solid #8F8E8E;
	}

fieldset#commentForm li textarea {
	width:auto;
	font-size:100%;
	}

fieldset#commentForm input#commentSend {
	width:auto;
	margin-left:165px;
	color:#fff;
	background:#12232D;
	}

.commentWrap {
	padding:2em 0 1em 0;
	border-bottom:1px solid #ccc;
}

.commentText {
	padding-bottom:.6em;
}

a.linkto {
	text-decoration: none;
}

/* used for form field validation on blog comments form */
label.error {
	color: #B72323;
	font-style: italic;
	margin-left: 10px;
	width: auto;
	display:block;
	width:400px;
}

#container {
	background-color: #fcc;
	border: 1px solid #B72323;
	margin: 5px;
	padding: 5px;
	display: none;
}
#container ul {
	list-style: none;
	float:none;
	clear:both;
	width:90%;
	padding:0;
}
#container ul li {
	margin-left:5px;
	clear:both;
}
#container ul li label {
	width:100%;
	color: red;
	text-align:left;
	border:0;
	margin-top:0;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	background-color: #fcc;
}
input.error:focus,
select.error:focus,
textarea.error:focus {
	border: 1px dashed red;
}
input.error, select.error, textarea.error {
	border: 1px solid red;
}

/*comments*/
#comments{
	line-height:1.4em;
}

/* blog spam hidden field detection */
#commentForm input#subject {
display:none;
}

/*mp3 pop-up*/

#audio-popup{
padding:20px;
}

#audio-popup h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
font-weight:bold;
}

/* search results */
h2.search {
	border-bottom:1px solid #000;
	clear:both;
}

div#pages {
	text-align:center;
	margin-top:20px;
}
div#pages a, div#pages span {
	padding:0 5px;
	font-size:1.2em;
}
div#pages span {
	font-weight:700;
}
p.none {
	font-size:1.1em;
}
p.spelling {
	font-size:1.2em;
}

div#searchResults p.url {
	padding:5px 0 15px 0;
	border-bottom:1px dotted;
}

div#searchResults p.desc {
	padding:5px 0 0 0;
}

div.title {
	margin-top:15px;
}

div.title a {
	color: #396b86;
	font-size:1.1em;
}
div#searchResults p.url {
	margin:5px 0 0 0;
	font-size:90%;
	overflow:hidden;
}