html {
	line-height:18px;
}
body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	background: #ffffff;
	color: #666;
	margin: 0;
	padding: 0;
	text-align: center; 
	padding-bottom: 30px;	
}
/* CSS Document */
h1, h2, h3, h4, h5, h6, label {
	padding: 1px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:3px 0;
	font-weight:bold;
}
h1 { 
	color: #6c3c62;
	font-size:2em; 
	font-weight: normal;
	padding: 20px 0;
}
h2 { 
	color: #6c3c62;
	font-size:2em; 
	font-weight: normal;
	padding: 20px 0;
	}
h3 { 
	font-size:1.2em; 
	letter-spacing: .2px;
	padding: 10px 0px;	
	}
h4 { 
	font-size:1.0em; 
	letter-spacing: .2px;
	color: #6c3c62;	
	}
h5 { 
	font-size:1.2em; 
	}
label {
	font-size:1.2em;
	color:#666;
	padding-right:0;
}
p {
	margin-top: 8px;
	margin-top: 0;
}
a {
	padding:0 2px;
	color: #333;
	text-decoration:none;
	border-bottom:1px dotted #71526f;
}
a:hover {
	color:#503d4c;
	background-color: #cfd7af;
}
table p { 
	margin:3px; 
	}
table { 
	position: relative; left: 30px;
	border: 1px;
	border-style:solid;
	border-color: #666666;
	border-color: #71526f;
	margin: 3px;
	padding: 2px;
	width: 300px;
	width: 400px;	
	}	
th {
	font-weight:bold;
	}
caption {
	font-weight:bold;
	text-align:left;	
	color: #666666;
	padding-left: 10px;
	padding-bottom: 0px;
	}	
td {
	padding: 3px 10px 3px 3px;
	text-align:left;
	vertical-align:top;
 } 


.text {
	width:100%;
	border:1px solid #71526f;
	background:#eee;
	color:#666;
	padding:3px;
}
.text:focus {
	background:#fff;
	color:#333;
}

#container { 
	width: 960px;
	background:#ffffff;
	margin: 0 auto; 
	text-align: left; 
	margin-top:20px;	
} 

#header { 
	padding: 0px 10px 0px 0px;  
	background:#ffffff 0px 0;	
} 
.logo {
	padding: 0px 0px 15px 0px;
	border: none;
}
.logo a { 
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}
.logo a:hover { 
	text-decoration: none;
	border: none;
	padding: 0; 
	margin: 0;   
}
.logo img { 
	border: none;  
	margin: 0;
	padding: 0;
}
.globalnav {
	width: 960px;
	padding: 4px 0;   /* hover blue background touches the white content */
	padding: 0;
	margin: 0;
	clear:both;
	background-color: #c3cfc3;
	background-color: #cfd7af;
	border-top: solid 1px #6a5766;
}
.globalnav ul {
	text-align: left;
	padding: 2px 0 3px 40px;  
	/* HACK: IE 6 and below recognize the underscore as valid; other browsers don't, so the padding is overridden for IE.  */
	_padding: 5px 0 6px 0;  /* perfect IE; too much for Mozilla - gap between white/blue where background shows */
	margin: 0;
}
.globalnav li {
	display: inline;
	padding: 0;
	padding: 1px;
	margin: 0; 
}
.globalnav img {
	padding: 0;
	margin: 0;
	border: 0;
}
.globalnav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.9em;
	letter-spacing: .2px;
	color: #6c3c62;
	text-decoration: none;
	padding: 6px 8px;
	margin: 0;
	border: none;
}
.globalnav a:hover {
	text-decoration: none;
	color: #808b53;
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.40); 
}


/***********************  whole bottom *************************************/
#contentbkg { 
	margin: 0;
	padding: 0;
	background:#fdfcf8;		
} 


/***********************  Left Sidebar *************************************/
#sidebar {
	float: left; 
	width: 200px; 
	background-color: #fdfcf8;
	margin: 0;
	padding: 0;
}
#sidebar1 {
	padding: 0;
	margin: 35px 0 0 0;
}
#sidebar1 #heading { 
	margin: 0; 
	padding: 0;
	width: 200px;
	background: #ffffff url(images/spiral-box-bkg.gif)top left no-repeat;	
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	}
#sidebar1 #headinginner { 
	margin: 28px 0 0 0;
	padding: 0 0 10px 0;
	width: 200px;
	background-color: #cfd7af;	
	}
#sidebar1 #headinginner a { 
	text-decoration: none;
	padding: 10px 10px 2px 5px;
	padding: 10px 5px 2px 0;
	margin: 0;
	border: none;
	color: #5e3d57;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 1em;
	letter-spacing: .2px;	
	}
#sidebar1 #headinginner a:hover { 
	text-decoration: none;
	color: #808b53;
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.40); 	
	} 

.nav ul {
	padding: 2px 0 3px 0;
	margin: 10px 0;
	}
.nav li {
	padding: 5px 0;
	margin: 0; 
	list-style-type: none;
	}




/***********************  mainContent *************************************/
#mainContent { 
	float: left;
	margin: 0 0 0 220px; /* the right margin on this div element creates the column down the right 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. */
	margin: 0;
	padding: 0 25px;
	width: 710px;
	background:#fdfcf8 top right url(images/shiva-spiritual-renewalzz.png) no-repeat;		
} 

.submitLink {
	background-color: transparent;
	padding:0;
	color: #333;
	text-decoration:none;
	border-top:none;
	border-right:none;
	border-bottom:1px dotted #39c;
	border-left: none;
	cursor: pointer;
	float: right;
	margin: 0;	
}
.submitLink:hover {
	color:#39c;
	background-color:#c3cfc3;
	background-color: #cfd7af;
}
#mainContent ul, #content ol {
	padding:0 0 5px 10px;
}
#content li {
	margin: 5px 0 5px  25px;
}

#mainContent ul, #content ol {
	font-size:1em;
	margin: 5px 0 5px  25px;
	}
	
#mainContent p {
	margin: 0;
	padding: 0 20px 5px 0;
	}
	
#buy {
	font-size:1.2em;
	font-weight: bold;
	color:#474646;
	}

#rightmainContentBox {
	width: 300px; 
	margin: 0 5px 0 8px;
	float: right;
	}	
#formconfirmation {
	border: solid 1px black; 
	padding: 5px; 
	}		
#contactform table {
	left: 0;
	width: 300px;
	}
.red {
	color: red;
	}
 
.contentimg {
	position: relative; left: 33px;
	}
.contentimglink {
	text-decoration:none;
	border:none;
	margin: 0;	
	padding: 0;
	}
.contentimglink:hover {
	text-decoration:none;
	border:none;
	margin: 0;	
	background-color:#ffffff;	
	}			
.contentimg2 {
	float: right;
	margin: 0 10px 0 10px;
	padding: 0;
	} 
 
#footer { 
	padding:  0 0 5px 0; 
	margin: 0px;
	background:#ffffff; 	
	text-align:center;
	font-weight:bold;	
	background-color: #cfd7af;	
}	
#footer p {
	margin: 0; 
	padding: 10px 0; 
	font-weight:normal;	
}

 
 
 
#wider {
	width: 400px;
	} 
#wider td {
	padding: 3px 3px 3px 3px;
	text-align:left;
	vertical-align:top;
 } 	
 
#error {
	color:#FF0000;	
} 

/*******************************************************************************/
.floatright { 
	float: right;
	margin-left: 8px;
}
.floatleft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft { 
	clear:left;
	margin:0; 
	padding:0; 
	line-height:0; 
	font-size:0;	
}