/* CSS Document */

body 
{
	background: #EAC363 url(graphics/page_background.png) center repeat-y;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;
	text-align: center;
	behavior: url("csshover.htc"); /* For ie <= 6 - hover */
}

h1 {
	font-size: 19px;
	font-weight: bold;
	margin: 0px;
    padding: 20px 0px 15px 0px;
    color: #4e3518;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #4e3518;
	margin: 0px;
	padding: 10px 0px 5px 0px;

}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #4e3518;
	margin: 0px;
	padding: 10px 0px 5px 0px;
}

h4 {
	margin: 0px;
	padding: 10px 0px 5px 0px;
}

p {
	text-align: justify;
	margin: 0px 0px 15px 0px;
}

td {
	vertical-align: top;
	margin: 0px;
}

/* For content that is displayed via a popup page  */
.popup {
	padding: 10px;
}

form {
	margin: 0px;
}

a {
 color: #533723;
}

.smallprint {
	color: #5D4002;
	font-size: 11px;
}

.Border-light    { border:1px solid #FFD69A;}

.inline {
	display: inline;
}

/*-----------------------------------------------
   Overall page setup
  -----------------------------------------------*/

#language
{
	/*width: 856px; */
	text-align: right;
	font-size: 12px;
	padding-right: 30px;
	padding-top: 10px;
}


.frame_shadow 
{
 position: relative;
 width: 856px;
 margin: 0px auto;
 text-align: left; /* for IE */
 font-size: 0; /* for IE */
}

.frame
{
 width: 840px;
 width: 856px;
 /*
 min-height: 286px;
 h\eight: 286px; *//* ie <= 6 only */
}

.page_footer {
	text-align: center;
	color: #928261;
	margin: 20px 5px 0px 5px;
	border-top: 1px solid #928261;
	padding-top: 5px;
	padding-bottom: 5px;
}

.page_footer a {
	color: #928261;
}

.page_footer a:hover {
	color: #000000;
}

/*-----------------------------------------------
   Style items for page header and navigation
  -----------------------------------------------*/
.page_header {
	width: 837px;
	height: 85px;
	background-image: url(graphics/top03.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

.page_header form {
	font-size: 1.1em;
}


/*-----------------------------------------------
   Style items for pages with left sidebar
   (The only one right now is charity__handinhand.php)
   When this gets changed to a subsite, these two items
   can be removed
  -----------------------------------------------*/
.leftside {
	width: 200px;
	font-size: 10px;
	color: #5c3404;
}
.leftside p {
	padding: 0px 0px 10px 5px;
}

/*-----------------------------------------------
   Style items for the calendar page
  -----------------------------------------------*/
.calendar td {
	font-size: 11px;
	padding-left: 15px;
}

/*-----------------------------------------------
   Style items for the online store (Nicholas)
  -----------------------------------------------*/
.productText{
	width: 350px;
	padding-right: 50px;
 }

 .productImage{
	padding-top:12px;
	padding-right: 18px;
 }

 .productContain{
	min-height: 600px;
}

/*-----------------------------------------------
   Style items for the locations page
  -----------------------------------------------*/
.region {
	padding-top: 30px;
	margin-left: 0px;
	color: #B07A3A;
	font-weight: bold;
	font-size: 15px;
}

.hq a {
	margin-left: 15px;
	color: #C48E6C;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
}

.center a {
	margin-left: 30px;
	color: #000000;
	font-size: 13px;
}

.group a {
	margin-left: 45px;
	color: #C48E6C;
	font-size: 13px;
}

/*-----------------------------------------------
   Style items for the HCHC pages
  -----------------------------------------------*/
.hchc_stats {
	text-align: center;
	margin-left: 50px;
}

.hchc_stats td {
	width: 75px;
    font-family: Arial, Helvetica, sans-serif;	
}

/*-----------------------------------------------
   Style items for Soul Culture Journal Archives
  -----------------------------------------------*/
.scj_archive {
	width: 515px;
	margin-left: 170px;
	font-family: Arial, Helvetica, sans-serif;
}
.scj_year {
	font-size: 14px;
	font-weight: bold;
	color: #454545;
	padding-bottom: 4px;
	border-bottom: 1px solid #9A8E7D;
	margin-bottom: 9px;
}
.scj_issue {
	float: left;
	width: 125px;
	height: 55px;
}
.scj_issue img {
	float: left;
	width: 32px;
	height: 43px;
	border: 0px;
}
.scj_issue p {
	float: left;
	margin-top: 13px;
	margin-left: 3px;
}
.scj_issue a {
	color: #454545;
	text-decoration: none;
}
.scj_issue a:hover {
	color: #000000;
}


/*-----------------------------------------------
   Style items for the KYI Newsletter
  -----------------------------------------------*/
.nwsl {
}
.nwsl .article {
	border: 1px solid #888888;
	padding: 9px;
	margin-bottom: 18px;
}
#TOC p {
	margin-left: 170px;
}


/*-----------------------------------------------
   Style items for pages with information lists
   (used primarily in the admin area)
  -----------------------------------------------*/
.listheader {
	margin: 10px 15px 4px 45px;
	color: #704C22;
	font-weight: bold;
}

.itemlist {
	/*margin: 2px 17px 2px 45px;*/
	margin: 0px;
	padding: 2px 17px 2px 45px;
	line-height: 20px;
}

.itemlist a {
	border: none;
	margin-right: 0px;
	margin-left: 2px;
}

.itemlist img {
	border: 1px solid #d8b560;
	vertical-align: middle;
}

.itemlist form {
	padding-bottom: 20px;
}

/*-----------------------------------------------
   Style items for forms (primarily used in the admin area)
  -----------------------------------------------*/
.message {
	color: red;
	text-align: center;
}

.form_item {
	text-align: left;
	color: #4E3518;
	margin: 5px 0px 9px 0px;
}

.form_item_label {
	color: #000000;	
}

.form_item input {
	color: #4E3518;
}

.form_item textarea {
    font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;
	color: #4E3518;
}

.form_item table {
	margin-left: 10px;
}

.form_item td {
	font-size: 13px;
}

#login {
	padding-top: 40px;
	padding-bottom: 70px;
}


/*--------------------------------------------------|
| Pop-up box for help text                          |
|--------------------------------------------------*/
a.info{
    position:relative;
    z-index:24; 
    color:#00F;
    text-decoration:none
}
a.info:hover{
	z-index:25;
	background-color:#fff;
}
a.info span.info{display: none}
a.info:hover span.info{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0px; left:10px; width:425px;
    border:1px solid #9A8471;
    background-color:#D4D4D4;
	color:#3A3A3A;
    text-align:justify;
	font-size:.85em;
	padding:5px;
}


/*-----------------------------------------------
   Style items for translation process
  -----------------------------------------------*/

/*
**	Dict module classes
**
*/


/*
**	The relative has to be in the hover for ie - z-index stack bug
*/


/*span.dict
{
}

.dict:hover
{
	background: yellow;
}

.dict:hover p
{
	background-color: Yellow;
}

.dict span 
{
	font: normal 12px arial;
	color: black;
	cursor: pointer;
	color: Black;
}

.dict:hover span
{
	display: inline;
}

.dict span:hover
{
	color: #9b471e;
}

.dict span a {
	text-decoration: none;
	color: black;
	font: normal 12px arial;
}

.dict span a:hover 
{
	color:#9b471e;
}*/


/*
** Display a top left button when passing over
*/

/* The text-decoration:inherit fix the problem of underlying a whole paragraph inside a link. */

.dict_item, .dict_item p
{
  text-decoration: inherit;
  margin: 0px;
  padding: 0px;
}

.dict .dict_pos_rel
{
	position: relative;}

.dict:hover
{
  
	background: yellow;
	/*background-color: Yellow;*/
}

.dict:hover p, .dict:hover ul, .dict:hover ol, .dict:hover li, .dict:hover table
{
 background: yellow;
}

.dict:hover .dict_pos_rel
  {
	}

/*.dict:hover p
{
	background-color: Yellow;
}*/


.dict .dict_menu
{
z-index: 50;
	display: none;
	background: white;
	position: absolute;
	width:150px;
	height: 18px;
	top: -18px;
	left: 0px;
	border: solid 1px #9a8471;

	text-align: left;
	font: normal 12px arial;
	color: black;
}

.dict:hover .dict_menu  
{
	display: block;
}

.dict .dict_link
{
z-index:40;
	position: absolute;
		display: none;
	width:180px;
	height: 25px;
	bottom:0px;	left: 0px;
}

	.dict:hover .dict_link
{
 display: block;
}

.dict div span
{
	cursor: pointer;
	color: Black;
}

.dict div span:hover
{
	color: #9b471e;
}

.dict div a {
	text-decoration: none;
	color: black;
	font: normal 12px arial;
}

.dict div a:hover 
{
	color:#9b471e;
}



/*-----------------------------------------------
   Style items for navigation menues
  -----------------------------------------------*/

#menu 
{
 position: relative;
 width: 819px;
 margin-top: 20px;
 height: 24px;
 margin-left: 18px;
 margin-right: auto;
 background: transparent;
 /*text-align: left; *//* for IE */
}



#right_menu_gradient {
 background: url("graphics/navbar_right.jpg");
 height: 23px;
 width: 5px;
 float: right;
}

/* Only for IE/win 6.0 and lower \*/

* html #right_menu_gradient 
{
 margin: 0 0 0 -3px;
}

/* End of Only for IE/win */	

#left_menu_gradient {
 background: url("graphics/navbar_left.jpg");
 height: 23px;
 width: 7px;
 float: left;
}

/* Only for IE/win 6.0 and lower \*/

* html #left_menu_gradient {
 position: relative;
 left: 3px;
}

/* End of Only for IE/win */	


#top_menu_gradient {
 background: url("graphics/navbar_top.jpg") repeat-x;
 height: 4px;
}

#menu_gradient {
 background: url("images/menu_gradient.jpg") repeat-x;
 height: 15px;
 text-align: center;
}

#bottom_menu_gradient {
 background: url("graphics/navbar_bottom.jpg") repeat-x;
 height: 4px;
}


#menu_content 
{
	margin: 0px auto;
	/* width: 607px; */
	width: 727px;
	padding-left: 30px;
}

.menu_sep, .menu_button
{
	display: block;
	float:left;
	height: 15px;
	vertical-align: top;
}

.menu_button 
{
 /* font: 10px arial; */
 font: 11px verdana;
 font-weight: bold;
 /* color: #E9E9E9; */
 color: #FFFFFF;
 /* width: 100px; */
 width: 115px;
 position: relative;
 }
 
 .menu_button a 
 {
	color: #E9E9E9;
	text-decoration: none;
 }

.menu_button:hover 
{
	background: url(images/menu_highlight.jpg) repeat-x;
}

.menu_button#active_nav 
{
	background: url(images/menu_highlight.jpg) repeat-x;
}

#menu #menu_content .menu_button:hover ul
{
	display: block;
}

#menu #menu_content .menu_button .menu_select, #menu #menu_content .menu_button ul
{
	z-index: 1000;
	margin: 0px;
	padding: 5px 5px 10px 5px;
	display: none;
	position: absolute;
	top: 15px;
	left: -1px;
	/* min-width: 150px; */
	min-width: 175px;
	w\idth: 175px; /* only for ie <= 6 */
	border: solid 1px #9a8471;
	background: url("images/transparent.png") transparent; /* cecece ~ 86,7% */
	text-align: left;
	list-style: none;
}

.menu_button li a {
	color: #000000;
	font-weight: normal;
	line-height: 18px;
}

/* Only for IE/win 6.0 and lower \*/

* html #menu #menu_content .menu_button .menu_select, * html #menu #menu_content .menu_button ul
{
  background: #cecece;
  filter: alpha(opacity=87);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
  opacity: 0.87;
}

/* End of Only for IE/win */

#menu #menu_content .menu_button ul a 
{
	/* color:#5E5E5E; */
	color:#272727;
}

#menu #menu_content .menu_button ul a:hover
{
	color:#9b471e;
}



/*-----------------------------------------------
   Style items for general page content
  -----------------------------------------------*/
#content 
{
	font-size: 12px;
	text-align: left;
	/* padding-right: 50px; */
	padding-right: 72px;
	padding-bottom: 30px;
	/* padding-left: 50px; */
	padding-left: 74px;
}

#content #home
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	text-align: center; /*For ie <= 6 */
	width: 650px;
	height: 300px;
}
#content img.photo
{
	border: solid 1px #4e4e4e;
}

/*-----------------------------------------------
   Style items for left side menu pages
   **		lines color #595858
  -----------------------------------------------*/

#content ul#left_menu
{
  z-index: 1000;
	width:128px;
	list-style: none;
	float: left;
	/* margin-left: 0px; */
	margin-left: 2px;
	padding-left: 0px;
	margin-right: 30px;
	margin-bottom: 50px;
}

#content ul#left_menu li
{
	background: url("images/left_menu_button.jpg") no-repeat;
	font-size: 11px;
	/* color: #7c7676; */
	/* border-bottom: solid 2px #595858; */
    color: #4e3518;
    border-bottom: solid 2px #4e3518;
	height: 18px;
	padding-left: 28px;
	padding-top: 5px;
}

#content ul#left_menu li a
{
	/* color: #7c7676; */
    color: #4e3518;
	text-decoration: none;
}

#content ul#left_menu li#top
{
	height:0;
	background: none;
}

#content ul#left_menu li#divider {
	background: none;
	font-weight: bold;
	padding-top: 18px;
	padding-left: 0px;
	/* color: #666666; */
    color: #4e3518;
}

/*-----------------------------------------------
   Style items for centered content pages
  -----------------------------------------------*/

.content_center, .content_center_art
{
	/* margin-left: 114px; */
	margin-left: 0px;
	/* width:550px; */
	width:623px;
	/* padding: 0px 5px 0px 5px; */
	padding: 0px 35px 0px 35px;
}	

.content_center
{
	/* border-left: solid 1px #cbcbcb; */
	/* border-right: solid 1px #cbcbcb; */

}


/*-----------------------------------------------
   Photos captions
  -----------------------------------------------*/

div.thumb {
  margin-bottom: 1em;
 width: auto;
}

div.thumbinner {
 border: 1px solid #ccc;
 padding: 3px;
 background-color: #f9f9f9;
 font-size: 94%;
 text-align: center;
 /* overflow: hidden;*/
}

div.thumbinner img {
 border: 1px solid #ccc;
}

html .thumbcaption {
 border: none;
 text-align: left;
 line-height: 1.4em;
 padding: 3px;
 font-size: 94%;
}

.float_right, .right {
 float: right;
 clear: right;
 margin-left: 1em;
}

.float_left, .left {
 float: left;
 clear: left;
 margin-right: 1em;
}

.float_mleft {
 float: left;
 margin-right: 1em;
}

.mandir_gallery {
 border: 1px solid #ccc;
 background-color: #f9f9f9;
 margin-bottom:20px;
 clear:both;
}

.mandir_gallery td {
border-width:0px
  padding:0;
margin:3px;
}

.mandir_gallery img {
  margin-right:0px;
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin:0;
 border: 1px solid #ccc;
 /*display: inline;*/
  vertical-align: bottom;
}

div.mandir_gallery_hori {
 border: 1px solid #ccc;
 background-color: #f9f9f9;
 padding-bottom:3px;
 clear:both;
}

.mandir_gallery_hori img {
  margin-left: 3px;
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 0px;
  padding-bottom: 0px;
 border: 1px solid #ccc;
 display: block;
}

/*-----------------------------------------------
   Slideshows
  -----------------------------------------------*/

.slideshow
{
 height:640px;
 width:515px;
 margin:auto;
}


/*-----------------------------------------------
   Videos
  -----------------------------------------------*/

#video_desc p 
{
  text-align:left;
 font: x-small sans-serif;
  font-size: 100%;
}

#video_desc h3
{
  padding-top:0px;
  margin-top:0px;
}

#video_list
{
 font: x-small sans-serif;
}

#video_list a
{
  text-decoration: none;
}

#video_list img
{
 border: 1px solid #807f7f;
 text-decoration: none;
}



.unicode
{
  font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic", "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Lucida Grande", "Free Sans", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode";
}