/* Dragonfly Garden Styles */

/* -- Global, Site-wide -- */
body {
	color: #333333; /* font color -- was #2E3896 -dark blue fonts  */
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF; /* site background color */
}
body, table, #subCrumbs, #botNav, .fontFam, .textFont {
	font-family: Georgia, "Times New Roman", Times, serif;
}
table {
	font-family: inherit;
	font-size: inherit;
}
table#main { /* first, outside table, holds everything */
	margin-bottom: 100px;
	padding-left: 0px;
	padding-right: 0px;
	width: 880px;  /* Page width */
}
table#content, .textFont { /* inner 3 column table of content */
	font-size: .75em; /*	border: 2px solid #E8E397; /* ?? */
}
table#content td { /* the cells, only, of the 3 column content table */
	vertical-align: top; /* puts cell contents at the top of the 3 columns */
	padding: 0px 5px 0px 10px;
}
img { /* all images' defaults */
	text-decoration: none; /* even if it is made a link, do not try to "decorate" */
	border: 1px solid #338c49; /* give all images (except those defined w/0 border, further below) a thin, colored border, by default */
	margin: 4px 10px; /* default margin for images */
	padding: 0px;
}
/* NO border on these items */
#dmbif, #dmbjs, #menuAnchor, #subhead, #masthead, img#TpLt, img#TpRt, img#BtLt, img#BtRt,
.navTable img, .imgNoBorder, .imgNoBorderCtr {
	border: 0px;
}
/* Entry Page elements -- no border nor margins */
/* #the_dragonfly_garden, #garden1, #the_garden, #garden2, #events, #photos, #eshop, #insights, #learn_how, #sacred_space,
#upper_lt, #upper_rt, #bottom_lt, #bottm_rt, */
#entryTable td, #entryTable img  {
	border: 0px !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}
#entryTable {
	margin-top: 25px;
}
#masthead { /* the main masthead image */
	margin: 0px 0px 85px 0px; /* sets the distance between the the top (masthead, etc) and the rest */
}
#subhead { /* the subhead images */
	margin: 0px 0px 0px -14px; /* aligning the subhead image slightly to the left */
}
#botNav { /* bottom navigation settings */
	FONT-SIZE: 0.7em;
	text-align: center;
	margin: 20px 0px 0px 20px;
}

/* text links */
a:link, a:visited { /* text links, even those visited */
	text-decoration: none; /* no underlining */
	color: #E60067; /* Link color = Red */
/*	color: #86811E; */
}
a:hover { /* when the mouse goes over a text link */
	text-decoration: none; /* no underlining, even if mouse-over */
	color: #338C49 !important; /* When mooused-over, links become Green, same as regular text */
}
a:active { /* immediately after a link is clicked, until the next page appears */
	text-decoration: underline; /* add the underline until the page appears */
	color: #FF0000; /* the link turns full red */
}
/* end text links */

/* contact form looks like this */
table#contact { /* the table for the contact form */
	margin-bottom: 10px;
	font-size: 1em;
	padding-left: 0px;
	padding-right: 0px;
}
input, textarea { /* areas where the user types stuff */
	color: #083C0F; /* default font color, same as regular color */
	background-color: #FBFBF0; /* default background color, same as regular */
	font-size: .9em;
}
input:focus, textarea:focus { /* the specific place where the user is typing */
	background-color: #ffffff;
	color: #000000;
	font-size: .9em;
}
/* end forms */


/* cells of table#content */
.leftCol { /* the left cell of the 3 columns */
	width: 150px;
}
/* .midCol {
	width: 500px;
} */
.rightCol { /* the right cell of the 3 columns */
	width: 90px;
}
/* end cells for table#content */
/* -- end site-wide -- */


/* -- Specific items -- */

/* Left (or Right) Nav Table */
.navTable { /* little table for optional vertical nav */
/*	width: 100%; */
	float: left; /* putting the text nav table next to the leaf table */
}
.navTableLeaf {
	float: right; /* putting the leaf on the right side of the cell */
	width: 16px !important;
}
/* .navTable img,  */
.navTable td, .navTableLeaf td { /* the cells within the vertical nav */
	padding: 0px 0px 0px 0px !important; /* overriding the padding settings of other tables */
	border: 0px !important;
	white-space: nowrap;
	height: 22px;
}
.navTable img { /* the leaf in the simple vertical nav */
	margin: 0px 5px 0px 0px !important; /* positioning the leaf in the table */
}
.navTableLeaf img { /* the leaf in the complex vertical nav */
	margin: 4px 0px 0px 0px !important; /* positioning the leaf in the table */
	border: 0px !important;
}
.navTableLeaf td { /* the leaf in vertical nav */
	margin: 0px 0px 0px 0px !important;
}
.noMarginsNoPadding {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}
/* end Left Nav Table */

/* setting the text links to match the main nav colors */
.linkGarden {
	color: #E60067 !important;
}
.linkPhotos {
	color: #00D0F4 !important;
}
.linkInsights {
	color: #2800E6 !important;
}
.linkSacred {
	color: #A000E4 !important;
}
.linkEvents {
	color: #FE7ADA !important;
}
.linkeShop {
	color: #FF7928 !important;
}
.linkLearn {
	color: #FF0000 !important;
}
/* end setting nav colors */

/* Size of Caption "block" and distance of everything below captions as well as captions' left alignment */
h1 { /* the Captions */
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	margin: 0px 150px 28px 75px;
}
.imgLt {
/*	display: inline; */
	float: left;
	margin: 0px 12px 4px 0px;
	padding: 0px;
}
.imgRt {
/*	display: inline; */
	right: 0px;
	float: right;
	margin: 0px 0px 4px 12px;
	padding: 0px;
}
.imgMargin { /* some images may have these margins and set to inline */
	display: inline;
	margin: 4px 10px;
	padding: 0px;
}
.imgNoBorderCtr { /* some images may have no margins and centered */
	text-align: center;
}
.outsideBorder { /* Black medium border */
	border: 2px solid #000000;
	outline: #000000 solid 4px;
}
.border { /* Green thin border */
	border: 1px solid #669966; /* #338c49 ??? */
}
.blockLt { /* block elements set to be block level and left-justified */
	display: block;
	float: left;
	width: 100%;
}
.blockRt { /* block elements set to be block level and right-justified */
	display: block;
	float: right;
	width: 100%;
}
.boldText, .italicBold {
	font-weight: bold;
}
.italicFont, .italicBold {
	font-style: italic;
}
.left {
	text-align: left;
}	
.center {
	text-align: center;
}
.right, .smallRt {
	text-align: right;
	right: 0px;
}
.smallText, .smallRt {
	FONT-SIZE: 0.75em;
}
/* end specific */
/* end all CSS that we use */


/* Unused */
/* for the old dragonflies */
img#TpLt, img#TpRt, img#BtLt, img#BtRt {
	display: inline;
}
img#TpLt, img#TpRt {
	margin: 18px 0px 8px 45px;
	padding: -13px;
}
img#BtLt, img#BtRt {
	margin: 8px 0px 0px 45px;
	padding: -20px;
}
img#TpLt, img#BtLt {
	float: left;
}
img#TpRt, img#BtRt {
	float: right;
}
/* end dragonflies */

/* 
#breadCrumbs {
	FONT-SIZE: 0.9em;
	text-align: right;
	padding-right: 20px;	
}
h2 {
	font-size: 1.8em;
	font-weight: lighter; 
	text-align: center;
	margin: 0px 0px 3px 0px;
	background-color: Green;
}
h3 {
  font-size: 1.3em;
  font-weight: lighter; 
	text-align: center;
	padding: .2em 0em .4em 0em;
	margin: .2em 0em .4em 0em;
}
h4 {
	font-size: .9em;
	padding: 0px;
	margin: 0px;
}
h5 {
  font-size: 1.05em;
	text-align: left;
	padding: .5em 0em .6em 1em;
	margin: .5em 0em .6em 1em;
}
.moveUp {
	padding-top: -30px;
	margin-top: -30px;
	float: none;
}
/* Light Gold body BG 
.bgLight {
	background-color: #F7F8D3;
}
/* test for replacing 3 col table w/divs 
#leftCol {
	width: 150px;
}
#midCol {
	width: 500px;
}
#rightCol {
	width: 150px;
}
#totalCols {
	width: 880px;
	display: block;
}

/* Inner "Rings" -- Saving 
/* div#outerMain {
	display: block;
	margin: 48px 10px 0px 10px;
	padding: 4px 0px 0px 0px;
}
div#darkMain {
	display: block;
	padding: 12px 10px 10px 10px;
	margin: 0px 40px 0px 40px;
	background-color: #FFFFFF; 
}
#innerMain {
	display: block;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#barMain {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
}
div#contentMain {
	padding: 0px 10px 10px 10px;
} 
/* end inner rings

*/