#content #alphabet {
	color: #000000;
	font-family: monospace;
	font-size: 1.3em;
	font-weight: bold;
}

#content #alphabet a{
	color: #402640;
	text-decoration: underline;
}
	 
#content #alphabet a:hover{
	color: #dfb8df;
	text-decoration: underline;
}


.google-ad-right {
		clear: both;
		margin: .75em .5em;
		padding: .2em;
		border-left: 1px solid #CCC;
		border-bottom: 1px solid #CCC;

		/* Block NS4 from floating */ /*/*/
		float: right;
		max-width: 140px;
		max-height: 260px;
		/* */
}

.google-ad-skyscraper {
	clear: both;
	margin: .75em .5em;
	padding: .2em;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	
	float: right;
	max-width: 160px;
	max-height: 600px;
}
	
/*
   If viewing screen is relatively large
*/
@media screen and (min-width: 501px) 
{
	a {
		color: #402640;
		text-decoration: underline;
	}
	
	a:hover {
		color: #dfb8df;
		text-decoration: underline;
	}

	#container {
		max-width: 980px;
		margin: 0 auto;
		background-color: #ffffff;
	}
	
	#masthead {
		background: #edf2f2;
	}
	
	#title {
		background: #455372;
		color: #cccccc;
		text-align:right;
	}
	
	#title h1{
		padding-left: 1.2em;
		color: #ffffff;
		font-size:xx-large;
		text-align: left;
	}
	
	#title a{
		color: #ffffff;
		text-decoration: none;
	}
		
	#content {
	    max-width: 75%;
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
	}
	
	#content h1,h2,h3,h4,h5,h6 {
		color: #402640;
	}
	
	#footer {
		font-size: 0.8em;
		text-align: right;
		clear: both;
		max-width: 100%;
		border-top: 1px solid #cccccc;
	}
	
	#trail {
		font-size:smaller;
		text-align:right;
		padding: 0;
		margin: 0;
	}
}

/*
   IF viewing screen is small
*/
@media screen and (max-width: 500px) 
{
	body {
		max-width: 100%;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		background-color: #edf2f2;
	}
	
	#container 
	{
		max-width: 100%;
		margin: 0 auto;
		background-color: #ffffff;
	}

	#masthead {
		max-width: 100%;
		background: #edf2f2;
	}
	
	#title {
		background: #455372;
		color: #cccccc;
		text-align:right;
	}
	
	#title h1{
		padding-left: 1.2em;
		color: #ffffff;
		font-size:x-large;
		text-align: left;
	}
	
	#title a{
		color: #ffffff;
		text-decoration: none;
	}
	
	#content
	{
	    max-width: 80%%;
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
	}

	#footer {
		font-size: smaller;
		text-align: right;
		clear: both;
		max-width: 100%;
		border-top: 1px solid #cccccc;
	}
	
	#trail {
		font-size:smaller;
		text-align:right;
	}
}

/*
   If stuff gets printed
*/
@media print
{
	#footer {
		font-size: smaller;
		text-align: right;
		clear: both;
		max-width: 100%;
		border-top: 1px solid #cccccc;
	}
	
	#trail {
		font-size:smaller;
		text-align:right;
	}
	
}