<style type="text/css">/* -------- color guide ----------#fffcf8 : main ivory background#f3f3f3 : nearly white#ffffff : white#333333 : very dark gray#CCCCCC : light gray#E2E2E2 : very light gray#000000 : black, text#960 : dark orangish brown, active, hover links#300    : very dk brown, links*//* ----------font family guide -----font-family: "Lucida Grande", Verdana, "Trebuchet MS", "Bitstream Vera Sans", "DejaVu Sans", sans-serif;*/html {	background: #fffcf8 url(resources/background3.jpg) repeat;}body {	font: 100%/1.4 "Lucida Grande", Verdana, "Trebuchet MS", "Bitstream Vera Sans", "DejaVu Sans", sans-serif;	width: 100%;	margin: 0 auto;	color: #000;	background-color: #fdfcfa;	background-image: url(../resources/background3.jpg);	background-repeat: repeat;	}h1 {	font-size: 2.4em;	font-weight: normal;	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);	color: #000;	text-align: center;}h2 {	font-size: 1.4em;}h3 {	font-size: 1.2em;}h4{	font-size: 1em;}/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*//* For modern browsers */.cf:before,.cf:after {    content:"";    display:table;}.cf:after {    clear:both;}/* For IE 6/7 (trigger hasLayout) */.cf {    zoom:1;}/*horizontal menu styles*/ul, li {	margin: 0;	padding: 0;	list-style: none;	float: left;}ul {	background: #fffcf8;	height: 2em;	width: 100%;}li a {	display: block;	line-height: 2em;	padding: 0 1em;	color: #663300;	text-decoration: none;}li a:hover {	background: #fffcf8;	height: 2em;	padding-top: .3em;	position: relative;	top: -.3em;	border-radius: .3em .3em 0 0;	color: #960;}.current, a:hover.current  {	background: #fffcf8;	color: #C60;	padding-top: 0.3em;	border-radius: .3em .3em 0 0;	position: relative;	top: -0.3em;	border-bottom: 0.3em solid #960;}#banner {	font-family: "Lucida Grande", Verdana, "Trebuchet MS", "Bitstream Vera Sans", "DejaVu Sans", sans-serif;	font-size: 200%;	color: #FFF;	background-color: #000;	text-decoration: none;	text-align: center;	margin: 0px;	display: block;	clear: both;	float: none;	padding-top: 20px;	padding-bottom: 20px;	padding-left: 40px;	height: 100%;	border: 0px none #000;}#container {	width: 960px;	margin-top: 0px;	margin-right: auto;	margin-bottom: auto;	margin-left: auto;	padding: 1em;}.thumbnails {	text-align: center;}.Header {	font-size: x-large;}#footer .style3 .style4 {	font-size: small;}.portfolios {	font-size: medium;}a:link {	color: #300;	text-decoration: none;}a:visited {	text-decoration: none;	color: #300;}a:hover {	text-decoration: none;	color: #960;}a:active {	text-decoration: none;	color: #663300;}h1 {	font-size: x-large;}h2 {	font-size: large;}h3 {	font-size: medium;}h5 {	font-size: small;}h6 {	font-size: x-small;}.content {	background-color: #FFF;	padding: 1em;}.author {	font-style: italic;}.description {	font-size: 0.9em;	font-weight: normal;	color: #000000;}.booktitle {	font-size: 1em;	font-weight: bold;}.quote {	font-size: .8em;	font-weight: normal;	padding-right: 1em;	padding-left: 1em;	border: thin solid #300;	margin: 1em;}.body {	left: auto;	right: auto;}