/* 	We've defined font size in percentages here and throughout our stylesheet 
		for accessibility. The fonts can be scaled for visually impaired users.  */

body { 	color: black; 
		font-family: Arial, Helvetica, SunSans-Regular;
		font-size: 80%;
		background-color: #ffffff;
		color: #000000;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		}

td, th { 	font-family: Arial, Helvetica, SunSans-Regular;
			font-size: 80%;}

/* Headings and Menu Text */

h1 					{ 			
								font-size: 175%;
								color: #CC0000;
								}
									
h2 					{ 			/*font-weight: bold;*/
								font-size: 150%;
								color: #CC0000;
								}									
								
h3 					{ 	/*font-weight: bold;*/
								font-size: 130%;
								color: #CC0000;
							}

h4 					{  	
								color: #CC0000;
								letter-spacing: 1px;
								font-family: arial;
								}											
											
/* 	Heading classes for h1, h2 etc equivalents with no line break after them.
		Use sparingly. Real h1, h2's etc. are preferable due to structural 
		and accessibility concerns. */

.heading1 		{ font-weight: bold;
									font-size: 130%;
									color: #336699;
									letter-spacing: 1px;
									}
									
.heading2 	{ 	font-weight: bold;
									font-size: 120%;
									color: #336699;
									letter-spacing: 1px;
									}									
								
.heading3 		{ font-weight: bold;
									font-size: 100%;
									color: #336699;
									letter-spacing: 1px;
									}

.heading4 {  	font-weight: bold;
									font-size: 85%;
									color: #336699;
									letter-spacing: 1px;
									}


div.large_text { 	font-size: 120%;
					line-height: 15pt;
					word-spacing: 5px;
					margin-left: 15px;
					margin-right: 20px;
					}

/*ul.Menu  { margin-top: 0px; margin-left: 10; }
li.Menu { margin-top: 0px;line-height: 1.50em; }*/ 
							
image.gray_border { border-style: solid;border-width: 1px;border-color: #BDBDBF; }														

image.black_border { border-style: solid;border-width: 1px;border-color: #000; }														

/* Text formatting Classes
	 Note: If you use these classes in a div tag, all p tags 
	 within the div tags will inherit them. */

.footer { 	font-size: 85%;
			padding-top: 30px;
			text-align: center;
			}
					
.RedText { color: #ff0000; }

.WhiteText { color: #ffffff; }

.GrayText { color: #e3e3e3; }

/* 	These sizes will become percentages of the 85% defined for 
		the td, th tags when applied to tables. */

.LargeText { font-size: 90%; }
		
.MediumText { font-size: 85%; }

.SmallText { font-size: 80%; }

.TinyText { font-size: 70%; }

.caption { 	font-size: 85%;
						color: #666666;
						}
						
.margins { 	margin-left: 0px;
			margin-right: 0px; }

span.menu_indent_small 		{ margin-left: 10px;margin-top: 0px; }
span.menu_indent_large 		{ margin-left: 20px;margin-top: 0px; }
					
.indent_small 		{ text-indent: 10px; }
.indent_large 		{ text-indent: 20px; }

/* Containers */

.boxCream 		{	padding: 10px;	
							width: 350px;
							/* border: 1px solid #000000; */
							background-color: #ffffee; 
							text-align: justify;
							line-height: 1.5em;
							}
							
.boxPeach 		{	padding: 10px;	
							width: 350px;
							/* border: 1px solid #000000; */
							background-color: #ffffee; 
							text-align: justify;
							line-height: 1.5em;
							} 							 

.boxGray 		{	padding: 10px;	
							width: 350px;
							/* border: 1px solid #000000;*/
							background-color: #e3e3e3; 
							text-align: justify;
							line-height: 1.5em;
							}


.callout {		padding: 10px;
							width: 200;
							background-color: #ffffff;
							font-size: 150%;
							font-family: Times;
							text-align: left;
							line-height: 1.5em;
							}					
div.scroll {	height: 244px;
				width: 300px;
				overflow: auto;
				border: 1px solid #999;
				background-color: #fff;
				padding: 10px;}					

/* The following is simply an example. The URL would be whatever is
		appropriate for your site. 
		Usage:
					 background-repeat: repeat; -- image will tile
					 background-repeat: no-repeat; -- image will not tile
					 background-repeat: repeat-x; -- image will tile horizontally
					 background-repeat: repeat-y; -- image will tile vertically
*/
							
table.background_and_border {
				background-color: #e0d7c9;
				background-repeat: repeat-y;
				border-style: solid;
				border-width: 2px 2px 2px 2px;
				border-color: white;
				}				
				
img.border { 
border: 1px solid #B2B4B3; 
}

							
/*	Links  */

/* Titles for sets of links on left navigation bar	 */
									
a.nav_title_white { 			text-decoration: none;
								margin-left: 5px;
								letter-spacing: 1px;
								/*line-height: 300%;*/
								font-size: 90%;
								font-weight: bold;
								color: #ffffff;
								}
								
a:visited.nav_title_white	{   color: #ffffff; }							
								
a:hover.nav_title_white		{	text-decoration: underline;
							  	color: #ffffff; }

a.nav_title_white_to_black { 			text-decoration: none;
								margin-left: 5px;
								letter-spacing: 1px;
								/*line-height: 300%;*/
								font-size: 90%;
								font-weight: bold;
								color: #ffffff;
								}
								
a:visited.nav_title_white_to_black	{   color: #ffffff; }							
								
a:hover.nav_title_white_to_black		{	text-decoration: underline;
							  	color: #ffffff; }
							  	
a.nav_title_white_to_blue	{ 			text-decoration: none;
								margin-left: 5px;
								letter-spacing: 1px;
								/*line-height: 300%;*/
								font-size: 90%;
								font-weight: bold;
								color: #ffffff;}

a:visited.nav_title_white_to_blue	{	color: #ffffff; }

a:hover.nav_title_white_to_blue		{	text-decoration: underline;
						color: #3300CC; }

/* Medium blue for standard links */
a { /*color: #2a8fb1*/
	    color: #0000cf;
		text-decoration: none; }

a:hover { text-decoration: underline;
					color: #A84291; }

/* same blue for visited links */					
a:visited { color: #0000cf; }	

/* Make the visited links purple for the visited links for the children's letters on the successes page. */				

a:visited.letterlinks { color: #996699; }