body
{
	background-color: #dddddd;
	color: #000000;
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
}

/*   HEADER BANNER  */


.header
{
	
	background-color: #39478e;
	min-width: 830px;
}

#title
{
	position: relative; top: -50px; left: 5px;
	font-size: 30px;
	font-family: Georgia, serif;
}

.header a
{
	color: #FFFFFF;
	text-decoration: none;
  }

.header a:hover
{
	color: #ffcc66;
	text-decoration: underline;
  }


.header a:active
{
	color: #FFFFFF;
}
.header a:visited
{
	color: #FFFFFF;
}


.header img
{
	margin-left: 3px;
	margin-top: 3px;
	border: 0;
}


/*   CONTENT   */

.content
{
	width: 830px;

}

h1
{
	font-size: 22px;
	margin-left: 20px;
	color: #39478e;
}


.content p
{
	margin: 20px;
	font-size: 14px;
	color: #000000;
}

img#works
{
	float: left;
	margin-right: 20px;
	margin-left: 20px;
}


/*   SEARCH & BROWSE BOX  */

.nav
{
	margin: 5px 5px 0px 20px;	
	font: normal 12px Verdana, sans-serif;
	background:#FFFFFF;
	width: 28em;
	float: right;
}



.description
{
	font-style: normal;
	font-size: 11px;
	color: #7d765c;
}

.nav ul 
{ 
	list-style : none; 
	margin: 0;
	padding: 0;
}


.nav li
{
	border-top:#CCCCCC 1px solid;
	text-align: left;
	padding: 0.25em 0.5em 0.25em 0.75em;
}

.nav li a
{
	display: block;
	text-decoration: none;
	font-weight: bold; 
}

.nav li a:link 
{ 
	color: #39478e; 
}

.nav li a:visited 
{ 
	color: #aebfdc; 
}

.nav li a:hover
{
	border-color: #ccc;
	color: #39478e;
	text-decoration: underline;
}




.footer
{
	background-color: #39478e;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: .5em;
	padding-bottom: .5em;
	width: 100%;
	text-align: left;
}

.subfooter
{
	color: #39478e;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	text-align: center;
}