/* CSS Document */

body {position:relative;}
body,div,dl,dt,dd,ul,ol,li, h1,h2,h3,h4, pre, form, fieldset, input, p, blockquote, th,td, tr 
					{margin:0; padding:0; 
					font-family: "Helvetica", "Arial", sans-serif; 
					font-size:16px;
					color:#6f4406;
					font-weight:600;
					line-height:1.3em;}
body {
	background-color:#E0B84B;
}			
h1,h2,h3,h4,h5,h6 {font-size:100%;}
table {border-collapse: collapse; border-spacing:0;}
fieldset, img {border:0;}
a {
	text-decoration:none;
	color: #b9093b;
}

times {
font-size: 75%;
line-height: 0;
vertical-align: baseline;
position: relative;
top: -.25em;}
 
.times {
font-size: 75%;
line-height: 0;
vertical-align: baseline;
position: relative;
top: -.25em;}
 


/* &&&&&&&&&&&&&&& layout &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

#branding {position: absolute; left:0;   top:0;     width:100%; height:232px; }
#titlepic1 {position:absolute; right:190px; bottom:10px; height:80px; width:80px;}
#titlepic2 {position:absolute; right:100px; bottom:10px; height:80px; width:80px;}
#titlepic3 {position:absolute; right:10px; 	bottom:10px; height:80px; width:80px;}
#title {
	position: absolute;
	left: 260px;
	top:-3px;
	width:800px;
}

#content {
	position: absolute;
	left:240px;
	top:/*135px;*/232px; /*Made a Change Here, Not sure why it was necessary*/
	min-height:900px;
	min-width: 500px;
	padding-left:30px;
}
#content p, #content ul, #content ol, #content h1, #content h2, #content div, 
#content table , #content.problem
			{
	padding-left: 0px;
	max-width:700px;
}

/*new rules for nav-main fixes the logo and TOC on screen 5/17/10
/* OLD RULE*/
 #nav-main {position: absolute; left:0;   top:232px; width:238px; min-height:900px; padding-left:0px; }

/*#nav-main {position: fixed; left:0;   top:0px; width:238px; min-height:900px; padding-left:0px; }*/
/*#nav-main {	background-image: url(../graphics-final/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav-main h1 {margin-top:232px; !important;}
#nav-main h1 {margin-top:190px; !important;}*/

#content #nav-top {position:absolute;  right: 10px; top:5px;}
#content #nav-top ul {list-style:none; }
#content #nav-top li {display:inline; padding:0px; margin:0px;}

#nav-bottom {right:10px; bottom: 5px; }
#nav-bottom ul {list-style:none;}
#nav-bottom li {display:inline;}

#stripe {position: absolute; width:10px; height:1050px; left:-100px;}

.imgleft { float:left; padding:10px; margin:20px 20px 20px 0px;}
.imgright { float:right; padding:10px;margin:20px 0px 20px 20px;}
/*.imgcenter { float:center; padding:10px;margin:20px 0px 20px 0px;}*/
.clear { clear:both; }

#content h1 {margin-top:50px;}			
.problem h3 {margin-top:20px;}

#content .quote {
	padding:5px;
	margin:5px;
	border-top:1px solid #29732D;
	border-bottom:10px solid #29732D;
	background-color: #C5D084;
	border-bottom-color: #316A34;
}

#content .quote p {
	padding:0px;
	margin:0px;
	font-family:"Times New Roman", Times, serif;
	font-size:95%;
	font-weight:100;
	color: #29732D;
	font-style: italic;
	text-indent: 20px;
}

/* &&&&&&&&&&&&&&& typography &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
#branding h1 {font-size:150%; padding:10px; padding-top:20px;}
#branding h2 {font-size:250%; padding:10px; padding-left:100px;}
#branding img {}
#branding #logo {}



#nav-main h1 {
	font-size:180%;
	padding:50px 0px 10px 42px;
}
#nav-main ul {list-style:none;}
#nav-main li {font-size:90%; margin: 5px 0;}
#nav-main #toc a {padding-left:24px;}
#nav-main li.subhead {font-weight:bold;}
#nav-main > #toc > li.subhead  > a:link { color: #6F4406; }


#content h1  {font-size:150%; padding:20px 0px 10px 00px;}
#content h2  {font-size:140%; padding:20px 0px 10px 50px;}
#content p {				  padding: 0px 10px 10px 50px; }
#content div {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content ol, #content ul {    padding: 0px 0px 20px 90px;}
#content li              {    padding-bottom: 10px ; padding-right:100px;}



#nav-bottom li 			 { padding:5px; padding-right:0px;}
#copyright p {padding-bottom:0px;}

.intexttable    {border-width:2px; border-style:solid; margin:1em; }
.intexttable td {border-width:1px; border-style:solid; padding: 0px 10px 0px 1px;}
.intexttable th {border-width:1px; border-style:solid; padding: 5px 1px 5px 10px; text-align:left; font:1.2em bold;}

.datatable    {border-width:2px; border-style:solid; margin:1em; font-size:0.8em; }
.datatable td {border-width:1px; border-style:solid; padding: 0px 10px 0px 1px;}
.datatable th {border-width:1px; border-style:solid; padding: 5px 1px 5px 10px; text-align:left; font:1.2em bold;}
.table-head   {border-width:1px; border-style:solid; padding: 5px 1px 5px 10px; text-align:left; font:1.2em bold;}

.problem, .problemanswer {border-width:1px; border-style:solid; 
	margin: 12px auto 12px auto; padding: 4px 30px 4px 4px;}

#content p.equcen {font-weight: bold; text-align: center; }
/*.equleft {font-weight: bold; margin-left:40px; margin-right:40px;}*/
#content p.equleft {
	font-weight: bold;
	padding-top: 0px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 90px;
}

strong 		{font-weight: bold; font-style: italic;}
.ans   		{font-weight: bold; font-size: 150%;}
.right 		{font-weight: bold;}
.wrong 		{font-weight: 100;}
.replaceable, .replaceable td, .replaceable div
			{font-size: 110%;font-weight: bold; }

.footnote   {font-size: 90%;}
caption     {font-size: 80%;} 
sppname 	{font-style: italic;}

/* &&&&&&&&&&&&&&& colors &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* colors
	light and dark gold: #e7c058, #dca921    247, 208, 88
	light and dark green: 8b9742, 29732d
	brown and red: 6f4406 b9093b
	background: f8e09e                       248, 224, 160
*/
#branding {
	background-color:#EAC86C;
}
#nav-main {
	background-color:#FFA54A;
}
#nav-bottom {background-color:#f8e09e; margin-top:24px;} 
#stripe, .datatable th, .table-head{
	background-color:#A3B14E;
} /*accent color*/
strong, .strong, #content div .problem h3      {color:#b9093b !important;}

#content, .currpage {background-color:#f8e09e;}				/*background color*/
#branding h1 a, #branding h2 a, #nav-main h1     {color:#8b9742;}

#nav-top li {color:#8b9742;}

#nav-main h1, #nav-main h2 {
	color: #8b9742;
}									  
#nav-main #toc a:link, #nav-top a:link, #nav-bottom a:link        {color:#8b9742; }
                       #nav-top a:visited, #nav-bottom a:visited  {color:#8b9742; }		  
#nav-main #toc a:visited                     {color:#8a6324; background:url(check.gif) left middle; }
#nav-main #toc a:hover, #nav-main #toc a:active, 
	#nav-top a:hover, #nav-top a:active,
	#nav-bottom a:hover, #nav-bottom a:active  
									  {color:#327235; background-color: #dc5621;}
									  
#content h1, #content h2 {color: #9EAE43;}
#content h3 {color: #b9093b;}									  

.datatable tr:hover {background-color: #dca921; color: #000000;}
.datatable th, .datatable td, .table-head {border-color: #996699;}

.problem       {
	border-color: #29732d;
	border:2px;
	background: #8b9742 url(graphics/question-mark.gif) right no-repeat;
	background-color:#AFBC54;
	width: 640px;
	padding: 5px;
}
.problemanswer {border-color: #29732d; border:2px;	
			background: #8b9742 url(graphics/icon-exclamation-point.gif) right no-repeat;
			background-color:#8b9742; }
			
.equcen, .equleft {color:#29732d; }
			

.ans {color: #b9093b; }
.right 		{color: #29732d; background-color:#dca921; }
.wrong 		{color: #b9093b; background-color:#dca921;}
.replaceable{color: #b9093b;}
.highlight  {background-color: #dca921;}
.definition	{color: #29732d; }


.footnote {background-color: #dca921;}
caption {color: #29732d;}
.sppname {font-style:italic;}

#content .problem  h1, #content .problem  h2 {
	color: #b9093b;
}

/* &&&&&&&&&&&&&&& used in js interactives &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

.hidefirst {visibility:hidden; color: #c30; font-size:120%; font-weight:bold;}
.small {
	font-size:80%;
	font-weight: normal;
}

/* &&&&&&&&&&&&&&& storylines &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

.story, .fineprint {
	background: #FFFFCC;
	text-align: left;
	padding: 10px;
	border: thin dotted #FFCC99;
	float: right;
}

.storyleft {
	background: #FFFFCC;
	text-align: left;
	padding: 10px;
	border: thin dotted #FFCC99;
	float: left;
}

.story-no-float {
	background: #FFFFCC;
	text-align: left;
	padding: 10px;
	border: thin dotted #FFCC99;
}

.story p, .story-no-float p, .storyleft p, .fineprint p{
	font: 90% "Times New Roman";
	font-weight:100;
	margin-top: 5px; margin-bottom: 5px;
	text-indent: 2em;
}

.fineprint p {text-indent:0em;}



/* &&&&&&&&&&&&&&& unused? &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

.replaceChoices {display: inline;font-weight:bold;color: #B124B5;}
.flat {border: 0px none;color: #666666;}

/* &&&&&&&&&&&&&&&&&&&&&&&&&&& kludge &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
#copyright {position: absolute; bottom:0px; left:-1000px;}
#content .datatable li {
	padding: 10px;
}
.gloss {
	font-style: italic;
	font-weight: bold;
	color: #000000;
	font-variant: normal;
	background-color: #E7C058;
	letter-spacing: .1em;
}

.photocredit {
	text-align:right;
	float:right; 
	margin-top:4px;
	
	}
.photocredit p{
	font-weight:100;
	font-size:smaller;
	line-height: 0.8em;
	}

/********to get rid of prequiz links 5/17/10*****************/
/*          comment out to restore prequiz links   */
/*          in DW, text will be big but not hidden */       

a:link[href="page00.htm"], a:visited[href="page00.htm"], a:hover[href="page00.htm"], a:active[href="page00.htm"]
	 {font-size:36px; visibility:hidden;}
a:link[href="page0.htm"], a:visited[href="page0.htm"], a:hover[href="page0.htm"], a:active[href="page0.htm"]
	 {font-size:36px; visibility:hidden;}

/************************************************************/
/*				Toggle/Text Answer Default Style  			 */

.Qanswer {
	display: none;	
}

ul.conversation {
  list-style-type: none;
}

ul.conversation li:nth-child(even) span {
  color: green;
}

ul.conversation li:nth-child(odd) span {
  color: red;
}