body {
	background-color: #CCCCCC;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
}

h2 {
	font-size: 16px;
	font-style: italic;
	color: #663300;
	padding-top: 12px;
}

h1 {
	color: #000033;
	font-size: 24pt;
}

#links p, #bio p, #feedback p {
	width: 500px;
}

.mainpic {
	border: 3px solid #666666;
	width: 550px;
	margin: 20px;
}

#maintext {
	position: absolute;
	left: 600px;
	top: 175px;
	margin: 20px;
}

#fullpicp {
	position: fixed;
	top: 120px;
	right: 50px;
	visibility: hidden;
}

#fullimagep {
	height: 450px;
}

#fullpicl {
	position: fixed;
	top: 150px;
	right: 50px;
	visibility: hidden;
}

#fullimagel {
	width: 500px;
}

#announce {
	font-weight: bold;
	border: solid 1px;
	margin: 50px;
	padding: 10px;
}

#announce.p {
	text-align: left;
}

.bold {
	font-weight: bold;
}

.smallpic {
	border: 1px solid #666666;
	width: 100px;
	margin: 10px;
}

#workdisplay p {
	color: #000066;
}

#workdisplay img {
	vertical-align: middle;
}

#workdisplay td {
	text-align: center;
}

p.msg {
	font-weight: bold;
	font-style: italic;
}

.imagecount {
	font-style: italic;
	font-size: 14px;
	color: #996600;
}

/*  
    styles for the navigation bar -- common to all pages    
*/
#navBar {
	position: absolute;
	left: 25px;
	top: 75px;
}


#navBar a {
	color: #003366;
}

#navBar a:hover {
	background-color: #999999;
	color: #ffffff;
}

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

#navBar li {
	float: left;
	border-width: 0;
}

#navBar li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 20px;
	width: 120px;
	background-color: #666666;
	text-align: center;
	padding-top: 5px;
	font-size: 12px;
}

/*#navBar li:first-child a {
	border-left-style: solid;
	border-left-width: 1px;
}
*/
/* Change characteristics of the nav bar item whose page we're on.  */
#home #navBar .home a,
#paintings #navBar .paintings a,
#drawings #navBar .drawings a,
#bio #navBar .bio a,
#feedback #navBar .feedback a,
#links #navBar .links a {
	color: #000000;
	cursor: default;
}

#home #navBar .home a:hover,
#paintings #navBar .paintings a:hover,
#drawings #navBar .drawings a:hover,
#bio #navBar .bio a:hover,
#feedback #navBar .feedback a:hover,
#links #navBar .links a:hover {
	background-color: #666666;
	color: #000000;
}

/*  
    styles for the painting drop-down menu items -- based on navBar    
*/
	
#paintDrop {
	position: absolute;
	left: 145px;
	width: 130px;
	top: 75px;
	visibility: hidden;
	padding-top: 25px;
}

#paintBar a {
	color: #003366;
}

#paintBar a:hover {
	background-color: #999999;
	color: #ffffff;
}

ul#paintBar {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#paintBar li {
	float: none;
	border-width: 0;
}

#paintBar li a {
	color: #FFFFFF;
	text-decoration: none;
	display: list-item;
	height: 20px;
	background-color: #666666;
	text-align: center;
	padding-top: 5px;
	font-size: 10px;
}

/*#paintBar li:first-child a {
	border-left-style: solid;
	border-left-width: 1px;
}
*/
/* Change characteristics of the drop menu item whose page we're on. These names must
   be kept in synch with the subcategory names in the categories table.   */
#color #paintBar .color a,
#const #paintBar .const a,
#energize #paintBar .energize a,
#flora #paintBar .flora a,
#klee #paintBar .klee a,
#lives #paintBar .lives a,
#odds #paintBar .odds a,
#spare #paintBar .spare a,
#still1 #paintBar .still1 a,
#urban #paintBar .urban a {
	color: #000000;
	cursor: default;
}

#color #paintBar .color a:hover
#const #paintBar .const a:hover
#energize #paintBar .energize a:hover
#flora #paintBar .flora a:hover
#klee #paintBar .klee a:hover
#lives #paintBar .lives a:hover
#odds #paintBar .odds a:hover
#spare #paintBar .spare a:hover
#still1 #paintBar .still1 a:hover
#urban #paintBar .urban a {
	background-color: #666666;
	color: #000000;
}

/*  
    styles for the drawing drop-down menu items -- based on navBar    
*/
	
#drawDrop {
	position: absolute;
	left: 275px;
	width: 130px;
	top: 75px;
	visibility: hidden;
	padding-top: 25px;
}

#drawBar a {
	color: #003366;
}

#drawBar a:hover {
	background-color: #999999;
	color: #ffffff;
}

ul#drawBar {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#drawBar li {
	float: none;
	border-width: 0;
}

#drawBar li a {
	color: #FFFFFF;
	text-decoration: none;
	display: list-item;
	height: 20px;
	background-color: #666666;
	text-align: center;
	padding-top: 5px;
	font-size: 10px;
}

/*#drawBar li:first-child a {
	border-left-style: solid;
	border-left-width: 1px;
}
*/
/* Change characteristics of the drop menu item whose page we're on. These names must
   be kept in synch with the subcategory names in the categories table.   */
#after #drawBar .after a,
#air #drawBar .air a,
#alpha #drawBar .alpha a,
#cowboys #drawBar .cowboys a,
#feel #drawBar .feel a,
#hatfelt #drawBar .hatfelt a,
#life #drawBar .life a,
#linear #drawBar .linear a,
#missing #drawBar .missing a,
#moods #drawBar .moods a,
#night #drawBar .night a,
#plus #drawBar .plus a,
#scribble #drawBar .scribble a,
#still2 #drawBar .still2 a,
#this #drawBar .this a,
#worry #drawBar .worry a {
	color: #000000;
	cursor: default;
}

#after #drawBar .after a:hover
#air #drawBar .air a:hover
#alpha #drawBar .alpha a:hover
#cowboys #drawBar .cowboys a:hover
#feel #drawBar .feel a:hover
#hatfelt #drawBar .hatfelt a:hover
#life #drawBar .life a:hover
#linear #drawBar .linear a:hover
#missing #drawBar .missing a:hover
#moods #drawBar .moods a:hover
#night #drawBar .night a:hover
#plus #drawBar .plus a:hover
#scribble #drawBar .scribble a:hover
#still2 #drawBar .still2 a:hover
#this #drawBar .this a:hover
#worry #drawBar .worry a:hover {
	background-color: #666666;
	color: #000000;
}