/*  some css positioning warnings: 
     1. never forget width & height when positioning with css DIV or SPAN:
	 	Netscape width defaults to element contents
		IE defaults to page width 
	 2. Netscape & IE handle element positioning within tables differently:
	 	Netscape automatically centers elements in cells
		IE positions at top left corner
	 3. positioning using pixels (rather than percentages) is usually safest
	 4. Avoid using font-size percentages in favor of fixed sizes to avoid positioning problems
*/


body 	{
		border: none;
		background-color: #000264;   
		FONT-FAMILY: verdana, arial, helvetica, sans-serif;
		color: #000000;
		FONT-SIZE: medium;
		text-align: left;
		margin-left : 0px;
		margin-right : 0px;
		margin-top : 0px;
				SCROLLBAR-FACE-COLOR: #000264;; 
				SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
				SCROLLBAR-SHADOW-COLOR: #000264;; 
				SCROLLBAR-3DLIGHT-COLOR: #000264;; 
				SCROLLBAR-ARROW-COLOR: #ffffff; 
				SCROLLBAR-TRACK-COLOR: #ffffff; 
				SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
				SCROLLBAR-BASE-COLOR: #000264;
}
h1 		{
		FONT-WEIGHT: bold; 
		FONT-SIZE: 24px;
		line-height: 100%;
		margin-top: 0px; margin-bottom: 0px;
		padding-top: 6px;
		COLOR: #000264; 
		text-align: center;	
}
.h1 		{	 
		FONT-SIZE: 18px;
		COLOR: #45312E; 
		text-align: center;	
}
h2 		{
		font-family: Arial, Garamond, serif;
		FONT-SIZE: 14px; 
		line-height: 100%;
		text-align: left;
		COLOR: #45312E; 
}
.h2 	{
		FONT-SIZE: 17px; 	
}
h3 {	margin-top:6px; margin-bottom:6px;
		FONT-SIZE: 12px; 
		FONT-WEIGHT: bold; 
		padding-left: 5px; padding-right: 5px;
		COLOR: #845D08; 	/* COLOR: #611819;  */
		text-align: center; 
}
.h3 {	
		FONT-SIZE: 13px; 
		letter-spacing: 0.1em;
		FONT-WEIGHT: bold; 
		COLOR: #453105; 	/* COLOR: #611819;  */
		text-align: center; 
}
h4 {	margin-top: 6px; margin-bottom: 6px;
		FONT-SIZE: 12px; 
		FONT-WEIGHT: bold; letter-spacing: 0.1em;
		COLOR: #845D08; 	/* COLOR: #611819;  */
		text-align: left; 
}
.intro {	
		FONT-SIZE: 12px; 
		FONT-WEIGHT: normal; 
		padding-left: 10px; padding-right: 10px; 
		COLOR: #583E06; 	/* COLOR: #611819;  */
		text-align: justify; 
}
.answer {	margin-top: 8px; margin-bottom: 6px;
		FONT-SIZE: 11px; 
		FONT-WEIGHT: normal; 
		padding-left: 10px; padding-right: 10px; padding-top: 0px;
		COLOR: #583E06; 	/* COLOR: #611819;  */
		text-align: justify; 
}
.sidetxt {	
		margin: 0px; padding: 0px; 
		text-align: left; 
}
.head {	margin-top:6px; margin-bottom:6px;
		FONT-SIZE: 12px; 
		FONT-WEIGHT: bold; 
		COLOR: #845D08; 	/* COLOR: #611819;  */
		text-align: left; 
		margin-left: 50px;
}
.list {	
		FONT-SIZE: 11px; 
		FONT-WEIGHT: normal; 
		padding-left: 8px; padding-right: 6px;
		margin-bottom: 4px;
		COLOR: #583E06; 	/* COLOR: #611819;  */
		text-align: left; 
}
ul		{	margin-top: 6px; margin-bottom: 0px; 
}
li	{	
		FONT-SIZE: 12px; 
		FONT-WEIGHT: normal; 
		padding-right: 20px;
		COLOR: #583E06; 	/* COLOR: #611819;  */
		text-align: justify; 
}
.li	{	
		FONT-SIZE: 11px; 
		FONT-WEIGHT: bold; 
		margin-left: 0px; 
		padding-right: 2px; padding-top: 5px;
		COLOR: #583E06; 	/* COLOR: #611819;  */
		text-align: left; 
}
.abs01 	{ 									
		POSITION: absolute; Z-INDEX: 10; 	
}
.abs02 	{ 									
		POSITION: absolute; Z-INDEX: 20; 	
}
.gridBox 	{ 									
		padding-top: 4px; padding-bottom:4px; padding-right:6px;padding-left:4px;
		Font-size: 12px;
		FONT-WEIGHT: 500;
		text-align: justify;
		BORDER: 4px;
		border-style: double;
		BORDER-COLOR: #E1E1E1; /* #787878; #A5A5A5 use lighter gray #D7D7D7; is use entire border */	        
}
.gridTxt {
		Font-size: 13px;
		FONT-WEIGHT: 500;
		padding-top: 2px; padding-bottom: 2px;
		padding-left: 15px; padding-right: 15px; 
		border-color:#A5A5A5;
		text-align: justify;
}
.header {
		FONT-SIZE: 23px; 
		COLOR:	#630064;
}
.highlight {
		FONT-SIZE: 13px; 
		COLOR:	#630064;
}
.gridDk 	{ 									/* box dark - blue border */
		BORDER: 1px;
		border-style: double;
		BORDER-COLOR: #005c00;  
		background-color:#630064;  			/* #007000 #0009b8 #c100c8 */
}
.gridVert 	{ 									
		margin-top: 10px;
		BORDER-left: 4px; BORDER-right: 0px; border-top: 0px; border-bottom: 0px;
		border-style: double;
		BORDER-COLOR: #A5A5A5; /* #787878; #A5A5A5 use lighter gray #D7D7D7; is use entire border */	        
}
.navBar 	{ 									
		POSITION: absolute; Z-INDEX: 50; width: 90px; height: 20px; left: 0px; 
}
.navTxtL {
		FONT-SIZE: 12px; 
		font-weight: bold;
		text-align: left;
		padding-left: 10px;
		padding-top: 1px;
		COLOR: #00f000; 
}
.navLabel {
		FONT-STYLE: normal; 
		FONT-WEIGHT: bold; 
		FONT-SIZE: 12px; 
		COLOR: yellow; 
		text-align: center;
}
.mileInit {											/* initial class */
		FONT-SIZE: 12px; 
		COLOR: 	#45312E;   
		line-height: 20px;
		font-weight: bold;
		text-align: left; 
		margin: 0px; padding: 0px; padding-left: 6px; 
		text-decoration: underline;	 	
}
.mileOver {											/* mouseover */
		FONT-SIZE: 12px; 
		COLOR: 	 #B8860B;
		line-height: 20px;
		font-weight: bold;
		text-align: left; 
		margin: 0px; padding: 0px; padding-left: 6px; 
		text-decoration: underline;	 
}
.mileOut {											/* mouseout */
		FONT-SIZE: 12px;  
		COLOR: 	#45312E;	
		line-height: 20px;
		font-weight: bold;
		text-align: left; 
		margin: 0px; padding: 0px; padding-left: 6px; 
		text-decoration: underline;	 							
}
.mileClick {											/* after click */
		FONT-SIZE: 12px; 
		COLOR: #B8860B; 
		line-height: 20px;
		font-weight: bold;
		text-align: left; 
		margin: 0px; padding: 0px; padding-left: 6px; 
		text-decoration: underline;	 
}
.visYes 	{
		VISIBILITY: visible; 
}

.visNo 		{
		VISIBILITY: HIDDEN; 
}
.homelink   {
		cursor: auto;
}
 a:visited	{ color: #B8860B; text-decoration: underline; }						
 a:link 	{ color: #B8860B; text-decoration: underline;}  					
 a:hover 	{ color: #E4BF00; text-decoration: underline;}  		
 
.subtle a:visited	{ color: #000; text-decoration: none; }						
.subtle a:link 		{ color: #000; text-decoration: none;}  					
.subtle a:hover 	{ color: #000; text-decoration: none;}  		
  
.navLnkL a:visited { color: #fff; text-decoration: none;}				
.navLnkL a:link 	{ color: #fff; text-decoration: none;}				
.navLnkL a:hover 	{ color: #00f000; text-decoration: none;} 			

.comLink a:visited { color: #800000; text-decoration: underline;}				
.comLink a:link 	{ color: #800000; text-decoration: underline;}				
.comLink a:hover 	{ color: #FFD700; text-decoration: underline;}