/* CSS Document */
/* 'home' styles in home_css.css */
/* 'blog' styles in blog_css.css */

/* Style Guide. CMH 6/07.
borders: #918879 (brown)
text: 10pt Arial #4E3D35 (dark brown)
links: #005099 (blue), visited: #774199 (purple), hover: #CC3333 (red)
background: #FFFFFF (white)
background tint: #FBF2E3 (light brown)
width of content: 60em
ideal width/height ratio: 5:3 (golden rectangle)
*/

/* for handhelds 
* { max-width:100%; }
*/
body {
	margin:20px;
	//background:#663333 url('images/background.gif'); /* add fade effect? PNG alpha transparency? */
	background: #993333 url('images/background.gif');
	text-align:center;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:10pt;
	color:#4E3D35;
}
body.contentpane { /* used in pop-up windows, where only content is displayed. Print, Email. */
	background:#FFF none;
	text-align:left;
	font-family:Georgia, serif;
	font-size:10pt;
	color:#000000;
	margin:1.5em;
}
a { color:#005099; text-decoration:none; }
#body_inner a:visited { color:#774199; } /* not header, footer, breadcrumbs */
a:hover, #body_inner a:hover { color:#CC3333; }
a:active, #body_inner a:active { color:#FFCC33; }
form {
  padding:0; margin:0;
}

/* text styles */
input, select, textarea { color: #4E3D35; }
h1, h2, h3, h4, h5, h6 {
	padding:0; margin:0;
	line-height:1.1em;
	font-family:Georgia, serif;
}
h1, .contentheading { /* article titles. Originally div#content h1 */
	font-size:16pt;
	font-weight:normal;
	/* width:15em; */
	margin-top:1em;
	margin-bottom:.25em;
	margin-right:-.15em; /* help IE bug */
	/* letter-spacing:-.05em; */
}
h1.static { /* class added to static content heading. Treat like h2. */
	font-size:15pt;
	margin:0 0 1em 0;
	/* text-transform:uppercase; */
}
h1.store { /* class added to store content heading */
	margin-top:0;
}
h2, .componentheading { /* h2 = component headings, but joomla might slip by a div.componentheading */
	font-size:15pt;
	font-weight:normal;
	margin-bottom:1em;
	/* text-transform:uppercase; */
}
h3 { /* titles of local nav and related boxes. Originally div#nav_local h3, div#related h3 */
	/* font-weight:normal; */
	font-size:12pt;
	margin-bottom:.5em;
}
h4 { /* article sub-headings. Originally div#content h4 */
	font-size:1.2em;
	margin-top:1.5em;
	margin-bottom:1em;
}
h5 { /* author/date. Originally div#content h5 */
	font-size:1em;
	font-style:italic;
	font-weight:normal;
	margin-bottom:2em;
}
h6 { /* notes headings, endnotes. Originally div#endnotes h6 */
	font-size:80%;
	margin-bottom:1em;
}
p {
	line-height:1.3em;
	margin:0 0 1em 0;
}
div#nav_local p { /* headings of links */
	/* font-weight:normal; */
	margin-bottom:1px;
}
ul, ol, dl, blockquote {
	margin-left:0; padding-left:0; /* neutralize */
	margin-left:2em;
}
dt {
	/* display:compact; /* if title is shorter than margin (unlikely), dd will fill-in space */
	font-size:1.2em;
	/* font-weight:bold; */
}
dd {
	margin:0 0 1em 1.6em;
	font-family:Arial, sans-serif;
	font-size:100%;
}
li {
	margin-bottom: .25em;
}
div#nav_local ul, div#related ul, table#buckets ul { /* local nav lists and related lists, highlights on home page */
	list-style: none;
	margin: 0 0 0 .7em;
	padding: 0;
	text-indent: -.8em; /* approx. size of » character */
}
#content table {
	border-collapse:collapse;
	/* margin:1em 0; */
	margin:.5em 0;
}
#content table.category {
	margin:1em 0;
}
#content th, td {
	text-align:left;
	padding:.3em;
	font-family:Arial, sans-serif;
	font-size:10pt;
}
#content th {
	border-bottom:1px solid #918879;
	vertical-align:bottom;
}
#content td {
	/* border:1px solid #E1D8C9; */
	vertical-align:top;
}
#content table.category td {
	border:1px solid #E1D8C9;
}
#content ul {
	line-height:1.3em;
}
hr {
	border:0 none;
	height:1px;
	color:#918879;
	background:#918879;
}
/* For conferences (or other non-Gender Blog blog displays)
Will be overridden for Gender Blog in blog_css.css */
div.blog hr { /* separator */
	margin:1em 0;
}
div.blog h1 { /* title */
	margin-top:0;
	font-size:13pt;
}
div.blog div#introtext {
	font-size:10pt;
	font-family:Georgia, serif;
}
div.blog span a.readon {

}
div.blog span.article_separator {
	display:none;
}

div#archive_select { /* date select menu for archives (blog) */
	margin-bottom:2em;
	text-align:right;
}

/* end of text styles */

div#frame_outer {
	min-width: 700px; /* putting some limitations on liquid design. Doesn't work for IE. */
	max-width: 1100px; /* or 100%? */
	width: 62em; /* total width. In em to adjust with font size. */
	/* width:778px; original design */
	border:1px solid #4E3D35;
	margin:0 auto; /* originally: margin: 0 -1px, this is a border with marginal compensation to stop scroll bars */
	background:white;
	text-align:left;
}
div#frame_inner {
/*	width:758px; original design */
	margin:9px;
	border:1px solid #918879;
}

/* HEADER */
div#header_outer {
	width: 100%; position: relative; z-index: 15; /* main code */
	background: url('images/background_header_fade.jpg') repeat-x top;
}
div#header_inner {
	position:relative;
	width:100%;
	height:165px;
	border-bottom:1px solid #918879;
	background: url('images/background_header.gif');
}
div#header_inner img#tcbc_title {
	position:absolute;
	top:0; left:0;
}
div#header_inner img#tcbc_byline {
	position:absolute;
	top:55px; right:0;
}
div#nav_utility {
	position:absolute;
	top:0px; right:0px;
}
div#nav_utility div.mainlevel { /* class supplied by joomla */
	float:left;
	padding:1px 7px;
	border-left:1px solid #918879;
	font-size:80%;
	/* text-transform:uppercase; */
}
div#nav_utility div.mainlevel:first-child {
	border-left:0 none;
}
div#nav_utility a.mainlevel {
	display:block;
}
div#nav_global {
	position:absolute;
	top:125px;
	width:100%;
	border-top:1px solid #918879;
	border-bottom:1px solid #918879;
	background:#C0AC91 url('images/background_nav_global.jpg') repeat-x 50%; /* 50% to help IE display right */
}
div#nav_global div.search { 
	position:absolute;
	top:0; right:0;
}
div#nav_global div.search input {
	font-size:80%;
	font-family:Arial, sans-serif;
	vertical-align:middle;
	margin:1px;
}
div#nav_global div.search input.box {
	border-top:2px solid #666666;
  border-left:2px solid #666666;
  border-right:2px solid #CCCCCC;
  border-bottom:2px solid #CCCCCC;
  padding:.1em .3em;
}
div#nav_global div.search input.button {
	background:maroon;
  color:white;
  font-weight:bold;
  text-transform:uppercase;
  padding:0 .2em;
	margin-right:6px;
}
/* END HEADER */

div#breadcrumbs {
	position: relative; z-index: 14; /* main code. Originally: width:100% */
	padding:6px 8px;
	font-size:100%;
	border-bottom:1px solid #918879;
}

/* BODY (three columns: local nav, main content, related resources) */
div#body_outer {
	width: auto; border-left-style: solid; border-right-style: solid; /* main code */
	border-left-width: 12em;  /* left column width */
	border-left-color: #FBF2E3;   /* left column color */
	border-right-width: 12em; /* right column width */
	border-right-color: #FFF;  /* right column color */
	background-color: #FFF; /* center column color */
}
div#body_inner {
	margin: 0; width: 100%; /* main code */
	border-right:1px solid #918879;
	border-left:1px solid #918879;
/*	border-top:2px solid #FFCC33;
	border-bottom:2px solid #FFCC33; */
}
/* left column */
div#nav_local_outer {
	float: left; position: relative; z-index: 10; /* main code */
	width: 12em;              /* left column width */
	margin-left: -12em;       /* _negative_ left column width */
	/* margin-right: 1px; original */
	left:-1px; /* to accommodate 1 pixel border on body_inner */
	/* background: url('images/background_nav_local_fade.jpg') repeat-x top; */
}
div#nav_local {
	padding-top:.5em;
	/* background: url('images/background_nav_local.gif'); */
}
div#nav_local div.moduletable {
	padding:.75em;
	/* border-bottom:1px solid #918879; */
	font-size:9pt;
}
div#nav_local div.moduletable:first-child { /* not IE 6 */
	padding-bottom:1.25em;
}

/* CONTENT. center column */
div#content_outer {
	float: left; width: 100%; position: relative; z-index: 12; /* main code */
}
div#content { /* content inner */
	position:relative;
	padding:1.5em;
	text-align:left;
	border-top:2px solid #FFCC33;
/*	border-bottom:2px solid #FFCC33; */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
}
div#content_tools { /* contains content buttons */
	position:absolute;
	top:0px; right:0px;
}
div#content_tools_alt { /* contains content buttons in alternate location (bottom of content) */
	/* Can be positioned opposite content tools.
	position:absolute;
	bottom:-1px; right:0px; */ /* -1 to allow for border OR mozilla code below */
	margin-top:3em; /* to pad bottom of article away */
}
div#content_tools span, div#content_tools_alt span { /* PDF, Print, Email buttons */
	float:left;
	padding:2px .6em 1px;
	border-left:1px solid #918879;
	font-family:Arial, sans-serif;
	font-size:80%;
	/* text-transform:uppercase; */
}
div#content_tools_alt span {
	padding:0px .6em 0px; /* was 1px 6px 2px when absolutely positioned */
}
div#content_tools span a {
	display:block;
}
div#content_tools span.content_tools_title, div#content_tools_alt span.content_tools_title { /* "Tools:" */
	border-left:0 none;
	padding-left:0;
	font-weight:bold;
}

div#text {
	/* margin-top:1em; */
}
div#endnotes hr { /* ending articles, preceding endnotes */
	margin-top:2em;
}
div#endnotes p, .notes, div#introtext { /* div#introtext now automatically being added to introtext */
	font-family:Verdana, Arial, serif;
	font-size:80%;
}
div#introtext { /* in addition to above for introtext */
	/* margin-top:1em; */
	margin-bottom:2em;
	line-height:1.3em;
}
div.contentdescription { /* like introtext, but on category/section pages? */
	margin-top:1em;
	margin-bottom:0em;
	line-height:1.3em;
}

/* End CONTENT */

/* right column */
div#related {
	float: left; position: relative; z-index: 11; /* main code */
	width: 12em;              /* right column width */
	margin-right: -12em;      /* _negative_ right column width */
	/* margin-left: 1px; */
	/* right:-1px; to accommodate 1 pixel border on body_inner */
	border-top:2px solid #FFCC33;
	padding-top:.5em;
	/* background:url('images/background_related.jpg') repeat-x top; */

}
div#related div.moduletable {
	padding:.75em;
	border-bottom:1px solid #918879;
	font-size:9pt;
}
div#related div.moduletable:first-child { /* not IE 6 */
	padding-bottom:1.25em;
}
/* END BODY */

/* FOOTER */
div#footer_outer {
	margin:9px;
}
div#footer_inner {
	position:relative; width:100%; z-index:13; /* main code */
	font-size:80%;
	text-align:left;
}
div#nav_global_alt {
	padding-bottom:4px;
}
div#nav_global_alt div.mainlevel { /* class supplied by joomla */
	float:left;
	padding:0px 5px;
	border-left:1px solid #918879;
}
div#nav_global_alt div.mainlevel:first-child {
	border-left:0 none;
}
div#nav_global_alt a.mainlevel {
	display:block;
}
div#low_styles {
	float:right; /* within nav_global_alt */
	padding-right:5px;
	font-size:10pt;
}
div#copyright {
	padding:3px;
	border:1px solid #918879;
	background:#C0A785;
}
div#nav_utility_alt {
	float:right; /* within copyright */
	position:relative; /* needed for IE */
}
div#nav_utility_alt div.mainlevel { /* class supplied by joomla */
	float:left;
	padding:0px 5px;
	border-left:1px solid #918879;
}
div#nav_utility_alt div.mainlevel:first-child {
	border-left:0 none;
}
div#nav_utility_alt a.mainlevel {
	display:block;
}
/* END FOOTER */

/* MISC */
.if_no_style { display:none; } /* will display if styles are disabled */ 
.clear { clear: both; } /* used to clear column display. Do not delete. */

img { /* allow then deny. Borders added to all images by default, turn off on some, below */
	border:1px solid #918879;
	margin:.25em .5em;
	padding:1px;
}
body#home img, div#header_outer img, div#nav_global img, div#breadcrumbs img, div#footer img, div#nav_local img, div#related img { 
/* all but #content. Used so styles below will show up in Joomla Image manager */
	margin:0px;
	padding:0px;
	border:0px none;
}
img[src="images/dingbat.gif"] {
	margin:.25em;
	border:0px none;
}
img.alone {
	padding:0px;
	margin:0px;
	border:0px none;
}
img.no_border {
	border:0px none;
}
img.book_cover {
	float:right;
	margin:0 0 .5em 1em;
	border:1px solid #4E3D35;
}
img.category {
	float:left;
	margin:.1em 1em .5em 0;
}
div.mosimage div.mosimage_caption {
	width:100%;
	text-align:center;
	font-size:8pt;
	font-family:Arial, sans-serif;
	color:#908880;
}
img.pull {
	margin:.5em 1em;
	padding:1px;
	border:1px solid #4E3D35;
}
.right {
	float:right;
	margin-right:0em;
}
.left {
	float:left;
	margin-left:0em;
}
.top {
	vertical-align:top;
	margin-top:0em;
}

table.rows tr {
	border-bottom:1px solid #E1D8C9;
}
div.separator { /* separator/placeholder in menus */
	font-family:Georgia, serif;
	font-weight:bold;
	margin-top:1.25em;
	margin-bottom:.25em;
}
.small {
	font-size:8pt;
	font-family:Arial, sans-serif;
}
.detail {
	font-size:8pt;
	color:#908880;
	font-family:Arial, sans-serif;
}
.highlight { /* in search results */
	background:#FFFF66;
}
div.feedback { /* blog feedback link */
	margin-top:1.5em;
	font-family:Arial, Helvetica, sans-serif;
}

/* Feed links */
div#syndicate div.feed  {
	margin: .25em .5em;
}
div#syndicate div.feed a {
	border: #930 1px solid;
	display:block;
	width:9em;
	color:#FFF;
	border-top-color:	#f93;
	border-left-color: #f93;
	padding: .1em .25em .1em 24px;
	background: #C60 url('images/icon_rss.gif') no-repeat 3px center;
	font-family:Arial, sans-serif;
	font-size:8pt;
}
div#syndicate div.feed a:hover {
	color:#FFF;
	background-color:	#a40;
	border: #710 1px solid;
	border-top-color:	#d72;
	border-left-color:	#d72;
	background-image: url('images/icon_rss.over.gif');
}
div#syndicate div.feed a:visited {
	color:#FFF;
}
	
/* Store */
#content table.product {
	border-collapse:collapse;
	margin:0;
}
#content table.product td {
	border:0 none;
	vertical-align:top;
}
#content table.product td.product_image {
	text-align:center;
	white-space:nowrap;
	padding:.25em 1em 0 0;
}
#content table.product td.product_image img {
	border:1px solid #4E3D35;
}

/* checkout */
fieldset {
	font-size:10pt;
	font-family:Arial, sans-serif;
	color: #4E3D35;
	margin:1em 0;
	padding:.5em;
}
fieldset legend {
	color: #4E3D35;
	font-weight:bold;
}
fieldset table {
	width:100%;
}
fieldset div {
	margin:.25em;
}
fieldset .field_label {
	float:left;
	vertical-align:middle;
	width:30%;
	padding:.25em;
	text-align:right;
	color:#918879;
}
fieldset .field_input { /* div or table cell */
	float:left;
	vertical-align:middle;
	width:60%;
	text-align:left;
}
fieldset .field_display {
	float:left;
	vertical-align:middle;
	padding:.25em;
	width:60%;
	text-align:left;
}
span.asterisk {
	font-weight:bold;
	color:#900;
}
/* End Store */

/* IE 6 PNG fix */
/* img.png { behavior: url('iepngfix.htc'); } */

/* Mozilla code */
div#body_outer > div#body_inner { border-bottom: 1px solid transparent; }

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}