/* CSS Document */

/* Created by Eric Herboso on 19OCT07 */


/* Modification List:
   25OCT07: placed on mailer site, modified for add'l content
   16NOV07: added headers, .content */


/* ***** BEGIN Headers ***** */
	
	h1
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;  /* This is main header difference. */
		color: #5F8AB6;
		font-weight: bold;
	}
	
	h2
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;  /* Other than size, each header is identical. */
		color: #5F8AB6;
		font-weight: bold;
	}

/* ***** END Headers ***** */



/* ***** BEGIN divs ***** */

	/* ***** BEGIN .content ***** */
	
		.content
		{
			width: 96%;
			background-color: white;
		}

		.content a:link
		{
			text-decoration: underline;
			color: #666666;
		}
	
		.content a:visited
		{
			text-decoration: underline;
			color: #666666;
		}
	
		.content a:hover
		{
			text-decoration: underline;
			color: #5F8AB6;
		}
	
		.content a:active
		{
			text-decoration: none;
			color: #5F8AB6;
		}
	
	/* ***** END .content ***** */

/* ***** END divs ***** */



/* ***** BEGIN Horizontal Alphabetic Menu ***** */
/* Use div "alphabeticmenucontainer" to contain list */
/* Use ul "alphabeticmenulist" for list */
/* Use div "alphabeticmenuitems" to contain items linked to */

	#alphabeticmenucontainer  /* for containing div */
	{
		font-family: Arial,Sans-Serif;
		margin: 0 auto;
		width: 70%;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}
	
	#alphabeticmenulist /* for ul */
	{
		width: 100%;
		height: 2em; /* This is so when the text size changes on a:hover, the whole page doesn't shift down. */
		text-align: center;
		margin: 0 auto;
		padding: 0;
		text-indent: 0;
		list-style-type: none;
	}

	#alphabeticmenulist li
	{
		padding: 0;
		margin: 0;
		text-indent: 0;
		display: inline;
	}

	#alphabeticmenulist li a
	{
		letter-spacing: -1px;  /* because menu is letters, making them close together makes sense */
		text-decoration: none;
		color: #ccc;
		font-size: 1em;
		padding: 0 2px;
		vertical-align: text-top; /* This is so when text size changes on a:hover, the other letters don't shift downward */
	}

	#alphabeticmenulist li a:hover
	{
		color: #666;
		font-size: 1.5em;
	}

	#alphabeticmenuitems  /* used for div containing items linked to */
	{
		text-align: left;  /* to take it from the center */
		width: 75%;  /* to make sure it doesn't go ALL the way left */
	}
	
/* ***** END Horizontal Alphabetic Menu ***** */