body {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: .8em;
	color: #4e3811;
	margin: 0 20px;
	padding: 0;
	background-color: #fff;
}

a { color: #4e3811; }
a:hover { color: #f60; text-decoration: underline; }

form { margin: 0; padding: 0; }

#header {
	margin: 0 auto;
	text-align: right;
	padding-bottom: 20px;
	padding-top: 20px;
}

#homePics {
	float: right;
	margin: 0 auto;
	text-align: right;
	margin-right: 140px;
	margin-top: 50px;
	padding-bottom: 30px;
}

#footer {
	clear: right;
	margin: 10px auto;
	text-align: right;
	border-top: 1px solid #4e3811;
	padding-top: 10px;
	font-size: .8em;
}
#mainBody {
	padding: 10px 0;
	width: 900px;
}

#insideNav {
	width: 200px;
	color: #4e3811; /* brown */
	background: url(i/cleardot.gif) no-repeat #cce3fa; height: 600px;
	padding: 20px;
	border: 0px solid blue;
}

#insideNav img { text-align: center; }

/*.category {
	font-size: 1.4em;
	text-transform: uppercase;
	color: #4e3811;
	letter-spacing: .5em;
	margin: 30px 0;
	padding: 0;
}*/
.category {
	padding: 20px 0 0 0;
	margin: 0;
}

ul { margin-top: 20px; margin-bottom: 20px; }

#insideContainer {
	float: right;
	width: 600px;
	text-align: left;
	border: 0px dashed green;
}

.paintings {
	text-align: center;
	border: 0px solid purple;
}

.paintings img { padding-top: 20px; }

.thumbnails {
	text-align: left;
	margin: 0 auto;
	border: 0px solid orange;
}

.thumbnails img {
	padding-top: 10px;
	margin: 0 5px 5px 0;
}

.paintingTitle {
	font-weight: bold;
	font-size: 1.1em;
}

#nav { 
	text-align: right; 
	padding-top: 12px;
	border-top: 1px solid #4e3811;
	margin: 0 auto;
}
#nav ul { padding: 0; margin: 0; }
#nav li { 
	padding: 0 5px 0 2px;
	display: inline; 
  	list-style: none; 
}

#nav li a { text-decoration: none; }
#nav li a:hover { text-decoration: underline; }

#nav li.active a {
	border: 1px solid #4e3811;
	padding: 3px;
	background-color: #ffffea;
	font-weight: bold;
	margin-right: 5px;
}

.small { font-size: .8em; line-height: 1.3em; }