/* General and Background Settings */
* { margin: 0; padding: 0; }
body { background: #C2C2DC url(images/siteBG.gif) 0 0 repeat-x; font-family: verdana, arial, sans-serif; font-size: 75%; }
#page { width: 900px; margin: 0 auto; background: url(images/contentBG.gif) 171px 0 repeat-y; }
p.headerScript { border: 1px solid red; }

/* Site Title and Header */
#siteHeader #homeTitleLink span, #siteHeader h2 { display: none; }
#homeTitleLink { width: 100%; height: 91px; display: block; background: url(images/title.jpg) 0 0 no-repeat; }

/* Site Navigation (Left-Side Links Menu) */
#nav { float: left; text-align: right; width: 154px; color: #546; padding-top: 2px; }
#nav h3 { height: 20px; margin-top: 8px; } 
#nav h3.photos { height: 37px; } #nav h3.other { height: 33px; } #nav h3.calendar { margin-top: 5px; }
#nav h3 a { display: block; width: 100%; height: 100%; }
#nav h3.calendar a:hover { background: url(images/calendarOverBG.gif) 100% 0 no-repeat; }
#nav h3.coloringpages a:hover { background: url(images/coloringpagesOverBG.gif) 100% 0 no-repeat; }
#nav h3.symbol a:hover { background: url(images/symbolOverBG.gif) 100% 0 no-repeat; }
#nav .gallery { background: url(images/galleryBG.gif) 100% 0 no-repeat; }
#nav .paintings { background: url(images/paintingsBG.gif) 100% 0 no-repeat; }
#nav .prints { background: url(images/printsBG.gif) 100% 0 no-repeat; }
#nav .photos { background: url(images/photosBG.gif) 100% 0 no-repeat; }
#nav .coloringpages { background: url(images/coloringpagesBG.gif) 100% 0 no-repeat; }
#nav .symbol { background: url(images/symbolBG.gif) 100% 0 no-repeat; }
#nav .calendar { background: url(images/calendarBG.gif) 100% 0 no-repeat; }
#nav .other { background: url(images/otherBG.gif) 100% 0 no-repeat; }
#nav .domont { background: url(images/domontBG.gif) 100% 0 no-repeat; }
#nav h3 span { display: none; }
#nav ul { font-family: "Trebuchet MS", Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif; list-style: none; 
	font-size: 115% }
#nav a { text-decoration: none; color: #336; font-weight: bolder; }
#nav a:hover { color: #cee; font-weight: bold; }
#nav .darkerNav a:hover { color: #9bb; font-weight: bold; }
#nav p, p.copyright { font-size: 7pt; margin: 10px 0; }
#nav ul, #nav p { margin-right: 5px; }
#nav li.navIsolated { padding-top: 5px; }


/* Main Content (Inner Blue-ish Box) */
#pageBody { background: url(images/contentBG.gif) 171px 0 repeat-y; }
#mainContent { background: url(images/contentTopBG.jpg) 0 0 no-repeat; padding: 29px 70px 0 195px; }

/* Series of Images 'Stacked' on the left */
.photoSeries { width: 195px; float: left; }
.photoSeries img { margin: 0 20px 20px 0; }
.photoSeries img.last { margin-bottom: 10px; }

/* Textual Main Content */
.mainCopy { color: #225; font-size: 95%; }
.mainCopy p { margin-bottom: 1em; }
.mainCopy p, .mainCopy li { line-height: 1.5em; }
.mainCopy a { font-weight: bold; /*color: #546;*/ color: #336; } .mainCopy a:hover { text-decoration: none; color: #648; }
.homepage { font-size: 110%; margin-left: 195px; }
.homepage p { margin-bottom: 10px; line-height: 1.4em; }
.quote { padding: 1px 2px; font-size: 95%; color: #447; }
.homepage .quote { font-size: 85%; }
.captionedThumbnail { text-align: center; padding-top: 5px; }
.captionedThumbnail p { color: #a0987c; font-size: 90%; padding-bottom: 4px; }
.captionedThumbnail .title { font-weight: bold; }
.sidePic { float: right; clear: right; margin: 0 0 10px 20px; }
.mainCopy ul { margin: 2px 0 12px 0; list-style: none; }
.mainCopy ul li { padding-left: 14px; background: url(images/bullet.gif) 0 0.15em no-repeat; margin-bottom: 0.5em; }
.mainCopy ol { margin-left: 30px; }
.mainCopy li { margin-bottom: 0.5em; }
.symbol { text-align: center; }
.mainCopy .showPaintings { width: 630px; } /* display some paintings & captions in a row */
.paintingCaption { float: left; margin-right: 15px; } /* fit 3 paintings side-by-side */

/* Inner Page Headings */
.mainCopy h2 { background: url(images/boxTitleUnderline.gif) 0 100% repeat-x; color: #99b; font-size: 175%; 
	padding-bottom: 5px; margin-bottom: 5px; }
.mainCopy h3 { color: #779; font-size: 135%; padding-top: 5px; }
.mainCopy h3.contentDiv { border-top: 1px solid #cce; padding: 5px 0; margin-top: 5px; }
.mainCopy h2, .mainCopy h3 { font-family: "Trebuchet MS", Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif; }
.mainCopy h4 { font-size: 110%; padding: 4px 0 2px 0; color: #337; }
.headerLink { float: right; } 

/* Image Gallery Styles */
#images { width: 630px; }
#images table { /*border-top: 1px solid black;*/ margin-top: 15px; }
#images td { vertical-align: center; width: 200px; height: 160px; /*border-right: 1px solid black; border-bottom: 1px solid black;*/ }
#images td.first { /*border-left: 1px solid black;*/ }
#images td .thumb { text-align: center; }
#images td .thumb img { border: 1px solid black; }
#images td .imgNumber { }
#image { }
.paintingDesc { color: #aa9; font-weight: bold; font-size: 150%; padding: 3px 0 8px 0; }
.paintingDesc span { font-weight: normal; font-size: 85%; display: block; color: #776; }
.imgnav { float: right; margin: 3px 0 10px 10px; width: 150px; }
.imgprevious span, .imgnext span { display: none; }
.imgprevious a, .imgnext a { height: 39px; }
.imgprevious a { float: left; background: url(images/prevTab.gif) 100% 0 no-repeat; width: 71px; }
.imgnext a { float: right; background: url(images/nextTab.gif) 0 0 no-repeat; width: 75px; }
#images p.endImages { clear: both; display: block; height: 1px; }
span.photoShortenCambodia { width: 515px; display: block; }
span.photoShortenJapan { width: 440px; display: block; }
span.photoShortenMidwest { width: 445px; display: block; }
span.photoShortenYellowstone { width: 445px; display: block; }
h2.paintingTitle { font-size: 160%; }

/* End of Page */
#footer { clear: left; background: url(images/footerBG.gif) 0 0 no-repeat; height: 40px; }