/* 	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;
					}
					
/* Barbara Brady removed td and th definitions from this stylesheet (as compared to CMSstyle.css). Outside the CMS, the body and td/th tags were combining to produce very small text size. */

/* Headings and Menu Text */

h1 					{ 	font-weight: bold;
								font-size: 130%;
								color: #000000;
								letter-spacing: 1px;
								}
									
h2 					{ 	font-weight: bold;
								font-size: 120%;
								color: #fc1921;
								letter-spacing: 1px;
								}									
								
h3 					{ 	font-weight: bold;
								font-size: 100%;
								color: #000000;
								letter-spacing: 1px;
							}

h4 					{  	font-weight: bold;
								font-size: 85%;
								color: #fc1921;
								letter-spacing: 1px;
								}
/* Barbara Brady added H5 in the event that people outside the CMS should use it. The default h5 is larger than the h4 defined above and does not have letter spacing. The h5 definition below is the same as h4, only black. I did not add H6 as it is smaller than h4 and h5 by default and fits with the implied information hierarchy, should someone choose to go that deep. */
								
h5 					{  	font-weight: bold;
								font-size: 85%;
								color: #000000;
								letter-spacing: 1px;
								}											
											
/* 	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: #000000;
									letter-spacing: 1px;
									}
									
.heading2 	{ 	font-weight: bold;
									font-size: 110%;
									color: #000000;
									letter-spacing: 1px;
									}									
								
.heading3 		{ font-weight: bold;
									font-size: 100%;
									color: #000000;
									letter-spacing: 1px;
									}

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

/* Titles for sets of links on left or right navigation bars.	 */
									
.nav_title_white { 
								margin-left: 20px;
								letter-spacing: 1px;
								font-size: 85%;
								font-weight: bold;
								color: #ffffff;
								}

div.nav_title_black { padding-left: 20px;
											font-size: 85%;
											font-weight: bold;
											color: #000000
											}									
									
div.nav_title_red { 	margin-left: 20px;
											font-size: 95%;
											color: #fc1921;
											font-weight: bold;
											}		
								

/* 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%;
					}
					
/* Barbara Brady removed the 10-px padding from footer for non-CMS templates. */
					
.BlackText { color: #000000; }					
					
.RedText { color: #fc1921; }

.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: 10px;
						margin-right: 10px; }
					
.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;
							} 

.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;
							}					
					

/* 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
					 
Note: For purposes of the UC templates to be used offline (Template_1, anyway) the background no-repeat code is in the head tag. BEB, 10/20/04
*/
							

							
/* This will provice a 1 pixel wide black border around the whole table */								
table.border 	{	border-style: solid;
								border-width: 1px 1px 1px 1px;
								border-color: black; 
								}
								
															 
								 
/*	Links  */

/* Dark blue for standard links */
a { color: #000088;
		text-decoration: none; }

a:hover { text-decoration: underline;
					color: #fc1921; }
							
/* Small white top navbar links */
a.navbarWhiteSmall { color: #ffffff;
								font-size: 85%;
								font-weight: bold;
								text-decoration: none;
								}
								
a:hover.navbarWhiteSmall { color: #e3e3e3; }								
								
/* Small black top navbar links */
a.navbarBlackSmall { 	color: #000000;
											font-size: 85%;
											font-weight: bold;
											text-decoration: none;
											}
								
a:hover.navbarBlackSmall { color: #fc1921; text-decoration: none; }
																													

/* Black left navbar links */								
a.navbarBlack { color: #000000;
								text-decoration: none;
								font-size: 85%;
								font-weight: bold;}								

/* Black left navbar red hover */								
a:hover.navbarBlack  { color: #fc1921; text-decoration: underline; }								
								
/* Black left navbar links in div and span tags */

span.navbarBlack a:link { color: #000000;
								text-decoration: none;
								font-size: 85%;
								font-weight: bold;
								margin-left: 15px
								}
div.navbarBlack a:link { color: #000000;
								text-decoration: none;
								font-size: 85%;
								font-weight: bold;
								margin-left: 15px
								}								
								
/* Black left navbar red hover in div and span tags */								
span.navbarBlack a:hover  { color: #fc1921; text-decoration: none; }
div.navbarBlack a:hover  { color: #fc1921; text-decoration: none; }								

/* Red left navbar links */								
a.navbarRed { 	color: #fc1921;
								text-decoration: none;
								}								

a:hover.navbarRed  { 	color: black; }