/**************************************************************************
** Tanimoto Dharma Designs style sheet
**
** Created 2009/10/31 by Miranda Hawarden-Ogata
** based on design by Erynn Tanimoto and Jerry Sasaki
**
** All modifications should be documented here:
** uploaded to www.tanimotodharmadesigns.com on 2009/10/31
**
**************************************************************************/

/*-------------------------------------------------------------------------
** The body declaration controls the display of the background for all pages
*/
body {
	scrollbar-arrow-color: #E42020;
	scrollbar-face-color: #555555;
	scrollbar-darkshadow-color: #333333;
	scrollbar-highlight-color: #555555;
	scrollbar-shadow-color: #555555;
	scrollbar-track-color: #373737;
	scrollbar-3dlight-color: #333333;
	background-image: url(../images/background.gif);
	/* background-color: #2c342d; */
	background-color: #2c342d;
	background-attachment: fixed;
	background-position: center 50%;
	background-repeat: repeat-y;
	cursor: arrow;
}

/*-------------------------------------------------------------------------
** The div.header declaration controls the positioning of the header image
** on all pages. z-index = -100 means that this is the lowest element in
** the element stack and will be behind all elements having a higher index
*/
div.header {
	z-index: -100;
	background-color: transparent;
	height: 252px;
	width: 783px;
	position: absolute;
	margin-left: -390px;
	left: 50%;
}

/*-------------------------------------------------------------------------
** The table.mainTable declaration controls the position of the main table
** for all pages. The left side of the table is the menu, the right side
** contains the individual page contents.
*/
table.mainTable {
	z-index: 0;
	width: 783px;
	position: absolute;
	top: 160px;
	margin-left: -390px;
	left: 50%;
}

/*-------------------------------------------------------------------------
** The td declaration controls table row text
*/
td {
	font-family: times new roman;
	font-size: 14px;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

/*-------------------------------------------------------------------------
** The td.menu declaration controls the size of the menu area and includes 
** the grey divider. The padding-top option controls the space at the top 
** of the left page menu. The height brings the top of the menu to just 
** below the logo
*/
td.menu {
	padding-top: 100px;
	height: 100%;
	width: 215px;
	border-right: #c0c0c0 1px solid;
}

/*-------------------------------------------------------------------------
** The td.pagebody declaration controls the position of the text in the body area
*/
td.pagebody {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 5px; 
	/* padding-bottom: 10px; */
}

/*-------------------------------------------------------------------------
** The td.pagebody declaration controls the position of the text in the body area
*/
td.ship {
	font-family: times new roman;
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
}

/*-------------------------------------------------------------------------
** The a.links declaration controls the behavior of the menu links
*/
a.links {
	background-color: #353535;
	color: #ffffff;
	width: 180px;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right:7px;
	margin-bottom: .5px;
	font-family: small fonts;
	font-size: 7px;
	font-weight: normal;
	letter-spacing: 1pt;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

/*-------------------------------------------------------------------------
** The a.links:hover declaration controls the behavior of the menu links
** when the mouse is hovered over the text
*/
a.links:hover {
	display: block;
	width: 160px;
	text-align: right;
	border-left: #d00202 20px solid;
	background-color: #444444;
	color: #ffffff;
	cursor: crosshair;
}

/*-------------------------------------------------------------------------
** The h1 declaration controls the look of the menu headers
*/
h1 {
	font-family: goudy old style;
	font-size: 12px;
	line-height: 12px;
	color: #000000;
	letter-spacing: 2pt!important;
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #d00202;
	width: 100%;
	text-align: center;
}

/*-------------------------------------------------------------------------
** The h2 declarations control the look of the body headers
*/
h2 {
	background-color: transparent;
	color: #000000;
	font-family: times new roman;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	text-decoration: none;
	margin-bottom: 0px !important;
	letter-spacing: 0pt !important;
}

h2:first-letter {
	color: #d00202;
	font-family: mistral;
	font-size: 45px;
	font-weight: bold;
	line-height: 48px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
}

h3 {
	background-color: transparent;
	color: #000000;
	font-family: times new roman;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	text-decoration: none;
	margin-bottom: 0px !important;
	letter-spacing: 0pt !important;
}

h3:first-letter {
	color: #d00202;
	font-family: mistral;
	font-size: 45px;
	font-weight: bold;
	line-height: 48px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 0px;
	padding-top: 3px;
}

h4 {
	background-color: transparent;
	color: #000000;
	font-family: times new roman;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
	margin-bottom: 0px !important;
	letter-spacing: 0pt !important;
}

h4:first-letter {
	color: #d00202;
	font-family: mistral;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 0px;
	padding-top: 2px;
}

/*-------------------------------------------------------------------------
** The b declaration controls bolded text
*/
b {
	line-height: 12px;
	font-family: times new roman;
	letter-spacing: 0pt;
	color: #222222;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

/*-------------------------------------------------------------------------
** The p declaration controls paragraph text
*/
p {
	font-family: times new roman;
	font-size: 14px;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

/*-------------------------------------------------------------------------*/