/* 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:#dca921;}			
h1,h2,h3,h4,h5,h6 {font-size:100%;}
table {border-collapse: collapse; border-spacing:0;}
fieldset, img {border:0;}
a {text-decoration:none;}

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

#branding {position: absolute; left:0;   top:0;     width:100%; height:232px; }
#title {position: absolute; left: 260px; top:0;}

#content {position: absolute; left:238px; top:232px; min-height:900px; padding-left:30px;}
#content p, #content ul, #content ol, #content h1, #content h2, #content div, #content table , 
	.problem
			{
	padding-left: 0px;
	max-width:500px;
}

#nav-main {position: absolute; left:0;   top:232px; width:238px; min-height:900px; padding-left:0px; }

#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;}
.imgleftno { float:left; padding:10px; margin:0px 20px 0px 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;}



/* &&&&&&&&&&&&&&& 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:130%; 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;}

#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 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;}

.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: 0px 200px 10px 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%;} 

/* &&&&&&&&&&&&&&& colors &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* colors
	light and dark gold: #e7c058, #dca921
	light and dark green: 8b9742, 29732d
	brown and red: 6f4406 b9093b
*/
#branding {background-color:#e7c058;}
#nav-main {background-color:#dca921;}
#nav-bottom {background-color:#f8e09e;} 
#stripe, .datatable th, .table-head{background-color:#8b9742;} /*accent color*/
strong 									      {color:#b9093b;}

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

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

#nav-main h1, #nav-main h2 {color: #29732d;}									  
#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, #content h3 {color: #29732d;}									  

.datatable tr:hover {background-color: #8b9742; 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;}
.problemanswer {border-color: #29732d; border:2px;	
			background: #8b9742 url(graphics/icon-exclamation-point.gif) right no-repeat;}
			
.equcen, .equleft {color:#29732d; }
			

.ans {color: #b9093b; }
.right 		{color: #9999ff; background-color:#FFFFFF; }
.wrong 		{color: #ee0000; background-color:#FFFFFF;}
.replaceable{color: #b9093b;}
.highlight  {background-color: #dca921;}

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

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

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

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

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

/* &&&&&&&&&&&&&&&&&&&&&&&&&&& kludge &&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
#copyright {position: absolute; bottom:0px; left:-1000px;}