/*  HTML TAG STYLES START HERE  */

body {  /*sets base font for site*/
	background-color: #ECD8B1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin: 0px; 
	padding: 0px;
	margin: 0px;
	 } 
td, p, ul { font-family: Georgia, "Times New Roman", Times, serif }
	
h1 { font-size: 140%; color: #1A3365; line-height: 1.5em; 	letter-spacing:.5px;}
h2 { font-size: 120%; color: #996600; line-height: 1.5em;}
h3 { font-size: 110%; color: #1A3365; line-height: 1.5em; margin:0px }
h4 { font-size: 110%; color: #000066; line-height: 1.5em; margin:0px	}
h5 { font-size: 120%; color: #000066; margin:0;}
h6 { font-size: 95%; color: #ECDDB6; line-height: 1.5em; margin:0;	}

img {	margin: 0; }	
	
li {  
	display:list-item;		
	line-height: 1.5em; 
	margin: 3px 0px 4px 6px;
	}		
/* not working -
ul, ol {  display: list-item-style; line-height: 1.5em; margin: 3px 0px 4px 0px  }
.la ol { display: list-item-style; list-style-type: lower-alpha  }	
.lr ol {  display: list-item-style; list-style-type: lower-roman  } */

/*  IDS TO FORMAT TABLES START HERE  */	
#maintable1 {  /*assigned to outer table surrounding all content*/
	background-color: #FFF;
	width: 680px;
	border: 0px;
	line-height: 1.5em;
	 } 
#maintable1 td { 
	padding-top: 8px;
	padding-right: 50px;
	padding-bottom: 8px;
	padding-left: 40px;
	 }
#maincontent1 {   /*box around center content area --  keeps top nav in line */
	background-color: #FFF;font-size: 100%; 
	}
#maintable2 {  /* main page only  */
	background-color: #FFF;
	width: 740px;
	border: 0px;
	line-height: 1.5em;
	}
#maintable2 td { padding: 0px; }
#maincontent2 { background-color: #FFF; font-size: 100%;  }
	
/*formats main page contents bg text and no border  ????  */
 #title	{
	font-weight: bold;
	color: #1A3365;
	background-color: #C09030;
	border: 0px solid #996600;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;						
	}
#title td {
	vertical-align: top;
	padding: 10px;/*Pads each table cell in modern browsers*/
	 }						
#imagetable { /* use with class .caption for images  */
	font-size: 100%; 		
	color: #000066;
	border: 0px;
	}	
#imagetable td {
padding-top: 0px;
padding-right: 16px;
padding-bottom: 0px;
padding-left: 0px;
}						
/* table an d td contents for top navigation buttons - won't print, see @media print rule*/
#topnav {
	font-weight: bold;
	color: #5882D5;
	background-color: #1F3D7A;
	width: 60px;
	border: 0px;
	font-size: 100%;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;						
	}
#topnav td { vertical-align: top; padding: 6px }		
#footer { font-size: 94%; color: #000000; background-color: #FFF	} 
#footer td { vertical-align: top; padding: 6px }	
#box {   /*used for text, bulleted lists and nav links on title page  ???   */
	font-size: 100%; 
	font-weight: bold;		
	line-height: 1.5em; 
	color: #000066; 
	margin:10px;
	padding: 01px
	}
/* CLASSES START HERE */	
		
/* titles on main page only*/
.title  { font-size: 100%; color: #ECDDB6; line-height:1em  }

.header {  /* title header on content pages*/
	font-size: 88%; 
	color: #000066; 
	line-height: 1.5em;  
	font-weight: bold;	
	}
.headinline {   /*running headers used in Intro and How To Use*/
	font-size: 100%; 
	color: #000066; 
	line-height: 1.5em;  
	font-weight: bold;	
	}
.box{  
	color: #000066; 
	margin:2px;
	padding: 2px
	}
.caption { font-size: 98%; color: #000; line-height: 1.5em;  font-weight: normal;		}
.vocab { margin-bottom: 0px}
 br.vocab { margin-bottom: 2px}

 /* when it works this avoids breaking up images when printing*/			 
br.endpage { display: block; line-height:.5em; margin: 0px; page-break-inside:avoid }
	
/* PSUEDO (LINK STYLE) CLASSES START HERE */
	
/*top navigation buttons*/
#topnav a:link, #topnav a:visited { 
	color: #D9B56D ;
	padding: 3px;
	border: 0px solid #4D4D00;
	text-decoration: none;
	 } 
#topnav a:hover, #topnav a:active {
	color: #000066;
	padding: 3px;
	background-color: #C09030;
	border: 0px solid #000;
	text-decoration: none;		
	} 	
/*title area text navigation */
#title a { line-height: 1.5em  }
#title a:link, #title a:visited { color: #000066; text-decoration: underline } 
#title a:hover, #title a:active { color: #86592D; text-decoration: underline } 

/*about coloring book  navigation style*/
#about a { line-height: 1.5em }
#about a:link, #title a:visited { color: #000066; text-decoration: underline } 
#about a:hover, #title a:active { color: #663300; text-decoration: underline } 

/*trying - or needed - to make other link styles work in Safari and Mozilla */
a { text-decoration: underline;	color: #663300 }
a:link { color: #663300	}
a:hover { color: #000066}
	
/*  @ STYLES HERE  */	
@media print {	 /* supress top navigation when printing - won't work in IE 5 Mac*/
	#topnav { display: none }
	#textnav { display: none }
	}