body
{
	margin: 0;
	padding: 0;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	color: #ffffff;
	background-color: #0099cc;
	line-height: 150%;
}


/* Underlined links in the content area */
a:link		{ color: #ffffff; text-decoration: underline; }
a:visited	{ color: #e0ffe0; text-decoration: underline; }
a:active	{ color: #ffffa0; text-decoration: underline; }
a:hover		{ color: #ffffa0; text-decoration: underline; }


h1
{
	font-family: comic sans ms, verdana, arial, helvetica, sans-serif;
	font-weight:bold;	
	line-height: 120%;
	margin-top: 0;
	margin-bottom: 0;
}


h2
{
	font-family: comic sans ms, verdana, arial, helvetica, sans-serif;
	font-weight:bold;	
	line-height: 120%;
	margin-top: 0;
	margin-bottom: 0;
}


hr.LeftNav
{
	color: #ffffff;
	height: 1px;
}


hr
{
	color: #ff9900;
	height: 3px;
}


img.pictureframe
{
	border-width: thick;
	border-color: #ff9900;
}


/* Box containing a Face and it's name. */
div.facebox
{
	text-align: center;
	margin-bottom: 2em;
	vertical-align: baseline;
	float: left;
}


/* Box containing a Face and it's name on the category page. */
div.catfacebox
{
	text-align: center;
	margin: 1em 1em 2em 1em;
	vertical-align: baseline;
	float: left;
}


/*	Used to end a set of floating boxes. */
div.division
{
	clear: both ;
}


.note
{
	font-style: italic;
	text-indent: -1em;
	padding: 0 0 1em 1em;
	line-height: 100%;
}


#header
{
	background-color: #0099cc;
	padding: 0;
	margin: 0;
	border: 0;
}


/* Progress bar */
#progressbar
{
	position: relative;
	margin: 0;	
	padding: 0.3em 0.3em 0.3em 5em;
	background-color: #ffffff;
	color: #0099cc;
}

#progressbar a			{ color: #ff9900; text-decoration: none; }
#progressbar a:link		{ color: #ff9900; text-decoration: none; }
#progressbar a:visited	{ color: #996900; text-decoration: none; }
#progressbar a:active	{ color: #000000; text-decoration: underline; }
#progressbar a:hover	{ color: #000000; text-decoration: underline; }

img.arrow
{
	vertical-align: middle;
}


/* Left hand nav */
#left
{
	position: absolute;
	width: 15%;
	color:#ffffff;
	background: #0099cc;
	font-weight: bold;
}

div.sel
{
	padding: 0.5em;
	border-bottom: 1px solid #0099cc;
}

div.sel a			{ color: #ffffff; text-decoration: none; }
div.sel a:link		{ color: #ffffff; text-decoration: none; }
div.sel a:visited	{ color: #ffcc00; text-decoration: none; }
div.sel a:active	{ color: #ffffa0; text-decoration: underline; }
div.sel a:hover		{ color: #ffffa0; text-decoration: underline; }

div.unsel
{
	background: #ffffff;
	padding: 0.5em 0 0.5em 0.5em;
	margin: 0 0.5em 0 0;
	border-bottom: 1px solid #0099cc;
}

div.unsel a			{ color: #ff9900; text-decoration: none; }
div.unsel a:link	{ color: #ff9900; text-decoration: none; }
div.unsel a:visited	{ color: #996900; text-decoration: none; }
div.unsel a:active	{ color: #000000; text-decoration: underline; }
div.unsel a:hover	{ color: #000000; text-decoration: underline; }


/* Content area */
#middle
{
	position: absolute;
	vertical-align:top;
	left: 15%;
	padding: 1em;
	background: #0099cc;
}