<style>
/* darweb version for calender iframes. external CSS stylesheet, modified to v04 on 2023-01-03                                         */
/* 3 columns, fixed widths,  "splash" on the left 310px, "content" in center 630px, "sidebar" to the right 324px */
/* updated to HTML5 (deprecated <font> and <center> tags, among others; added text-color-classes                 */

     a:link, a:visited  { background-color: #e0ecff; color: darkblue; padding: 4px 8px;
            			text-align: center; text-decoration: none; display: inline-block; }
     a:hover, a:active  { background-color: gold; }

		html, div	    { margin: 0; padding: 0; }
		body 			{ margin: 0; padding: 0; background-color: white; color: #222233; 
                        font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }
	
		/* div id=wrapper (full page width include, header, wrapper, footer) */
		#wrapper		{ width: 1420px; margin: 0; padding: 0; border: 1px dashed #00ff00; }
		
		/* div id=header (top of page) */
		#header			{ background: #e0ecff; border-top: 2px solid blue; width: 100%; }
  		#header p		{ color: darkblue; font-weight: bold; margin: 0; padding: 0 0 0 80px; }
		
		/* div id=splash (left column, photo-splash and NavBar)  height: 936px; width: 310px;  
		#splash		    { float: left; margin-left: -1145px; width: 310px; padding: 0; }
		#splash img		{ border:none; margin: 0; padding: 0; }
        #splash p       { font-size: 120%; padding: 10px 20px 30px 40px; text-align: left;   }  */
		
		/* div id=content (center column, primary page contents) */
		#content		{ float: left; margin: 0px 0px 0px 0px; width: 1200px; padding: 0 3px 0 3px; 
							text-align: center; border: dashed 1px lightblue; background: #e0ecff; }
		#content p		{ padding: 10px 2px 10px 2px; }
		#content h3     { padding-bottom: 10px; }
		#content em     { font-size: 150%; line-height: 125%; font-weight: bold; font-style: italic; }
		#content img	{ border:none; margin-left: 10px; }
		
		/* div id=sidebar (right column, notification/special announcements ) */
		#sidebar		{ float: left; margin-left: 4px; width: 205px; background: #e0ecff; border-bottom: 2px solid #cccccc; }
		#sidebar h2     { font-size: 150%; line-height: 125%; color: green; text-align: left; }
		#sidebar p 		{ padding-right: 18px; }

		/* div id=footer  (bottom of page, alternate NavBar, copyright and usage notice) */
		#footer			{ background: #e0ecff; border-bottom: 2px solid blue; clear: left; width: 100%; }
 		#footer	p		{ color: green; margin: 0; padding: 0 0 0 20px; }
		#footer ul		{ border-bottom: 2px solid blue; }
		#footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 15px; }
        
        /* establish style classes */
        .invisible { color: #e0ecff; }		/* change font-color to match background, 'invisible' search terms */
        .credits   { color: darkblue; font-size: 85%; padding: 0px 15px 15px 40px; text-align: left;}
        .supersize { font-size: 450%; font-weight:bold; font-style:italic; }
        .withline  { font-size: 110%; font-weight:bold; padding-bottom: 6px; border-bottom: 4px solid black; }
        .urgent	   { font-size: 200%; color: red; text-align: center; padding-bottom: 6px; border-bottom: 4px solid black; }
        .infonote  { font-size: 200%; color: green; text-align: center; padding-bottom: 12px; }
		
		.red      { color: red; }	 	/* change text-color to red */
		.green    { color: green; }     /* green text  */
		.darkgreen{ color: darkgreen;}  /* darkgreen   */
		.blue     { color: blue; }      /* blue        */
		.darkblue { color: darkblue; }  /* darkblue    */
		.orange   { color: orange; }	/* orange      */
		.purple   { color: purple; }	/* purple      */
        .black   { color:  black; }	    /* black       */
                  
</style>

 