/*		This is the Cascading Style Sheet for WASATCHCONTRAS.ORG   */
/*		Validates as CSS3		*/
/*		See the document "Web_Font_Notes" for discussion of @font-face issues       */
								    
					/*   BACKGROUND, ALIGNMENT, and BORDERS   */
body		{ background-color: #D9D8FD; text-align: center; width: 720px;  /* color: very light blue */
				  margin-left: auto; margin-right: auto; }
table.index		{ background-color: #7084C6; width: 724px;	/*  Fixed Items on Index,Home2;  dark blue */
				  border-left: solid 2px #000077; border-right: solid 2px #000077; }
table.indexB	{ background-color: #7084C6; width: 724px;		/*  Fixed Items on Index, Home2 */
				  border-left: solid 2px #000077; border-right: solid 2px #000077;
				  border-bottom: solid 2px #000077; }
table.schedule	{ background-color: #B8C2E3; width: 720px; }	/* Schedules, Index, Home2  */		  
table.columns2  { width: 440px; margin-left: auto; margin-right: auto; } 	/* Schedules	*/
.mobile			{ text-align: left; }			/* Index		*/

							/*   BLOCK TEXT   */

@font-face {
	font-family: 'Vollkorn Bold';
	src: url('Fonts/Vollkorn-Bold.eot');
	src: local('☺'),
		 url('Fonts/Vollkorn-Bold.ttf') format('truetype'),
		 url('Fonts/Vollkorn-Bold.svg#Vollkorn-Bold') format('svg');
	}
							
p { font-family: 'Vollkorn Bold', Georgia, Times, serif; font-size: 1.2em;
		font-weight: bold; color: #000077; }
p.text   { white-space: pre; text-align: center; } 	/*  Normal Text (Contacts and Links) */
p.normal { text-align: left;  }     				/*  Normal Text (Index, Home2)		*/

							/*   IN-LINE TEXT   */

@font-face {
	font-family: 'ChunkFive';
	src: url('Fonts/ChunkFive.eot');
	src: local('☺'),
		 url('Fonts/ChunkFive.otf') format('opentype'),
		 url('Fonts/ChunkFive.svg#ChunkFive') format('svg');
}

span {font-family: 'ChunkFive', Georgia, Times, serif; font-weight: bold; color: #000077; }

span.h1		{   font-size: 5.0em;  }					/*  Index and Home2 (not currently used)	*/
span.h2		{   font-size: 3.2em;  }					/*  Return, Return_Cancel			*/
span.h3		{   font-size: 2.4em;  }					/*  Contacts, Links, Schedules  	*/
span.h4	 { font-size: 1.2em; font-family: 'Vollkorn Bold',Georgia,Times,serif; }   /* Schedules, Links */
span.h4c	 { font-size: 1.0em; font-family: 'Vollkorn Bold',Georgia,Times,serif; }   /* Contacts */
span.h5		{	font-size: 1.4em;  }					/*  Details, Index					*/

@font-face {
	font-family: 'Vollkorn Regular';
	src: url('Fonts/Vollkorn-Regular.eot');
	src: local('☺'),
		 url('Fonts/Vollkorn-Regular.ttf') format('truetype'),
		 url('Fonts/Vollkorn-Regular.svg#Vollkorn-Regular') format('svg');
	}

/*  Details  */
span.normal { font-family: 'Vollkorn Bold', Georgia, Times, serif; font-size: 1.1em;
				font-weight: bold; color: #000077; }

/* Index, Home2 */						
span.style9	{ font-family: 'Vollkorn Regular', Georgia, Times, serif; font-size: 80%;
				font-style: normal; font-weight: normal; color: #000055; }
				
/*  Schedules */
span.stress { font-family: 'Vollkorn Bold', Georgia, Times, serif; font-size: 1.3em; color: #C00000;
				font-weight: bold; }

						/*   TABLE DATA    */
/* Index, Home2, Schedules, Contacts */
td  { font-family: 'Vollkorn Bold', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #000055;
	  font-weight:	bold;	padding: 0px 0px 10px 20px;  }

/*  Schedules  */
td.columns2  	{ width: 220px; text-align: left; }
/*	Fixed Items on Index and Home2 pages	*/
td.colB1		{ width: 10px;  padding: 0; }
td.colB2		{ width: 160px; padding: 0; }
td.colB2a		{ width: 160px; padding: 0; font-size: 90%; font-weight: bold; }
td.colB2b		{ width: 180px; padding: 0; font-size: 90%; font-weight: bold; }
td.colB3		{ width: 380px; padding: 0; }
td.colB3a		{ width: 380px; padding: 0; font-size: 90%; font-weight: bold; }
td.colB3b		{ width: 340px; padding: 0; }
td.colB4		{ width: 105px; padding: 0; }
td.BlankLine	{ width: 720px; padding: 0; }

					/*   IN-LINE LINKS  (Index, Home2, Contacts, Links)  */
a.inline { font-family: 'Vollkorn Bold', Georgia, Times, serif; color: #000055; border: none;
			text-decoration: underline;  font-size: 1.0em; }	 
.link a.inline:link, .link a.inline:visited { font-weight: bold; }
.mail a.inline:link, .mail a.inline:visited {font-weight: normal;line-height: 100%; }
.link a.inline:hover, .mail a.inline:hover 	{ color: #26ee26; }

			/*   BUTTON LINKS   */

@font-face {
	font-family: 'Audimat Mono Bold';
	src: url('Fonts/AudimatMonoBold.eot');
	src: local('☺'),
		 url('Fonts/AudimatMonoBold.ttf') format('truetype'),
		 url('Fonts/AudimatMonoBold.svg#AudimatMonoBold') format('svg');
}

a	{	font-family: "Audimat Mono Bold", "Andale Mono", "Courier New", monospace;
		font-weight: bold; white-space: pre; text-decoration: none;
		border: solid 1px #000077; margin: 0px -5px 0px 0px; padding: 4px 0px 4px 0px; }

/*   REGULAR BUTTONS (Contacts, Links, Details, Schedules)   */
.button_nav a:link, .button_nav a:visited { color: white; background: #000077;
											font-size: 1.2em; line-height: 2.0em; }
.button_nav a:hover  { color: #000077; background: #E0E0E0; }

/*	EXTRA-LARGE BUTTON on Index and Home2 Pages	*/
.big_button a:link, .big_button a:visited  	  { color: white; font-size: 1.8em; margin: 0;
				line-height: 2.0em; background: #000077; border: solid 1px #000055; }
.big_button a:hover  { color: #000077; background: #E0E0E0; }

/*    SMALL BUTTONS on Links Page   */ 
.small_button a:link, .small_button a:visited	{ color: #0000AA;
		background: #94A3D4;									/*  color:  medium blue  */
		font-size: 1.2em; line-height: 1.4em; border: solid 1px #000077;
		padding: 3px 0px 3px 0px; margin: 0px -5px -5px 0px; }
.small_button a:hover	{ color: white; background: #7084C6; }	/*  color:  dark blue  */

						/*   W3C  COUNTER   */

/*	Next line positions the badge for W3C Counter.  It can be  permanently hidden since the count
 	results are available online in 'wasatchcontras' account at the W3C website.  */
												
.counter#w3c	{ position: absolute; bottom: 1px; left: -600px; }

							/*   TEXT BOXES   */

/*  Gray box on INDEX, HOME2, and CREDITS pages  */
.textbox	{ background: #E0E0E0; padding: 10px 0px 10px 20px; text-align: left;
			border: outset 5px #FFFFFF;	width: 660px; margin-left: auto; margin-right: auto; }
			
/*  Light-blue box on INDEX and HOME2 pages  */
.textbox1	{ background: #B8C2E3; padding-top: 5px; border-top: solid 2px #000077;
			  border-left: solid 2px #000077; border-right: solid 2px #000077;
			  width: 720px;  margin-left: auto; margin-right: auto;
			   }

/*  Gray box on CREDITS pages  */
.textbox1C	{ background: #E0E0E0; padding: 2.0em 0 2.0em 0; border: solid 2px #000077;
			  width: 720px;  margin-left: auto; margin-right: auto;
			   }			   
			   
/*  Light-blue box on SCHEDULES, CONTACTS, and LINKS pages  */
.textbox2	{ background: #B8C2E3; padding: 1.0em 0 1.0em 0; text-align: center;
			  width: 720px;  margin-left: auto; margin-right: auto;
			  border-left: solid 2px #000077; border-right: solid 2px #000077;
			  border-bottom: solid 2px #000077; }
			  
/*	Gray box on SCHEDULES, CONTACTS, and LINKS pages   */ 
.textbox3 { background: #E0E0E0; width: 720px; margin-left: auto; margin-right: auto;
			border-left: solid 2px #000077; border-right: solid 2px #000077;
			border-top: solid 2px #000077; }
			
/*  Top Dark-colored box on DETAILS page  */
.textbox5	{ background: #B8C2E3; padding-left: 20px; border-top: solid 2px #000077;
			  border-left: solid 2px #000077; border-right: solid 2px #000077;
			  width: 700px;  margin-left: auto; margin-right: auto; text-align: left;
			   }
			   
/*  Bottom Dark-colored box on DETAILS page  */
.textbox6	{ background: #B8C2E3; padding-left: 20px; border-bottom: solid 2px #000077;
			  border-left: solid 2px #000077; border-right: solid 2px #000077;
			  width: 700px;  margin-left: auto; margin-right: auto; text-align: left;
			   }
			   
/*	Light-colored box on DETAILS page   */ 
.textbox7  { background: #E0E0E0; width: 700px; margin-left: auto; margin-right: auto; text-align: left;
			padding-left: 20px; border-left: solid 2px #000077; border-right: solid 2px #000077; }

/*	Gray box on DONATE, RETURN, RETURN_CANCEL pages   */ 
.textbox8 { background: #E0E0E0; width: 680px; margin-left: auto; margin-right: auto;
			border: solid 2px #000077; padding: 10px 20px 10px 20px; }