/* Based on a template by Ben Meadowcroft, see http://www.benmeadowcroft.com/webdev/  for more info */
body
{
	color : rgb(255,255,204);
	background-color : rgb(255,255,255);
	background-image : url(home/images/fade.gif);
	background-attachment : fixed;
}

 a:link {
   color : #66ff99;
   background : transparent;
   text-decoration : none;
}

a:visited {
   color : #ffdd99;
   text-decoration : none;
}

a:hover {
   color : yellow;
   text-decoration : none;
}

a:active {
   color : #99ff99;
   text-decoration : none;
}

h1, h2
{
	margin:0px;
	padding:0px;
}

h3
{
	max-width:45em;
	text-align: center;
	color: yellow;
	font-size: 1.5em;
}

h4
{
	color: red;
}

h5
{
	text-align: center;
}
h6
{
	margin:0px;
	padding:0px;
	color: yellow;
}

/*
 * This ensures that text in paragraphs doesn't
 * stretch right across the screen. This only works
 * in more advanced browsers.
 */
.contentText p
{
	text-indent: 2em;
}

#bottom {
	color: rgb(255,255,204);
	padding: 3em;
	text-align: left;
}


ul.menu
{
	list-style:none;
	margin:0px;
}

ul.menu li
{
	display:inline;
}

.menu
{
	text-align : center;
	background-image : url(home/images/fade.gif);
	border : thin solid rgb(255,255,204);
	font-weight : bold;
}

.menu a
{
	color : rgb(255,255,255);
	background-color : inherit;
}

.menu a:hover
{
	color : rgb(255,255,51);
	background-color : rgb(0,102,0);
}


.menu strong
{
	font-size : large;
}

.other
{
	text-align : center;
	background-image : url(home/images/fade.gif);
	border : thin solid rgb(255,255,204);
	background-color : inherit;
	color : rgb(255,255,255);
	font-weight : bold;
}

.contentText
{
	color : rgb(255,255,255);
	border : thin solid rgb(255,255,204);
}

.footer
{
	background-image : url(home/images/fade.gif);
}

.footer a:link
{
	color: rgb(0,0,0);
	background-color:transparent;
}