/*TN - main CSS style sheet, used on all pages except for home page,  */

div.ListItem {padding-top:10px;border-top:1px dotted #d0d0d0;}
div.ListItem a {text-decoration:none;border-bottom:1px solid #688AaB;}	
div.ListItem a:hover {border-bottom:1px solid #ffffff;}
div.ListSubItem {margin-left:5px;margin-bottom:0px;}

div.content a:link { color: #000060; }
div.content ul.menu-select a:link, div.content ul.menu-select a:visited{ color:#284A6B; text-decoration:none; border-bottom:1px solid #d5d5d5; }
div.content a:visited { color: #284A6B; }
div.content a:active { color: black; }
div.content a:hover {
	color: #7E1935;
	text-decoration: underline;
}

div.container h2.htitle a:link, div.container h2.htitle a:visited, div.container h2.htitle a:active, div.container h2.htitle a:hover {
	text-decoration:none;
}

div.logo {
  position: absolute;
  top: 5px;
  right: 23px;
  width:550px;
}

html>body div.logo {
  position: static;
  margin-top: 5px;
  margin-right: 23px;
  float: right;
  width:550px;
}

head:first-child+body div.logo {
  position: absolute;
  margin: 0;
  float: none;
  width:550px;
}


h1 { 
  height: 100px; 
}
/* be nice to Opera 6 and below */ 
html>body h1 { 
  height: 57px; 
}
/* the Owen hack -- http://www.albin.net/CSS/OwenHack.html */ 
head:first-child+body h1 { 
  height: 100px;
}

h1 {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 429px;
}

h2.htitle {
	position: relative;
	z-index: 1;
	background-image: url(/images/nav/bg.sectiontitle2.gif);
	color: #79B889;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 0 0 20px;
	border-bottom: 1px solid #B9AEB1;
	font-size: 11pt;
	line-height: 11pt;
  margin-top: 6.5em;
  margin-bottom:5px;
  border-top: 1px inset #ffffff;
}

h3 {
	font-family: "Trebuchet MS";
	font-size: 18pt;
	line-height: 18pt;
	font-weight: bold;
	color: #134037;
	margin-bottom: 10px;
	border-bottom: 3px double #38CFB0;
}

h4 {
	font-size: 21px;
	line-height: 12pt;
	margin-top: 1.5em;
	margin-bottom: .5em;
	border-top: 1px solid #B9AEB1;
	color: #932439;
	text-transform: none;
	letter-spacing: 1px;
	padding: 4px 4px 4px 10px;
}


/*complementary h4 style*/

h4.complement {
	border:0;
	text-transform:none;
	background-color:#ffffff;
	font-size: 11pt;
	line-height: 12pt;
	margin-top: .3em;
	margin-bottom: .5em;
	color: #000000;
	letter-spacing: .1em;
	padding: 2px 4px 4px 10px;
	font-style:italic;
	font-weight:bold;
}

h5 {
  font-size: 10pt;
  line-height: 12pt;
  margin-top: 1.5em;
  margin-bottom: .5em;
}

div.crumbs {
  position:relative;
  padding-left:30px;
  margin-bottom:5px;
}

div.main {
  padding: 10px 20px;
}

div.contentBox { margin: 0;}

/*
div.contentBox { border: solid 1px Blue; }
div.content { border: solid 1px Yellow;}
div.main { border: solid 1px Red; }
h4 { border: solid 1px Red; }
*/

div.sidemenu {
  position: absolute;
  top: 0;
  right: 0;
  width: 170px;
  margin-top: 100px;
  z-index: 4;
}

div.menubox {
  padding: 10px 20px 10px 10px;
}

div.menubox h4 {
  font-family: Georgia, serif;
  font-size: 8pt;
  line-height: 10pt;
  text-align: right;
  margin-bottom: 8px;
  color: #807980;
}

div.menubox ul {
	font-size: 8pt;
	line-height: 10pt;
	margin: 0;
	padding: 0;
	text-align: right;
	list-style-type: none;
}

div.menubox li { padding-bottom: 8px; }

div.menubox li a { text-decoration: none; }
/*
div.menubox li a:link { color: #006652; }
div.menubox li a:visited { color: #1d7f6c; }
*/div.menubox li a:hover {
/*	color: #7E1935;*/
	text-decoration: underline;
}

blockquote.reduced{
margin:0px 0px 0px 15px;
padding:0px 0px 0px 5px;
}

div.content p, div.content ul, div.content ol, div.content dl {
  font-size: 9pt;
  line-height: 13pt;
  margin-top: 0;
  margin-bottom: 1em;
}

div.content ul, div.content ol {
  margin-left: 1em;
  padding-left: 1em;
}

div.content li {
  margin: 0 0 .25em 0;
}

div.content dt {
	margin-left:4px;
	margin-bottom: .3em;
}
div.content dd {
  margin-bottom: 1.7em;
}


ul.sectionLinks {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.sectionLinks li, ul.nav li {
  margin-bottom: .5em;
}


/*TN - June 2006 - updated with new class for left menu-select */


div.content ul.menu li, div.content ul.menu-select li, div.content ul.menu-select li ul li {
  margin-bottom: .7em;
}

div.content ul.menu-select li.indent {
text-indent:-1.5em;
}

div.content ul.menu li {
  text-align: right;
}


div.content ul.menu, div.content ul.menu-select, div.content ul.menu-select li ul {
  margin-left: 20px;
  padding-left: 0;
  list-style-type: none;
}

ul.expandable, div.content ul.menu-select li ul{
margin-top:5px;
list-style-image:url('/images/ul-subcategory.jpg'); 
}

div.content ul.menu-select li ul li {
margin-bottom: .5em;
}

h5.menu, h5.menu-select, div.content ul.menu, div.content ul.menu-select, div.content ul.menu-select ul {
  font-size: 8pt;
  line-height: 10pt;

}


h5.menu, h5.menu-select {
	color: #8C8585;
}

h5.menu-select {
text-align:left;
margin:15px;
padding:0;
margin-top:2px;
}

/*end of ul.menu classes */


div.content ul.nav2 {
	font-weight: bold;
	list-style-image: url(/images/nav/link-arrow.gif);
	text-align:left;
}

div.content ul.nav {
	font-weight: bold;
	list-style-image: url(/images/nav/link-arrow.gif);
	text-align:left;
}

div.content ul 
{
	text-align:left;
}

ul.nav a:link,
ul.nav a:visited,
ul.menu a:link,
ul.menu a:visited { text-decoration: none; }

ul.nav a:hover, ul.menu a:hover { text-decoration: underline; }

div#footer {
	margin-top: 5em;
	background-color: #ffffff;
	border-color: #BECFCB;
}



/* In-text styles */

p.citation {
	text-indent: -6mm;
	margin-left: 1em;
}

div.content p.citation {
	line-height:2em;
}

p.turabian {
	text-indent: -8mm;
	margin-left: 2.5em;
}

div.content p.turabian {
	line-height:1.5em;
}


p.apaannotation {
	margin-left: 7mm;
	position: relative; top: -3mm;
}

div.content p.apaannotation {
	line-height:2em;
}

p.annotation {
	margin-left: 1em;
}

div.content p.annotation {
	line-height:2em;
}
/* COLUMNS */
/* Three column layout */
div.threecolumns {
	position: relative;
	width: 100%;
	height: 45em;
}

html>body div.threecolumns {
  height: auto;
}

div.threecolumnsSM {
	position: relative;
	width: 100%;
	height: 35em;
}

html>body div.threecolumnsSM {
  height: auto;
}


div.threecolumnsS {
	position: relative;
	width: 100%;
	height: 25em;
}

html>body div.threecolumnsS {
  height: auto;
}


div.threecolumn-a, div.threecolumn-b, div.threecolumn-c,
div.threecolumnline-a, div.threecolumnline-b, div.threecolumnline-c {
	padding: 0 2em 3% 0;
  width: 30.5%; /* IE5/Win box model bug width */
  voice-family: "\"}\""; /* Hide subsequent styles from IE5/Win */
  voice-family: inherit; 	
	width: 27.5%;
}

html>body div.threecolumn-a, html>body div.threecolumn-b, html>body div.threecolumn-c, html>body div.threecolumnline-a, html>body div.threecolumnline-b, html>body div.threecolumnline-c {
	width: 27.5%;
}

div.threecolumn-c, div.threecolumnline-c { padding-right: 1em; }

div.threecolumn-a, div.threecolumn-b, div.threecolumn-c {
	position: relative;
	float: left;
	z-index: 1;
}

div.threecolumn-a, div.threecolumn-b {
  margin-right: 3%;
}


div.threecolumnline-a, div.threecolumnline-b, div.threecolumnline-c {
	border-right: 1px solid #C2BABC;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 0;
	height: 140%;
}

html>body div.threecolumnline-a, html>body div.threecolumnline-b, html>body div.threecolumnline-c {
	height: 95%;
}
div.threecolumnline-b {
	left: 33.5%;
}
div.threecolumnline-c {
  border-right: 0;
	left: 67%;
}



/* Two column layout */

div.twocolumns {
	position: relative;
	width: 100%;
}

/* div.twocolumnline-a, */
div.twocolumn-a {
  width: 25%;
  padding: 0 2em 3% 0;
  text-align: right;
}

/* div.twocolumnline-b, */
div.twocolumn-b {
  width: 65%;
  padding: 0 0 3% 2em;
	border-left: 1px solid #C2BABC;
}

div.twocolumn-a, div.twocolumn-b {
  position: relative;
  float: left;
  z-index: 1;
}

div.twocolumn-a {
/*  margin-right: 3%;*/
}

/*
div.twocolumnline-a, div.twocolumnline-b {
	border-right: 1px solid #B9AEB1;
	position: absolute;
	top: 2em;
	height: 95%;
}

div.twocolumnline-b {
  left: 28%;
  border-right: 0;
}
*/




/* Text columns */

div.column {
  float: left;
  width: 23em;
  margin-right: 2em;
}



