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

body {
background: white;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-weight: normal; 
font-variant: normal; 
font-color: #000000;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
} 

td, th { 	font-family: Arial, Helvetica, SunSans-Regular;
					font-size: 80%; }
					
li {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
} 

/* Headings and Menu Text */

h1 					{ 	font-weight: bold;
								font-size: 140%;
								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;
								}											
											
/* 	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%;
					padding-left: 10px;
					}
					
.BlackText { color: #000000; }					
					
.RedText { color: #fc1921; }

.WhiteText { color: #ffffff; }

.GrayText { color: #e3e3e3; }

.PurpleText { color: #9966cc; }

/* 	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; }
 
						
.navbar a{color: #000000;
											 
											text-decoration: none;
											}
											
.navbar a:hover{color: #fc1921;
 
							text-decoration: underline;
							}
.sidenavbar { 
								font-weight: bold;
								color: #ffffff;
								}
										}					
.sidenavbar a{color: #ffffff;
											 
											text-decoration: none;
											}
											
.sidenavbar a:hover{color: #ffffff;
 
							text-decoration: underline;
											}					
											
.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
*/
							

							
/* 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: underline; }

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

/* Black left navbar red hover */								
a:hover.navbarBlack  { color: #fc1921; text-decoration: underline; }

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

a:hover.navbarRed  { 	color: black; }