/* style sheet */

/* all */
* {
	margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}
body {
     font: normal 12px georgia, serif;
     text-align: left;  
     background-color: #908B6D;
     color: #000000;     
}
hr {
  	width: 70%;
  	margin: 3px 0px 3px 0px;
}
ul { 
	padding: 0px 0px 0px 16px;		
	margin: 0px 0px 0px 0px;
}
select {
	width: 60px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
textarea {	
     background-color: #ffffff;
     color: #444444;
	width: 575px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

/* links */
a {    
     color: #400080;
     text-decoration: none;
}
a:link, a:visited {  
     color: #400080;
}
a:hover, a:active { /* formerly #aa7846 */
	color: #333333;
}
a.term_name { /* anchor for the name of the term */
	font: normal bold 12px georgia, serif;	
	color: #000000;
}
a.subhead { /* anchor for the name of a section */
	color: #1b3434;
}
a.tooltip { 
	color: #804000;
     text-decoration: none;
}
a.tooltip:link, a.tooltip:visited {  
     color: #804000;
}
a.tooltip:hover, a.tooltip:active {
	color: #333333;
}
a.tooltip span {
	display: none;
}
a.tooltip:hover span {
	display: inline; 
	font: normal 12px arial, sans-serif;
	color: #000000;
	position: absolute; 
	background: #eeeeee;
	border: 1px solid #111111;
	border-radius: 4px;
	padding: 3px 3px 3px 3px;
	margin: 15px 0px 0px -20px;
}

/* structural elements */  
#container {  /* contains all website content */
	width: 900px;
	margin: auto;
	min-height: 800px;
}
#header  { /* contains logo and title boxes. above all columns */
     float: left;
     width: 880px;
     background-color: #E5E1C5;
     color: #000000;
     background-image: url("graphics/bg_center2.png");
     background-repeat: repeat-y;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;	     	
}
#logo_box { /* this element is within the header */
	float: left;
	width: 120px;
	padding: 0px 0px 0px 10px; 	
	margin: 0px 0px 0px 0px;
}
#title_box { /* this element is within the header */
	float: left;
	width: 680px;
	font: italic bold 26px arial, sans-serif;
     padding: 25px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
}
#column_wrapper {  /* contains the columns */
	float: left;
	width: 900px;
	min-height: 760px;  
     background-color: #E5E1C5;
     background-image: url("graphics/bg_center2.png");
     background-repeat: repeat-y;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #908B6D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #908B6D;
}
#menu_column { /* this element is within the column wrapper */
     float: left;
     width: 120px;    
     padding: 10px 5px 10px 10px;
	margin: 0px 0px 0px 0px;
}
#main_column { /* this element is within the column wrapper */
	float: left;
     width: 680px;     
     padding: 10px 0px 50px 10px; 
	margin: 0px 0px 0px 0px;
}
#footer { /* contains the copyright information. below all columns */
     clear: left;
     text-align: center;
	font: normal 10px arial, sans-serif;
	color: #333333;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;	
}

/* menu */
.v_menu{
     list-style-type: none;
     text-align: left; 
     padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;     
}
.v_menu li{
     font: italic bold 12px arial, sans-serif;
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 2px 10px;
}

/* paragraph styles */
p {
	clear: left;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
p.page_title {
	font: italic bold 20px arial, sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
p.footnote {
	font: normal 10px arial, sans-serif;
	color: #333333;
	padding: 0px 0px 10px 0px;		
	margin: 0px 0px 0px 0px;
}

/* div styles */
.subtitle {
	clear: left;
	font: italic bold 16px arial, sans-serif;
	color: #1b3434;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
.question {
	clear: left;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
.answer { /* for standalone answers */
	clear: left;
	padding: 0px 0px 5px 55px;
	margin: 0px 0px 0px 0px; 
}
.comment { /* for comment input boxes */
	clear: left;
	padding: 0px 0px 10px 55px;
	margin: 0px 0px 0px 0px; 
}	
.explain { /* for explanatory comments */
    	font: italic 12px georgia, serif;
    	color: #444444;
	clear: left;
	padding: 0px 0px 10px 0px;    		
	margin: 0px 0px 0px 0px; 
}
.term { /* for the definition of a term */
    	color: #444444;
	clear: left;
	padding: 0px 0px 10px 0px;    		
	margin: 0px 0px 0px 0px; 
}
.caution { /* for important cautionary text */
    	font: italic 12px georgia, serif;
    	color: #800000;
	clear: left;
	padding: 0px 0px 10px 0px;    		
	margin: 0px 0px 0px 0px; 	
}
.diagram {
	clear: left;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px; 	
}

/* table styles */
.grid {
	padding: 0px 0px 5px 50px;	
	margin: 0px 0px 0px 0px;
}
.grid td {
	text-align: left;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}
.grid td.firstcol {
	text-align: left;
	vertical-align: top;
}
.grid td.firstrow {
	text-align: center;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px; 
}
.sectional{
	padding: 0px 0px 10px 0px;	
	margin: 0px 0px 0px 0px;
}
.sectional td {
	text-align: left;
	vertical-align: top;
	font: italic bold 14px arial, sans-serif; 
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.sectional td.firstcol {
	font: normal bold 14px arial, sans-serif;
}