/* Do not edit the html section this is used to prevent scrolling bars on pages that do not need them */
html 

{
	overflow-x: hidden;
	overflow-y: auto;
} 

/* The body section changes the whole sites background image, background color, font type, font size, font color */
body
{
	background-image: 
	background-color: #99CCFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

/* secondary_links are used for the bottom navigation at the bottom of the website. */
.secondary_links
{
	font-family: "Times New Roman", Times, serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
}

/* first_letter_heading_change is for changing the headings of the first letter to the color of the logo */
.first_letter_heading_change {
	font-family: Vagabond;
	font-size: 24pt;
	font-style: normal;
	font-weight: bolder;
	color: #0000FF;
}

/* first_letter_color_change just changes the color on any letter you may choose to the logo color */
.first_letter_color_change
{	
	color: #0000FF;
}

/* link_highlight is were the mouse is currently on will change the background of that section */
.link_highlight
{
	background-color: #66CCCC;
}

/* link_unhighlighted is where when the mouse isn't over it */
/* NOTE: background color has no color in it. this is so the background is transparent so it could have the background image or color of the site */
.link_unhighlighted
{
	background-color:;
}

/* a:link, a:visted is the color that the links will be when seeing a link and when a link has been visited */ 
a:link, a:visited
{
	text-decoration:none;
	color: #0000FF;
	font-weight: bold;
}

/* a.nav:hover is when you put the mouse on the link it will change to the color listed below */
a.nav:hover
{
	color:#000000
}