/* a-tsopmain.css style sheet for TSOP web site 19 April 2009 DCG  avoids printing menu list entries  */

/*  The home page uses column1 and column2 layout DIVs.  
    Three-column pages use  leftbar, centercolumn and rightbar.
    Two-column pages use left35 and right65. 
   
    A separate style sheet based on this one, tsop-print.css, controls print layout and style.          
*/

    /*      5:12 pm Sun March 8 2009     divs left-justified in browser window  */
  
		
	 *   { margin: 0; padding: 0; }	
				
	 html {font-size: 100%}  /* per Grannell, p. 82 */	
				
	 body {
			                               /*  width: 93%; */  /* from BLEND */
			      	font-size: 62.5%;       /* per Grannell p. 81 */
				font-family: Arial, Helvetica, sans-serif;
				background-color:#e8ffe8;     /* was eeeeee;    #ffdddd; for debugging  */ 
						           /* changed Oct 30 2011 to match gallery background   */
							    /* this is what shows below the bottoms of DIV columns 3-29-10  */  
							    /*  putting a width or max-width here pins down the left side   */
				}

	 #wrap {             	                  /* position:fixed here prevents column content from scrolling */
				margin: 0 auto;          /* auto    has a big effect in FF3!   */  
						           /* width:1000px;  
				                                 max-width: 1000px;   */   /* 1:47 */
                    		background-color:#FFFFFF;    /* #00FF00; for debugging   */
        
				}	

	 #screen {}
		 
	 #menubar {    
		 		margin: 0 ;  /* auto  removed */
		 		}
		 
	 .content { }		/* will contain everything except the banner & menubar */
			
	 #column1 {
				 position: absolute;
			   	 top:128px;
				 padding: 15px;
				 width: 500px;
				 float: left;
				 clear: right;
				 background-color:#EFFFEF; 
				 font-size: 1.4em;
				 line-height: 1.3em;
				 }

	#column2 {
         			 position: absolute;
				 margin-left:530px;
				 top:128px;               /* 17 Feb 2010   reduced from 132 to avoid gap  */
				 padding: 15px;
				 width:440px;
				 max-width:440px;
				 background-color: #DDFFFF;
				 font-size: 1.4em;
				 line-height: 1.3em;
				 }		
						
       #leftbar {
				 position: absolute;     /* absolute to prevent cut-off, non scrollable problem at bottom
                                                        which occurs if "fixed" is used to prevent scrolling */
			
				 top:128px;
				 /* left: 0;	 */						/* to prevent sliding to right */
				 left:0;
		 		 /* float:left;  */    
				 width: 170px;
				 padding: 57px 10px 10px 20px;
				 background-color:#E8FFE8;     /* was originally paler:   background-color:#FAFFFA; */
				 font-size: 1.3em;
				 line-height: 1.35em;
				 min-height: 480px;     /* 17 Feb 2010 */
				 }
				 
       #centercolumn {
				position: absolute;    /* absolute permits spacing from top  */
				                       /* "fixed" would prevent scrolling!  */
				margin-top: 124px;
							/* float:left		  */
				margin-left:200px; 			/* if in px, the left side won't slide */
						  /* margin-right:199px; */
				width:555px;
				max-width:555px;		/* was 59% */		  /* if in px, it doesn't collapse with narrow window  */	
				padding: 10px 10px 10px 35px;
				min-height: 480px;     /* 17 Feb 2010 */
				}
								
       #rightbar {
				 position: absolute;   
				 margin-top:128px;
				 margin-left: 800px;	 					/* to prevent sliding to right */
				 padding: 57px 10px 10px 20px;
		 		 /* float:left;   */ 
				 width: 170px;
				 background-color:#E8FFE8;
				 font-size: 1.3em;
				 line-height: 1.35em;
				 min-height: 480px;     /* 17 Feb 2010 */
				 }
	
	
	     #left35 {
				 position: absolute;     /* to prevent scrolling */
				 top:128px;
				 /* left: 0;	 */						/* to prevent sliding to right */
				 left:0;
		 		 /* float:left;  */    
				 width: 320px;
				 padding: 20px 10px 10px 20px;
				 background-color:#EFFFEF; 
				 font-size: 1.3em;
				 line-height: 1.25em;
				 
				 }
				 
       #right65 {		position: absolute;    /* absolute permits spacing from top  */
					                       /* "fixed" would prevent scrolling!  */
				margin-top: 124px;
						/* float:left		  */
				margin-left:350px; 							/* if in px, the left side won't slide */
					  /* margin-right:199px; */
				width: 605 px;
				min-width: 605 px;
				max-width: 605px;			/* was 59% */			  /* if in px, it doesn't collapse with narrow window  */	
				padding: 10px 10px 10px 35px;
				min-height: 480px; 
				background-color: #DFFFFF;
				font-size: 1.35em;
				line-height: 1.35em;
				}
	
			
	 #centercolumn {	
				background-color: #DFFFFF;
				font-size: 1.35em; 
				line-height: 1.35em;	 
			 	}
			 

	p	    		{margin-bottom: 1em;}

	.content a:link 	{text-decoration:underline}
	.content a:visited 	{text-decoration:underline}		
			  
	.content li 		{margin:0.4em; }   /*add spacing between list items*/	
	.content ol 		{padding: 0px 0px 0px 10px;  text-indent: 0.0em; }   /* 1 Nov 2009 for bylaws  */	
       .content ol ul li 	{padding: 0px 0px 0px 15px;  text-indent:-1.6em; list-style-type:none;}   /* 1 Nov 2009 for bylaws -achieves block indent */	
	 													     /* list-style-type:none; req'd for IE 8    */
	h1, h2, h3, h4 {
			 	margin-top: 1.0em; 
				margin-bottom: 0.5em; 
				line-height: 1.3em; 
				}

	.content h1 {                 
			 	text-align:center;
			 	font-size: 1.3em;
				font-weight: bold;
				color:#296666;
				line-height: 1.5em;
			 	} 					

   	.content h2 {
			 	font-size: 1.1em;
				font-weight: bold;
				color:#296666;
			 		/* color: rgb(51, 102, 102); */
			 	}
 									
	.content h3 {
			 	font-size: 1.25em;
				font-weight: bold;
			 	color: #cc9933;          /*   #cc9933 gold */
			 				} 

       #right65 h3 		{text-align: center;}
       #right65 h4 		{text-align: center;}			
													 
       .content h4 {
			 	font-size: 1.2em;
				font-weight: bold;
			 	color: #cc9933;
			 	} 		
							
	.content table {
			       vertical-align: middle;
				text-align: left;
				}
							
       .content td {
				vertical-align: middle;		
				padding-top: 5px;
			       padding-left: 10px;
				}

       .content img { padding: 1px 1px 1px 1px;  /* was all 10  changed to 1   17 Feb 2010  */
				border:none;
				}