/* CSS Document 
authored by Sean Shanahan for Mary Seereiter/Moving Within.*/

/* General properties for the entire page. Color refers to the text color.
Everything should be pretty clear what it is, you just need to maintain the format, semicolons, etc exactly how they are, otherwise
it won't work*/

body {
	background-color: #FEFCED;
	font-family: times, georgia, serif;
	color: #FEFCED;
	font-size: 11pt;
	}
	
/* This sets the color of the links in the whole page - except where we specify otherwise, like the footer. 
These links would be the NEXT PAGE and PREVIOUS PAGE links....
Here's what each means:
a:link is the normal link, a:visited is a link that the user has visited,
a:hover is the color the text will turn when the user puts the mouse over the link, and a:active is the color of the link
when the user clicks. */

a:link {
	color: #D5D1B6;
	text-decoration: none;
	font-family: verdana, helvetica, arial, sans-serif;
	}

a:visited {
	color: #333633;
	text-decoration: none;
	font-family: verdana, helvetica, arial, sans-serif;
	}
	
a:hover {
	color: white;
	text-decoration: none;
	font-family: verdana, helvetica, arial, sans-serif;
	}
	
a:active {
	text-decoration: none;
	color: white;
	font-family: verdana, helvetica, arial, sans-serif;
	}

/* All the 'body' text on each page is now in a layer called bodytext. This way, we can format the 'body' text of the entire site right from here.
On the few pages where we use another layer with text, those styles are set up directly on that page. Again, 
it shouldn't be too hard to figure out what is what here, (line-height is leading).
All layout specs - like height, location, etc - are coded inline on each page, since each page has a unique layout.
*/

#bodytext {
	font-family: times, georgia, serif;
	font-size: 11pt;
	color: #FEFCED;
	line-height: 12.5pt;
	text-align: left;
	visibility: hidden;

	}

/* This is the formatting for the footer. The 'olive' color in #footer sets the color for the circles seperating the links.
To change the color of any of the mouse 'states', just replace the color there with one of your choice. In case something gets fried, here's an example of the code
	#footer a:link {
	color: #72747E;
	text-decoration: none;
	}
	
	#footer sets the format for the N0N-LINK text in the footer.   Which is the dots.
		
text-decoration: none part makes it so the link is not underlined.
*/


#footer {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 9pt;
	color: #676E7C;
	font-weight: normal;
	width: 100%;
	padding:0;
	margin:0;
	border:0;
	padding-left:12px;
	}

#footer a:link {
	color: #676E76;
	text-decoration: none;
	}

#footer a:visited { 
	color: #90856C; 
	text-decoration: none;
	}

#footer a:hover {
	color: #336600;
	text-decoration: none; 
	}
		
#footer a:active {
	color: #FFCC99; 
	text-decoration: none;
	}