html {  background:#FFF none repeat scroll 0 0; color:#000000; background: #EEE url(../i/bkgnd.jpg) 0 0 fixed; }
body { margin: 0; padding: 0; border: 0; font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida', 'Lucida Grande', 'Arial', sans-serif;  }

p, li 			{ font-size: 12px; line-height: 18px; margin: 0 0 10px 0; padding: 0; }
h1						{ font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
h2						{ font-size: 14px; font-weight: bold; margin: 5px 0 10px 0; }
h3						{ font-size: 12px; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
a 						{ text-decoration: none; color: #008; font-weight: bold; }
a:hover,
a:active				{ text-decoration: underline; color: #00E; }

.float-left				{ float: left; margin-right: 15px; }
.float-right			{ float: right; margin-left: 15px; }
.clear 					{ clear: both;  height: 1px; line-height: 1px; margin: 0; padding: 0; }
.clear-left 			{ clear: left; }
.clear-right 			{ clear: right; }
.center 				{ text-align: center; }
.hidden					{ display: none; }
.small					{ font-size: 9px; text-align: center; }

a.box, 
a.box:hover 		{ line-height: 25px; padding: 1px 5px 1px 5px; border: 2px solid #009; text-decoration: none; }
a.box:active,
a.box:hover			{ line-height: 25px; padding: 1px 5px 1px 5px; border: 2px solid #009;  background-color: #009; color: #FFF; } 		

#page-wrap 	{ padding: 10px 15px 15px 15px; width: 800px; margin: 0 auto; }


#mainmenu { text-align: center; margin-bottom: 25px; }
#mainmenu h1 { margin: 0 auto; font-size: 30px; font-weight: normal; border-bottom: 1px solid #555; width: 750px; padding-bottom: 10px; text-align: center; }
#mainmenu ul { padding: 0; height: 30px; width: 560px; margin: 0 auto; }
#mainmenu li { font-size: 15px; list-style: none; font-weight: normal;  }
#mainmenu li a { float: left; display: block; text-decoration: none; color: #999;  margin: 0 20px 0 20px; font-weight: normal; }
#mainmenu li a:hover,
#welcome a#mm-welcome,
#paintings a#mm-paintings,
#paper a#mm-paper,
#statement a#mm-statement,
#biography a#mm-bio { color: #000;   }

.image-pos { float: left; margin: 0 0 0 200px;  }
.image-pos2 { float: left; margin: 0 0 0 0px;  }
.info { clear: left; font-style: italic; font-size: 10px; padding: 5px 0 0 200px; }
.info2 { clear: left; font-style: italic; font-size: 10px; padding: 5px 0 0 0px; }
.info2:first-line,
.info:first-line { font-weight: bold; font-size: 14px; font-style: normal;  }

.spacer 	{ clear: both;  height: 50px; margin: 0; padding: 0; }
.spacer2 	{ clear: both;  height: 25px; margin: 0; padding: 0; }

.narrow		{ width: 550px; margin: 0 auto; text-align: justify; }

.instruct	{ font-style: italic; font-size: 10px; color: #777; clear: left; float: right; margin-right: 195px; text-align: right; }

.welcome-pic { float: left; margin-left: 80px; }
.bio-pic	{ margin-left: 25px; float: left;  }
.bio-info	{ margin-left: 25px; clear: left; }
#bio		{ width: 500px; float: right; margin-top: -20px;}
#bio p		{ margin: 0 0 15px 75px; text-indent: -38px; }
#bio h2		{ margin: 25px 0 10px 0; text-decoration: underline; }

/* DROP SHADOW FOR IMAGES */
html>body .outerpair1 { background: url(../i/ds/upperrightfade.png) right top no-repeat; margin-top: 3px; }
html>body .outerpair2 { background: url(../i/ds/lowerleftfade.png) left bottom no-repeat; padding-top: 6px; padding-left: 6px; }
html>body .shadowbox { background: url(../i/ds/shadow.png) bottom right; }
html>body .innerbox { position: relative; left: -6px; top: -6px; }
.shadowbox img { padding:1px; background-color: #FFF; border: 1px solid #888; vertical-align: bottom; } 

#caption	{ clear: left;  text-align: center; }

.home-link { text-decoration: none;  color: #000;}
.home-link:hover { text-decoration: none; color: #000; }

#article { border: 3px double #000; margin: 35px 15px 15px 15px; padding: 15px 25px 15px 25px; text-align: justify; }
#article .image-pos { float: left; margin: 0 0 0 140px;  }