/*  STARTING YAHOO YUI CSS RESET (http://developer.yahoo.com/yui/reset/) */

body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

em {font-style:italic !important;}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
 
caption,th {
	text-align:left;
}

a:hover, td:hover, div:hover {pointer:cursor !important;}

dt {font-weight:bold;
padding-top:10px;
font-size:14px;}

dd {font-weight:normal; padding-left:20px;
padding-bottom:8px;
font-size:12px;}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
  
/*  ENDING YAHOO YUI CSS RESET */

/* STARTING GENERIC CLASSES */
.clear {clear:both; }    
.left         { float:left; }
.right        { float:right; }
img.left      { margin-right:1em; margin-bottom:1.8em; }
img.right     { margin-left:1em; margin-bottom:1.8em; }
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }

.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}
/* ENDING GENERIC CLASSES */

/* STARTING FONT SIZE STYLES */
html, body{ font-size: 12px !important; }  

p, li, td, th {
	font-size: 12px !important;
	line-height:1.4em;
	padding-bottom:1.5em;
}
/* ENDING FONT SIZE STYLES */

/*  STARTING CUSTOM RUSTY WELLS STYLES */

html {font-family: verdana, sans-serif; color:#333; margin:0px; padding:0px; font-weight:normal;}

div, form, img {margin:0; padding:0; border:0; position:relative;}

a, a:visited {font-weight:normal; color:#990000; text-decoration:underline;cursor:pointer;}
a.hover, a:visited:hover { text-decoration:underline;cursor:pointer;}
a.off, a.off:hover {color:#dba6a6;cursor:pointer;}

h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em !important; font-weight:bold !important;}

.small_nav {font-size:10px; font-weight:normal;}

strong {font-weight:bold !important;}
#main {
	background-color:#ffffff;
	width:100%; 
	}

#header {
	width:880px;
	margin-left:auto;
	margin-right:auto;	
	}

#header #shortcuts, #header #shortcuts span  {font-size:10px !important;padding-top:12px; color:#999;}

#header #shortcuts a, #header #shortcuts a:visited {font-weight:normal; color: #999; }


#header #shortcuts a:hover, #header #shortcuts a:visited:hover {font-weight:normal; color: #666; }
 
#logo {margin: 10px 0 0 00px}

#nav_wide {
	width:100%;
	height:24px;
	background-color:#7f7f7f;
	}
	
#banner {
	width:100%;
	height:150px; 
	}

#nav { background-color:#7f7f7f;
		margin-left:auto;
		margin-right:auto;
		width:880px; 
		height:24px; 
		text-align:left;
		}

#content {	
	width:880px; 		
	margin-left:auto;
	margin-right:auto;
	}

#sidenav {
	padding-top:14px;
	width:220px;
	display:block;
	float:left;
	} 

#textarea {
	padding-top:14px;
	width:660px;
	display:block; 
	float:right;	
} 

#textarea_wide {padding-top:14px;}
#content .left_col {
padding-top:14px;
width:430px;
display:block;
float:left;
}

#content .right_col {
padding-top:14px;
width:430px;
display:block; 
float:right;
text-align:left;
}

#textarea p { 
	}

.image_sidebar {
float: right; 
width: 130px; 
text-align: right;
}

.image_sidebar img {
border-style: none; 
border-width: 0px; 
margin-bottom: 10px;
}

/* Shop specific styles */

.shop-product-small {
	border-bottom: solid 1px #ccc;
}


#about td#about {
background:url(/assets/nav_about_on.gif) no-repeat !important;
}

#about td#about:hover {
background:url(/assets/nav_about_on.gif) no-repeat !important;
}

div#bio td#bio, 
div#qanda td#qanda, 
div#schedule td#schedule, 
div#global td#global, 
div#events td#events,
div#shop td#shop, 
div#cds td#cds,
div#apparel td#apparel, 
div#ocs td#ocs, 
div#dates td#dates,
div#faq td#faq, 
div#application  td#application,
div#glossary td#glossary, 
div#chants td#chants, 
div#video td#video, 
div#resources td#resources, 
div#blog td#blog, 
div#contact td#contact,
div#devotional td#devotional,
div#gear td#gear,
 div#cart td#cart {
        color:#dba6a6;
}


ul.bullet_list {
	margin-bottom:6px;
}

ul.bullet_list li {	
	font-size:1.3em;
	list-style-type:disc;
	margin-left:24px !important;
	padding:.4em 0 .4em 0;
}


.video_tutorial {
display:block;
position:relative;
margin-bottom:12px;
}

.video_image {
width: 440px; 
float: left;
}

.video_description {
float: right; 
width: 210px; 
text-align: left;
}

.video_description .play_button {
position: absolute; 
top: 138px; 
left: 0px;
}



/*making footer stay put */
html, body {
height: 100%;
}
#main {
min-height: 100%;
margin-bottom: -60px;
position: relative;
}
#footer { border-top:1px solid #ccc; padding-top:8px;
height: 60px;
position: relative;
width:880px; 
margin-left:auto;
margin-right:auto;
}
.clearfooter {
height: 60px;
clear: both;
}