/* 
Classes can be like 
P.classname (which would only apply to P with that classname)
or just .classname (which would apply to any element with that classname)

.hidefromprint style is {display: none;} and it is in the v3main/index.php file. 

---------------------------------------
From CSS guide
http://www.w3.org/TR/REC-CSS2/media.html#at-media-rule

7.2.1 The @media rule
An @media rule specifies the target media types (separated by 
commas) of a set of rules (delimited by curly braces). The 
@media construct allows style sheet rules for various media 
in the same style sheet:

  @media print {
    BODY { font-size: 10pt }
  }
  @media screen {
    BODY { font-size: 12pt }
  }
  @media screen, print {
    BODY { line-height: 1.2 }
  }

----------------------------------------
*/



@media screen, print, all {

		/* Font Size is set in prior CSS file */
		/* Link Style is set in prior CSS file, but is overriden in this 
		   file in some cases... see "A.graylink" and "DIV.toplink" below. */

		BODY, P, DIV, LI, SPAN, TD, TABLE, FORM, INPUT, TEXTAREA, SELECT {
			/* font was not previously defined here... I think it 
			   was defaulting to font-size: 12pt; but Jerry changed 
			   it 090420 to make it smaller, per discussion of new
			   TSGInfo with Koenigs. */

			font-size: 11pt; 
			font-family: Arial, Verdana, Helvetica, "Sans Serif";
			color: #000000;
		}
		BODY {margin: 0px;}
		BODY.printfriendly {
			margin: 10px; 
			}


		BODY, P, DIV, LI, H1, H2, H3, H4, H5, H6, SPAN {
			widows: 8;
			orphans: 8;
			/* orphans is lines required at bottom of page, 
			widows is lines required at top of page in printed
			page. Default for both is 2. */
			}	

		P.sitemap {
			margin-top: 0em;
			margin-bottom: .75em;
			/* line-height: 1em; */
		}


		/*-------------------------------
		LINK COLOR OVERRIDES
		--------------------------------*/
		A.graylink:link {color: #AAAAAA; }
		A.graylink:visited {color: #AAAAAA; }
		A.graylink:hover {
			color: #0000FF; 
			background-color: 
			#FFFFCC; 
			text-decoration: none;
		}

		/*-------------------------------
		PAGE BREAKS
		--------------------------------*/

		.pagebreakafter {page-break-after: always;}

		.pagebreakbefore {page-break-before: always;}



		/*-------------------------------
		LARGER and SMALLER TEXT for use on misc items
		--------------------------------*/
		.text50 {
			font-size: 50%;
			/* Mostly used for shrinking text within a section that 
			was explicity given an larger text size */
		}
		.text63 {
			font-size: 63%;
		}
		.text75 {
			font-size: 75%;
		}
		.text83 {
			font-size: 83%;
		}
		.text90 {
			font-size: 90%;
		}
		.text125 {
			font-size: 125%;
		}
		.text133 {
			font-size: 133%;
		}
		.text150 {
			font-size: 150%;
		}
		.text166 {
			font-size: 166%;
		}
		.text175 {
			font-size: 175%;
		}
		.text200 {
			font-size: 200%;
		}
		.text250 {
			font-size: 250%;
		}
		.text300 {
			font-size: 300%;
		}
		.text350 {
			font-size: 350%;
		}
		.text400 {
			font-size: 400%;
		}

		/*-------------------------------
		FORM INPUTS
		INPUT, TEXTAREA, SELECT, INPUT.radio
		--------------------------------*/

		FORM {
			font-size: 1em;
		}
		INPUT {
			font-size: 1em;
		}
		TEXTAREA {
			font-size: 1em;
		}
		SELECT {
			font-size: 1em;
		}
		INPUT.radio {
			width: 1em;
			height: 1em;
		}
		INPUT.checkbox {
			width: 1em;
			height: 1em;
		}
		INPUT.checkboxsmall {
			width: .75em;
			height: .75em;
		}



		/*-------------------------------
		HEADINGS
		--------------------------------*/

		h1	{
			font-size:	250%;
			line-height: .9em;
			color: #000000;
			text-align: center;
			/* font-family: "Arial Rounded MT Bold", "Arial Black", "Cooper Black", Arial, Verdana, Helvetica, "Sans Serif", "Times New Roman", "Times"; */
			font-family: "Arial Black", "Cooper Black", Arial, Verdana, Helvetica, "Sans Serif", "Times New Roman", "Times";
			}

		h1.withsubhead	{
			margin-bottom: 0px;
			}

		h1.withprehead	{
			margin-top: 0px;
			}

		h1.withboth	{
			margin-top: 0px;
			margin-bottom: 0px;
			}

		h1.left {text-align: left;}

		h1.leftwithsubhead	{
			text-align: left;
			margin-bottom: 0px;
			}

		h2	{
			font-size:	175%;
			color: #43648C;
			margin-top: 1.5em;
			text-align: left;	
			/* font-family: "Arial Rounded MT Bold", "Arial Black", "Cooper Black", Arial, Verdana, Helvetica, "Sans Serif", "Times New Roman", "Times"; */
			font-family: "Arial Black", "Cooper Black", Arial, Verdana, Helvetica, "Sans Serif", "Times New Roman", "Times";
			/* color: #330066; */
			}

		h2.prehead	{
			/* used for "Overview of" or "Next Steps for" headings
			that come before the H1 headings at the top of the page */
			margin-bottom: 0em;
			text-align: center;	
			}

		h2.nomargintop	{
			/* used for pages with "Top" links just above H2 headings. 
			Toplinks would generally be DIV.toplinks and the link <A class="graylink"...
			See DIV.toplinks below for example.
			
			Also, use for articles that start with a sidebar on the right and a
			H2 on the left (this makes them line up properly). 

			.nomargintop does the same thing for other items
			*/
			margin-top: 0em;
			}

		h2.nomargin {
			font-size: 175%;
			color: #43648C;
			margin: 0px;
			padding: 0px;
			}

		h2.sidebar {
			text-align: center;
			font-size: 150%;
			color: #43648C;
			margin: 0px;
			margin-top: .5em;
			padding: 0px;
			}

		h3	{
			font-size:	150%;
			color: #438C64;
			text-align: left;	
			/* font-family: "Arial Rounded MT Bold", "Arial Black", "Cooper Black", Arial, Verdana, Helvetica, "Sans Serif", "Times New Roman", "Times"; */
			font-family: "Arial Black", "Cooper Black", Arial, Verdana, Helvetica, "Sans Serif", "Times New Roman", "Times";
			}

		h3.nomargintop	{
			/* used for pages with "Top" links just above H3 headings. 
			Toplinks would generally be DIV.toplinks and the link <A class="graylink"...
			See DIV.toplinks below for example.
			
			.nomargintop does the same thing for other items
			*/
			margin-top: 0em;
			}

		h3.sitemapheader {
			margin-top: .1em;
			margin-bottom: .1em;
			/* line-height: 1em; */
		}


		h4 {
			font-size:	125%;
			text-align: left;	
			/* font-family: "Arial Rounded MT Bold", "Arial Black", "Cooper Black", Arial, Verdana, Helvetica, "Sans Serif", "Times New Roman", "Times"; */
			font-family: Arial, Verdana, Helvetica, "Sans Serif", "Times New Roman", "Times";
			font-weight: bolder;
			}
		h4.subhead {
			color: #000000;
			text-align: center;
			margin: 0px;
			}

		h4.leftsubhead	{
			color: #000000;
			text-align: left;
			margin: 0px;
			}


		h4.newstopic {
			font-size:	125%;
			color: #330066;
			text-align: left;	
			margin: 0px;
			margin-top: 1em;
			padding: 0px;
			}

		h5	{
			font-size:	110%;
			text-align: left;	
			}

		h6	{
			font-size:	100%;
			text-align: left;	
			}

		/*-------------------------------
		LISTS
		--------------------------------*/

		UL.sidebar {
			margin-left: 1em;
			margin-top: .5em;
			padding: 0em;
		}

		OL.sidebar {
			margin-left: 1.75em;
			margin-top: .5em;
			padding: 0em;
		}

		UL.table {
			margin-left: 1.5em;
			margin-top: 0em;
			padding: 0em;
		}
		LI {
			margin-bottom: 1em;
		}
		LI.zero {
			margin-bottom: 0;
		}
		LI.half {
			margin-bottom: .5em;
		}
		LI.half2 {
			/* for first bullet of a sublist within a "half" main list */
			margin-top: .5em;
			margin-bottom: .5em;
		}
		LI.double {
			margin-bottom: 2em;
		}

		/*-------------------------------
		TABLES
		--------------------------------*/

		/* Regular Tables */
		TABLE.tablenarrow, TABLE.tablewide, TABLE.mainbar {
			background-color: #FFFFCC;
			border-collapse: collapse;
			border-width: .15em; 
			border-style: solid;
			border-color: #C7C8E7;
			margin: 0px;
			/* border-spacing: 0px;*/
			/* padding: 30px; Padding does not apply to 
			table, set it in TD cell. Or set cellpaddin=20 
			in HTML tag to override */
			}
		TABLE.tablewide {
			width: 100%;
			}

		/* Mainbar means a box in the main column - such as for quoted passages */
		TABLE.mainbar {
			background-color: #E8E8FF;
			border-style: solid;
			border-color: #C7C8E7;
			border-width: 2px;
			/* border-spacing: 0px;*/
			/* padding: 30px; Padding does not apply to 
			table, set it in TD cell. Or set cellpaddin=20 
			in HTML tag to override */
			margin: 0px;
			}


		THEAD    { 
			display: table-header-group;
			}

		TH.reg, TH.left, TD.reg, TD.reg2, TD.regcenter, TD.regright, 
		TD.reg2center, TD.reg2right, TD.reg3, TD.reg3center, TD.reg3right, TD.reg4, TD.reg4center, TD.reg4right, TD.mainbar {
			padding: .2em;
			text-align: left;
			vertical-align: top;
			border-width: .15em; 
			border-style: solid;
			border-color: #C7C8E7;
			}



		TH.reg {
			background-color: #E8E8FF;
			text-align: center;
			}	

		TH.left {
			background-color: #E8E8FF;
			text-align: left;
			}	

		TD.reg2, TD.reg2center, TD.reg2right, TD.mainbar {
			background-color: #E8E8FF;
			}

		TD.reg3, TD.reg3center, TD.reg3right {
			background-color: #FFFFCC;
			}

		TD.reg4, TD.reg4center, TD.reg4right {
			background-color: #E8E8CC;
			}
		TD.regcenter, TD.reg2center {
			text-align: center;
			}

		TD.regright, TD.reg2right {
			text-align: right;
			}

		TD.mainbar {
			padding: 1.5em;
			}


		/* for Lists of articles from v3main/list.php and v3main/v3search.php */
		TABLE.tableforlist {
			border-collapse: collapse;
			border-width: 0px; 
			width: 100%;
			}

		TD.tdforlist {
			padding-top: 10px;
			padding-bottom: 10px;
			text-align: left;
			vertical-align: top;
			
			}

		TD.tdforlistcenter {
			padding-top: 10px;
			padding-bottom: 10px;
			text-align: center;
			vertical-align: top;
			
			}


		/*
		TABLE.tableforform {
			background-color: #FFFFCC;
			border: 0px;
			border-spacing: 0px;
			padding: 30px;
			margin: 0px;
			}
		Changed 10/28/03
		*/
		TABLE.tableforform {
			background-color: #FFFFCC;
			border-style: solid;
			border-color: #C7C8E7;
			border-width: 2px;
			/* border-spacing: 0px;*/
			/* padding: 30px; Padding does not apply to 
			table, set it in TD cell. Or set cellpaddin=20 
			in HTML tag to override */
			margin: 0px;
			}

		TD.tdforform {
			/* padding top and bottom was 10px -- changed to em instead. */
			padding-top: .33em;
			padding-bottom: .33em;
			text-align: left;
			vertical-align: top;
			
			}
		TD.tdforformtight {
			/* tighter, closer together, with no top and bottom padding -- changed to left and right padding instead. */
			padding-left: .33em;
			padding-right: .33em;
			text-align: left;
			vertical-align: top;
			
			}

		TABLE.tablepos {
			/* invisible table for positioning */
			/* <TABLE class="tablepos">  */
			border: 0px;
			border-spacing: 0px;
			padding: 10px;
			margin: 0px;
			}

		TD.tdpos, TD.tdposbottom, TD.tdposcenter, TD.tdposcenter2 {
			/* invisible td for positioning */
			/* <TD class="tdpos">  */
			padding: 10px;
			text-align: left;
			vertical-align: top;
			}

		TD.tdposbottom {
			vertical-align: bottom;
			}

		TD.tdposcenter {
			text-align: center;
			}

		TD.tdposright {
			text-align: right;
			}
		TD.tdposcenter2 {
			text-align: center;
			vertical-align: center;
			}


		TABLE.sitemap {
			border-collapse: collapse; 
			/* border-color: #FFFFCC;*/
			/* border-spacing: .5em,.5em;*/
			/* border-width: .5em,.5em; */
			width: 100%;
			}

		TD.sitemapheader, TD.sitemaplist {
			padding-left: .25em;
			padding-right: .25em;
			padding-top: .25em;
			padding-bottom: .25em;
			text-align: left;
			border-top-color: #C7C8E7; 
			border-top-style: solid;
			border-bottom-color: #C7C8E7; 
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-left-color: #C7C8E7;
			border-left-style: solid;
			border-left-width: 1px;
			border-right-color: #C7C8E7;
			border-right-style: solid;
			border-right-width: 1px;
			}
		TD.sitemapheader {
			vertical-align: top;
			border-top-width: 3px;
			}
		TD.sitemaplist {
			vertical-align: top;
			border-top-width: 1px;
			}
		




		/*


		TABLE.tableforlist {
			border-collapse: separate;
			width: 100%;
			border: outset 0px;
			border-spacing: 30px;
			padding: 0px;
			margin: 0px;
			empty-cells: show;
			}

		TABLE.tableforlist {
			border-spacing: 0px, 30px;
			padding-top: 15px;
			padding-bottom: 15px;
			}

		*/


		FORM {
			text-align: left;
			vertical-align: top;
			padding: 0px;
			margin: 0px;
			}

		FORM.commentsbox {
			text-align: right;
			vertical-align: top;
			padding: 0px;
			margin-top: 10px;
			margin-bottom: 10px;
			}

		FORM.jumptosearch {
			text-align: center;
			vertical-align: middle;
			color: #000000;
			background-color: #B0E49E;
			padding: 3px;
			margin: 0px;
			}

		FORM.formforsearch {
			text-align: left;
			vertical-align: top;
			color: #000000;
			padding: 10px;
			margin: 0px;
			}



		/*-------------------------------
		SPECIAL FORMATTING
		--------------------------------*/


		.center	{
			text-align: center;
			}

		.nomargintop	{
			margin-top: 0em;
			}
		.nomarginbottom	{
			margin-bottom: 0em;
			}
		.nomargintopbottom	{
			margin-top: 0em;
			margin-bottom: 0em;
			}
		.nomargin	{
			margin: 0em;
			}

		.highlighted {
			color: #000000; 
			background-color: #FFFF66; 
			text-decoration: none;
			}

		.highlighted2 {
			color: #000000; 
			background-color: #C0F9AC; 
			text-decoration: none;
			}

		.highlighted3 {
			color: #000000; 
			background-color: #EEEEFF; 
			text-decoration: none;
			}

		.fontscript {
			font-family: "Brush Script MT", "Brush Script", "Briquet", "Harlow Solid Italic", "Script", "Times New Roman", "Times";
			font-size: 200%;
			}
		.list_heading1, .list_heading2 {
			font-size: 125%; 
			/* font-weight: bolder; */
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 12px;
			padding-bottom: 2px;
			padding-left: 0;
			color: #43648C;
			font-family: Arial, Verdana, Helvetica, "Sans Serif";
			}
		.list_heading1 {
			font-size: 175%; 
			color: #000000; /* was 43648C */
			/* text-align: center; */
			}

		.pullquote1 {
			font-size: 120%;
			color: #000000;
			text-align: left;
			margin-left: 20%;
			margin-right: 20%;
			padding: .5em;
			background-color: #EEEEFF;
			border: solid;
			border-width: 1px;
			border-color: #B0E49E;
		}

		.pullquote2 {
			font-size: 120%;
			color: #990000;
			text-align: center;
			margin-left: 5em;
			margin-right: 5em;
		}

		.pullquote3 {
			color: #000000;
			text-align: left;
			margin-left: 20%;
			margin-right: 20%;
			padding: .5em;
			background-color: #FFFFCC;
			border: solid;
			border-width: 1px;
			border-color: #B0E49E;
		}

		.pullquote3b {
			color: #000000;
			font-size:	125%;
			text-align: left;
			margin-left: 20%;
			margin-right: 20%;
			padding: .5em;
			background-color: #CCCCFF;
			border: solid;
			border-width: 1px;
			border-color: #333399;
		}

		.pullquote4 {
			color: #000000;
			text-align: left;
			margin-left: 3em;
			margin-right: 1em;
			padding: .5em;
			background-color: #FFFFCC;
			border: solid;
			border-width: 1px;
			border-color: #B0E49E;
		}
		
		.toplink2 {
			/* Currently not used
			See DIV.toplink instead. Used for "Top" of page links within H2 tags
			Puts link next to Heading rather than to the right side of page.
			*/
			font-size: 50%;
			font-weight: normal;
		}
		.pre, .courier {
			font-size: 112%;
			font-family: Courier New, Courier, Times New Roman, Times, Arial, Verdana, Helvetica, "Sans Serif";
		}



		/*-------------------------------
		STUFF FOR JUMPTO MENU
		--------------------------------*/
		.jumptotext, .jumptotext2, .jumptotextbig,
		.jumptotextbig2, .jumptotextsmall {
			font-size: 100%; 
			margin-top: 0;
			margin-bottom: 0;
			padding-top: .2em; /* was 4px, previously was 2px */
			padding-bottom: .1em; /* was 4px */
			padding-left: 4px; 
			color: #000000;
			font-family: Arial, Verdana, Helvetica, "Sans Serif";
			}
		.jumptotextbig, .jumptotextbig2 {
			font-size: 117%; 
			color: #000000;
			padding-top: .6em; /* was 8px */
			padding-bottom: .6em;
			}

		.jumptotext a:link, .jumptotext a:visited, 
		.jumptotext2 a:link, .jumptotext2 a:visited, 
		.jumptotextbig a:link, .jumptotextbig a:visited,
		.jumptotextbig2 a:link, .jumptotextbig2 a:visited,
		.jumptotextsmall a:link, .jumptotextsmall a:visited, 
		{color: #000000;}

		.jumptotext a:hover, .jumptotext2 a:hover, .jumptotextbig a:hover, 
		.jumptotextbig2 a:hover, .jumptotextsmall a:hover
		{color: #0000FF; background-color: #FFFFCC;} 

		.jumptoheading {
			color: #000000;
			font-size: 117%;
			text-align: center;
			background-color: #B0E49E;  /* C0F9AC  FFFFCC */
			padding-top: .3em; /* was 4px */
			padding-bottom: .3em; /* was 4px */
			margin-top: .8em;
			margin-bottom: .4em;
			}
		.jumptotitle {
			color: #000000;
			font-size: 150%;
			text-align: left;
			/* background-color: #B0E49E; *//* C0F9AC  FFFFCC */
			padding-left: 7px;
			padding-top: 0px;
			padding-bottom: 0px;
			margin: 0px;
			margin-top: 0px;
			}
		.jumptotitlediv {
			color: #000000;
			/* background-color: #B0E49E;  *//* C0F9AC  FFFFCC */
			vertical-align: top;
			padding: 0px;
			margin: 0px;
			}

		/* Jumptomenu */
		.jumptotextbig2 {padding-bottom: .2em;} /* was 2px */
		.jumptotext {font-size: 90%;}  
		.jumptotext2 {font-size: 90%; padding-bottom: 0px;}
		.jumptotextsmall {padding-top: 0px; font-size: 70%;} /* was 75% */


		/*-------------------------------
		LINES
		--------------------------------*/


		HR.line_nomargin {
			color: #000000;
			padding: 0;
			margin: 0;
			}
		HR.line1, HR.line1thick, HR.line1_50, HR.line2, HR.line3, HR.line_nomargin_forlist1, HR.line_nomargin_forlist2, {
			color: #C7C8E7; /* C7C8E7 same color as mountains on SG logo */
			padding: 0;
			margin: 0;
			height: 1px;
			}
		HR.line1_50 {
			width: 50%;
			text-align: center;
		}
		HR.line2 {
			color: #B0E49E; /* B0E49E same color as green background on web pages */
		}
		HR.line3 {
			/* for below section menus at the top of a page. 
			Same as HR.line_nomargin_forlist2 */
		}
		HR.line_nomargin_forlist1, HR.line1thick {
			height: 3px;
			}


		/*-------------------------------
		DIVs
		--------------------------------*/

		DIV.nomargin {
			height: 1px;
			padding: 0;
			margin: 0;
			}

		DIV.include_menu, DIV.onthispage {
			/* for menus at top of page above heading (not bullet lists under heading), within page content area */
			font-size: 75%;
			padding: 2px;
			margin: 2px;
		}
		DIV.fontsmall {
			/* for anyplace that needs small text */
			font-size: 75%;
			padding: 0px;
			margin: 0px;
		}
		DIV.byline {
			text-align: right;
			}

		DIV.sidebar, DIV.sidebar2, DIV.sidebar11em, DIV.sidebar300, DIV.sidebar350 {
			float: right;
			clear: both;
			width: 250px;
			background-color: #FFFFCC;
			border-style: solid;
			border-color: #C7C8E7;
			border-width: 2px;
			padding: 10px;
			margin: 15px;
			margin-top: 0px;
			margin-right: 0px;
		}
		DIV.sidebar2 {
			width: 325px; 
			background-color: #CCCCCC;
			text-align: left;
			border: 2px solid #000099;
			font-size: 90%;
			font-family: Arial, Verdana, Helvetica, "Sans Serif";
		}

		
		DIV.sidebar11em {
			background-color: #E8E8FF;
			width: 11em;
		}
		DIV.sidebar300 {
			background-color: #FFFFCC;
			width: 300px;
		}
		DIV.sidebar350 {
			background-color: #FFFFCC;
			width: 350px;
		}


		/* use for placing image along right, with caption under by using manual break */
		DIV.imageright, DIV.imageright90, DIV.imageright150, DIV.imageright250, DIV.imageright300, DIV.imageright400, DIV.imageright300left, DIV.imageright350, DIV.imageright11em {
			float: right;
			clear: both;
			/* width: 50px; */
			text-align: center;
			margin: 15px;
			margin-top: 0px;
			margin-right: 0px;
			font-size: 90%;
			font-family: Arial Narrow, Arial, Verdana, Helvetica, "Sans Serif";

		}
		DIV.imageright400 {
			width: 400px;
		}
		DIV.imageright350 {
			width: 350px;
		}
		DIV.imageright300 {
			width: 300px;
		}
		DIV.imageright300left {
			width: 300px;
			text-align: left;
		}
		DIV.imageright250 {
			width: 250px;
		}
		DIV.imageright150 {
			width: 150px;
		}
		DIV.imageright90 {
			width: 90px;
		}
		DIV.imageright11em {
			width: 11em;
		}
		
		/* use for placing image along left, with caption under by using manual break */
		DIV.imageleft,  DIV.imageleft90, DIV.imageleft250, DIV.imageleft300, DIV.imageleft350, DIV.imageleft11em {
			float: left;
			clear: both;
			/* width: 50px; */
			text-align: center;
			margin: 15px;
			margin-top: 0px;
			margin-right: 0px;
			font-size: 90%;
			font-family: Arial Narrow, Arial, Verdana, Helvetica, "Sans Serif";
		}
		DIV.imageleft350 {
			width: 350px;
		}
		DIV.imageleft300 {
			width: 300px;
		}
		DIV.imageleft250 {
			width: 250px;
		}
		DIV.imageleft90 {
			width: 90px;
		}
		DIV.imageleft11em {
			width: 11em;
		}



		/* use for 550 pixel wide image, with caption below by using manual break */
		DIV.image500, DIV.image550, DIV.image700, DIV.image400, DIV.image333,  {
			width: 550px;
			text-align: left;
			margin: 0px;
			/* font-size: 90%; */
			/* font-family: Arial Narrow, Arial, Verdana, Helvetica, "Sans Serif"; */
		}
		DIV.image500 {
			width: 500px;
		}
		DIV.image400 {
			width: 400px;
		}
		DIV.image333 {
			width: 333px;
		}
		DIV.image700 {
			width: 700px;
		}


		DIV.toplink {
			/* Use for putting in link to Top of Page
			just before section headings. Typical usage
			for cut and paste: 

			<A NAME=""></A>
			<DIV class="toplink"><A class="graylink" HREF="#links">Page&nbsp;Links</A></DIV>
			<H2 class="nomargintop"></H2>

			*/
			font-size:	75%;
			margin-top: 1em;
			margin-bottom: 1em;
			/* 1em top + 1em bottom + line of text at 75% is the 
			same amount of space above the H2 as 1.5em at H2 size of 150%. */
			text-align: right;	
		}


		DIV.toplink3 {
			/* For Hotlines - same as above but larger font
			*/
			font-size:	90%;
			margin-top: 1em;
			margin-bottom: .5em;
			text-align: right;	
		}



		/* 
		These are styles that are used only in 
		one place or a few places, but which I 
		removed from using the style="xxx" within 
		the HTML coding, because that crashes Netscape 4.X
		browsers. 
		*/


		/* v3main/index.php  */
		.logo_left_padding {padding-left: 7px;}
		.no_padding {padding: 0px;}



		/* For utility pop-up boxes */
		BODY.utilpopup {
			margin: 15px;
			}

		/* 
		The program v3main/prefs_set.php shows samples of font size preferences.
		The styles below are for those samples. 
		Size 3 is normal paragraph font size. 
		*/
		P.fontsample1 {font-size: 9pt;}
		P.fontsample2 {font-size: 10pt;}
		P.fontsample3 {font-size: 11pt;}
		P.fontsample4 {font-size: 12pt;}
		P.fontsample5 {font-size: 14pt;}
		P.fontsample6 {font-size: 16pt;}
		P.fontsample7 {font-size: 18pt;}

		/* 
		Also for v3main/prefs_set.php, we need samples of user-selectable link styles.
		*/
		SPAN.linksample1u {color: #0000CC; text-decoration: none;}
		SPAN.linksample1v {color: #000066; text-decoration: none;}  
		SPAN.linksample1h {color: #0000FF; background-color: #FFFFCC; text-decoration: underline;}

		SPAN.linksample2u {color: #0000FF; text-decoration: underline;}
		SPAN.linksample2v {color: #9900CC; text-decoration: underline;}  
		SPAN.linksample2h {color: #0000FF; background-color: #FFFFCC; text-decoration: underline;}

		SPAN.linksample3u {color: #006618; text-decoration: none;}
		SPAN.linksample3v {color: #003300; text-decoration: none;}  
		SPAN.linksample3h {color: #003300; background-color: #EEEEFF; text-decoration: underline;}

		SPAN.linksample4u {color: #FF0000; text-decoration: underline;}
		SPAN.linksample4v {color: #CC6600; text-decoration: underline;}  
		SPAN.linksample4h {color: #FF0000; background-color: #D8D8FF; text-decoration: underline;}

		SPAN.linksample5u {color: #000000; text-decoration: underline;}
		SPAN.linksample5v {color: #000000; text-decoration: underline;}  
		SPAN.linksample5h {color: #0000FF; background-color: #FFFFCC; text-decoration: underline;}



		/* 
		This style (with specified borders) crashes Netscape 4.X browsers

		.jumptotitle {
			color: #000000;
			border-top-style: solid;
			border-top-color: #43648C;
			border-top-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #43648C;
			border-bottom-width: 1px;	
			font-size: 18px;
			text-align: left;
			background-color: #B0E49E; 
			padding-left: 7;
			padding-top: 4;
			padding-bottom: 4;
			margin: 0;
			margin-top: 6px;
			}

		*/
}

/*
=======================================================================
Settings for screen but not print
*/
@media screen {
		.hidefromscreen {display: none;}
}
/*
=======================================================================
Override settings above for pages being sent to Printer
*/

@media print {
		
		BODY {
			background-color: #FFFFFF; 
		}

		H1, H2, H3, H4 {color: black;}
		
		A:link, A:visited {
			/* color: black; */
			color: #000066; 
			text-decoration: underline; 
			font-weight: normal;
		}
		

		TD {
			background-color: #FFFFFF; 
		}


		DIV.toplink {visibility: hidden;}

		DIV.sidebar {
			background-color: #FFFFE8;
		}
		

		.hidefromprint {display: none;}


}

