@charset "UTF-8";

/* CSS - partial - Eric Meyer's Reset Reloaded - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
don't use inherit for font values or Dreamweaver prefs take over*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* *** redefining html tags - NWS colors */
a:link {
	color: #D02B47; /* dark pink*/
	text-decoration: underline;
}
a:visited {
	color: #523673; /* dark grape */
	text-decoration: underline;
}
a:hover {
	color: #1F3191; /* navyblue */
	text-decoration: underline;
}
a:active {
	color: #DE433F;
}

html {
	overflow-y: scroll; /* scrollbar always on */
}


body  {
	font-size: 100%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1em;
	color: black;
	background: #f4ecea url(../navbar/bg-pink.jpg) no-repeat;
	text-align: center;
}



#container {
	width: 960px;
	min-width: 900px; /* N/A */
	max-width: 1200px; /* N/A */
	margin: 0 auto;
	text-align: left;
} 

/* ***STRUCTURE part 1: masthead with navutil & header */
#masthead {
	position: relative;
	width: 100%;
	height: 150px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}

#navutil {
	position: relative;
	float: right;
	height: 35px;
	}

#navutil ul {
	position: relative;
	padding: 0;
	margin: 0;
	float: left;
	font: 66% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
#navutil ul li { 
	padding: 0;
	margin: 0;
	display: inline; 
	list-style-type: none;
	border-left: 1px solid #f4ecea; /* bgpink */
}

#navutil ul li.first {
	border-left: none; /* apply to first item in list */
}

#navutil ul li a { /* NEED TO FIX GAP in hover/focus by using graphic bullet? */
	margin: 0;
	padding : 0.2em 1em;
	color: #f4ecea; /* same as bgpink */
	text-decoration: none;
	
}

#navutil ul li a:hover {
	background-color: #D9617B; /* med pink - new2 */
	color: #1F3191; /* navyblue */
}

/* declarations to style the focus page in navutil */
body#aboutus #u-aboutus a, 
body#building #u-building a, 
body#press #u-press a,
body#hoursandmap #hoursandmap a,
body#contactus #contactus a,
body#links #u-links a {
	background-color: #D9617B; /* med pink - new2 */
	color: #1F3191; /* navyblue */
}


#google {   /* includes Google Search box and Paypal View Cart - on every page */
	position: relative;
	height: 100px;
	float: right;
	clear: right;
	}

#header { /* inside masthead */
	padding: 0;
	margin: 40px 0 0 0;
	height: 110px;
} 
#header h1.png { /* needs .png class for IE_fix css */
	padding: 0;
	margin: 0 0 0 20px;
	width: 590px;
	height: 100px;
	background-image: url(../navbar/NWSlogo.png);
	background-repeat: no-repeat;
}


/* ***STRUCTURE part 2: main nav bar (sits above wrapper) */

/* styling horz nav bar  */
div#navbar {
	position: relative;
	height: 26px;
	width: 100%;
}

div#navmain {
	float: left;
	margin: 0;
	padding-left: 20px;
	width: 96%;
	position: absolute; /* *** makes #navmain flush bottom with #navbar  *** */
	bottom: 0;
	
}
#navmain ul {
	margin: 0;
	padding: 0;
}
#navmain ul li {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
#navmain a {
	float: left; /* *** for IE55Mac - hidden below from others  *** */
	margin: 0 8px 0 0px;
	padding: 2px 8px;
	color: #000; /* black */
	display: block;
	text-decoration: none;
	background: #dfb6c6 url(../navbar/navbg.jpg) repeat-x left 0px; /* bg color is pink until image kicks in */
	border-top: 2px solid #C99; /* rose*/
	border-right: 2px solid #8F5F7A; /* grape */
	border-left: 2px solid #C99; /* rose*/

}
/* Commented backslash hack hides rule from IE5-Mac WATCH BACKSLASH! \*/
#navmain a {
	float: none;
}
/* End IE5-Mac hack */

/* style the hover */
#navmain a:hover {
	background: #EF6881  url(../navbar/navbg.jpg) repeat-x 0px -60px;
}

/* declarations to style the focus page. 
For exhibit pages, style = <body id="exhibits" class="e-YEAR">
or <body id="exhibits" class="m-2007"> for member show
 **SEE ALSO SUB NAV below for Exhibits listing */
body#index #t-index a, 
body#aboutus #t-aboutus a,
body#join #t-join a, 
body#newsletter #t-newsletter a,
body#membership #t-membership a, 
body#news #t-news a, 
body#calendar #t-calendar a, 
body#events #t-events a,
body#store #t-store a,
body#exhibits #t-exhibits a,
body#exhibits-catalog #t-exhibits a,
body#exhibits-dvd #t-exhibits a,
body#exhibits-rental #t-exhibits a,
body#signature #t-signature a, 
body#associate #t-associate a,
body#contact #t-contact a 
{
	color: #FFF; /* white */
	background: #EF6881  url(../navbar/navbg.jpg) repeat-x 0px -110px;
	border-top: 2px solid #DD6966; /* orange*/
	border-right: 2px solid #C05550; /* low orange-pink */
	border-left: 2px solid #E88E69; /* orange*/
}

#navmain a:active {
	background: #EF6881  url(../navbar/navbg.jpg) repeat-x 0px -110px;
}

/* End navbar */



/* ***STRUCTURE part 3: wrapper with subnav, contents, sidebar, news */
#wrapper {
	position: relative;
	width: 938px; /* 960 - 20 padding - 2 border */
	padding: 20px 10px 10px 10px;
	background-color: #FFF;
	border-top: 2px solid #C9C;
	border-right: 1px dotted #C9C;
	border-left: 1px dotted #C9C;
	border-bottom: 2px solid #C9C;
} 

/* *** styling subnav - left nav bar list in Exhibits *** */

#navsub {
	float: left;
	width: 140px;
	padding: 0;
	margin: 0;
}

#navsub ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 2em;
	font-size: 70%;
	letter-spacing: 0;
}
#navsub ul li { /* space between list items  */
	margin: 2px 0 6px 0;
}
#navsub ul li a { /* width set length of hover bar */
	display: block;
	color: #000;
	list-style-type: none;
	text-decoration: none;
	width: 118px;
	padding: 0px 0px 0px 10px;
	}

#navsub ul li a:hover, #nav ul li a:focus { 
	color: white;
	background-color: #DAC0DA; /*light rose */
}
#navsub ul li a:visited {
	color: #660066; /* purple */
}

/* declarations to style the focus page for subnav - need to change CLASS only on body
For annual exhibit pages, body id = <body id="exhibits" class="e-YEAR">
or <body id="exhibits" class="m-2007"> for member show
NEED TO CHANGE NAV SUB LIST LIBRARY ITEM ALSO: all link to latest year AND in code view, add id="e-YEAR"*/

body#exhibits.home #navsub #e-home a,
body#exhibits.catalog #navsub #e-catalog a,
body#exhibits.dvd #navsub #e-dvd a,
body#exhibits.rental #navsub #e-rental a,
body#exhibits.m-2012 #navsub #m-2012 a,
body#exhibits.e-2012 #navsub #e-2012 a,
body#exhibits.m-2011 #navsub #m-2011 a,
body#exhibits.e-2011 #navsub #e-2011 a,
body#exhibits.m-2010 #navsub #m-2010 a,
body#exhibits.e-2010 #navsub #e-2010 a,
body#exhibits.m-2009 #navsub #m-2009 a,
body#exhibits.e-2009 #navsub #e-2009 a,
body#exhibits.e-2008 #navsub #e-2008 a,
body#exhibits.e-2007 #navsub #e-2007 a,
body#exhibits.e-2006 #navsub #e-2006 a,
body#exhibits.e-2005 #navsub #e-2005 a {
	color: white;
	background-color: #D9617B; /* med pink - new2 */
}

#navsub #archivehead { /* med pink - new2 */
	margin: 20px 0 4px 10px;
	font-style: italic;
	font-weight: normal;
	line-height: 1.25em;
	color: #660066; /* purple */
}

/* end subnav */



/* ------------- structure inside Wrapper div----------------- */

/* ------ content divs (with classes) are on left side) */

#content { /* common values for all #content divs */
	float: left;
	position: relative;
	padding: 0px 0px 15px 1px;
	margin: 0 0 0 9px;
	background-color: #FFF;

}
#content { /* use when local nav on left, floats left */
	width: 380px;
}
#content.wide { /* use when no local nav, floatsleft */
	width: 510px;
}

#content.xwide { /* used for Home, Pressroom; use with div.news sidebar below, floatsleft */
	width: 668px; /* note that images should be 660 wide for single, or 324 wide for side-by-side because of margins  */
}

#content.widefluid { /* is this obsolete now? - was: fluid, use when #sidebarright on right, NO subnav - LARGE margin in IE6  unless this code is repeated in fixes file */
	position: relative;
	width: auto;
	float: none; /* float drop if floated left, in browser */
	margin-right: 260px;
}
#content.insetwidefixed { /* use with local nav and NO sidebars, floatsleft, fixed to min width */
	width: 720px;
}

/* ------ sidebars can be fluid (width: auto) - content width is fixed */


/* ------ sidebar fixed width for grouping on revised Home page */



/* ------ sidebars & ads/news divs (with classes) are on RIGHT side */

div.ads, div.exhibitors { /* class - one or more, skinny right clm */
	float: right;
	clear: right;
	width: 160px;
	background-color: #FFF; /* white */
	margin: 0 0 10px 10px;
}

div.sidebar, div.sidebarplain { /* fluid, use WITH news/ads/exhibitor column (right margin) */
	width: auto;
	margin: 0px 175px 20px 545px;
	padding: 10px;
	background-color: #f4ecea; /* bgpink */ 
	border: 1px solid #DAC0DA; /*light rose */
}

div.sidebarplain { /* as regular sidebar but white bg, use .bordertop for header  */
	background-color: #FFF; 
	border-style: none;	
	padding: 0 0 10px 0;

}
 
div.sidebarwidefluid, div.sidebarwidefluidplain { /* fluid box - takes over news/ads space, one or more, runs right of regular content 510px wide div */
	width: auto;
	margin: 0px 0px 20px 545px;
	padding: 10px;
	background-color: #f4ecea; /* bgpink */
	border: 1px solid #DAC0DA; /*light rose */
} 

div.sidebarwidefluidplain { /* same as above, but white bg, use .bordertop for header  */
	background-color: #FFF; 
	border-style: none;
	padding: 0;
}

div.rightcolbg { /* use rightcols when using content-wide-fluid div  * used on About Us sidebars */
	float: right;
	clear: right;
	width: 200px;
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #f4ecea; /* bgpink */ 
	border: 1px solid #C9C; /* match to box divs */
} 

div.rightcolplain { /* no bg, use .bordertop if border needed, otherwise use as a group element for other fluid sidebars */
	float: right;
	clear: right;
	width: 200px;
	margin: 4px 0 20px 0;
	padding: 0 0 10px 0;
}

/* -------------------- new sidebar styling ("box") dec2010, Home page --------------------- */


div.news { /* use .bordertop if border needed */
	float: right;
	clear: right;
	width: 240px;
	margin: 4px 0 20px 0;
	padding: 0 0 10px 0;
}

div.bg { /* add to News dib above, if bg color needed / width 240 - 2 border - 20 padding = 218 */
	width: 218px;
	background-color: #f4ecea; /* bgpink */
	border: 1px solid #DAC0DA; /*light rose */
	padding: 10px;
	}

/* end interior structure */



/* -------------------- TEXT styling --------------------- */

p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
/* *** redefining html tags - headers *** */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 6px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	font-weight: bold;
	letter-spacing: 0em;
}

h1 {
	font-size: 125%;
	color: #D02B47; /* dark pink*/
}

h2 {
	color: #523673; /* dark grape */
	font-size: 100%;
	margin-top: 1em;
}


h3, h4 {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #523673; /* dark grape */
	font-size: 82%;
	margin-top: 15px;
	margin-bottom: 8px;
}

h4 {
	font-style: italic;
}

h5, h6 {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #72455F;
	font-size: 80%;
	margin-top: 1.2em;
}
h6 {
	font-style: italic;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #FFFFFF; /* navyblue */
	text-decoration: underline;
	background: #D9617B; /* med pink - new2 - was #E6728B */
}

p { /* fallback for all contents divs, s.a. sidebar p, ads p */
	font-size: 76%;
	margin-top: 0.2em;
	margin-bottom: 0.8em;
	line-height: 1.5em;
}

p.small, p.smallnote {
	font-size: 66%;	
}
p.smallnote { /* gray */
	color: #666;
}

p.breadcrumbs {
	clear: both;
	color: #666;
	font-size: 66%;
	margin-top: 0;
}

/* *** special styling for AZ nav in SIGNATURE AND ASSOCIATES PAGES *** */

#navAZ { /* based on SUBNAV */
	float: left;
	width: 200px; /* allows for 5 across */
	padding: 0;
	margin: 0;
	font-size: 100%;
}

#navAZ ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.5em;
	font-size: 80%;
	text-align: center;
}
#navAZ ul li { /* space between list items  */
	float: left;
	margin: 4px 4px 4px 4px;
	display: block;
	border: 1px solid #DAC0DA; /*light rose */
}
#navAZ ul li a { /* width set length of hover bar */
	float: left;
	display: block;
	color: #000;
	list-style-type: none;
	text-decoration: none;
	width: 22px;
	padding: 0px 2px 0px 2px;
	background: #FFFBF3; /* pale yellow - same as list bg */
	}

#navAZ ul li a:hover { 
	color: white;
	background-color: #D9617B; /* med pink - new2 */
}
#navAZ ul li a:visited {
	color: #660066; /* purple */
}

#navAZ p.smallnote {
	padding: 0px 2px 0px 2px;
}

div#memberlist { /* WAS #content.members - for use with A-Z nav and Sig/Assoc listing -  
/* to edit in Display mode, need to double-click div*/
	position: relative;
	float: left;
	padding-left: 20px;
	margin: 0 0 0 20px;
	width: 280px;
	height: 350px;
	overflow: scroll;
	background: #FFFBF3; /* pale yellow - sync to AZ buttons bg */
}

div#memberlist p { 
	font-size: 66%;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	line-height: 1.4em;
}
div#memberlist p a { 
	color: #A7394B; /* darker pink than regular links*/
}

div#memberlist h2 {
	padding: 0 6px 0 6px;
	background-color: #D9617B; /* med pink - new2 */
	width: 1.5em;
	color: white;
	text-align: center;
}

/* -------------------- TABLE styling --------------------- */

table.columns { /* see Signature & Assoc sidebars, width matches minwidth of wrapper */
	width: auto;
}

table.columns td {
	padding-right: 20px;
}

table.columns tr td p {
	font-size: 72%;
	line-height: 1em;
}


/* SIDEBAR styling - uses regular heads, but h2, h3, h4 */


/* TRAVEL SHOW Itinary in regular sidebar (not wide), uses h5 and h6, plus p */

div.sidebar h5 {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #523673;
	font-size: 72%;
	margin-top: 1em;
	margin-bottom: 0em;
	font-style: normal;
	border-top: 1px solid #C9C; 
	padding: 10px 0 0 0;

}
div.sidebar h6 {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #72455F;
	font-size: 72%;
	margin-top: 0.25em;
	margin-bottom: 0em;
	font-style: normal;
}

div.sidebar p, div.sidebarwidefluid p, div.sidebarplain p, div.rightcolbg p, div.rightcolplain p, div.sidebarwidefluidplain p {
	color: #4C274C; /* dark purple */
	font-size: 80%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	margin-top: 0.3em;
	margin-bottom: 0.4em;
}


/* ADS column / exhibitors styling -  */

div.news p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4C274C;
	font-size: 80%;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	line-height: 1.4em;
}

div.exhibitors p { /* on exhibit-show pages, list of small names */
	color: #666;
	font-size: 60%;
	margin-top: 0.2em;
	margin-bottom: 0em;
	line-height: 1.1em;
}


/* order of award-artist-title-size; use rule for first line */

p.art-award, p.art-artist, p.art-title, p.art-size {
	font-size: 76%;
	margin: 6px 0 0 0;
	line-height: 1.3em;
}

p.art-award, p.art-award_norule {
	clear: both;
	color: #7E3F62; /* grape2 */
	margin-top: 5px; /* orig 20px */
	padding-top: 6px;
	border-top: 1px dotted #8F5F7A;	
}
p.art-award_norule {
	border-top: none;	
}

p.art-artist {
	color: black; 
}

p.art-artistrule { /* when no award issued */
	clear: both;
	color: black; 
	margin: 20px 0 0 0;
	padding-top: 6px;
	border-top: 1px dotted #8F5F7A;	
}
p.art-title {
	font-style: italic;
	color: #993366;
}

p.art-size {
	font-size: 68%;
	color: #999999;
	padding-bottom: 4px;
}


/* SLIDESHOW styling - width & height adapts to fit SWF - 690px for large contents, 480px to 510px wide for left side of Home page  */
div.slideshow {
	margin: 20px 0px 20px 0px;
	text-align: center;
}
					  


/* *** hero page styling (for images that need captions) *** */
body#heropage {
	font-size: 100%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1em;
	color: black;
	background-color: #f4ecea;
	background-image: none;
	text-align: center;	
}

div#hero {
	margin: 0;
	color: #000s;
	position: relative;
	padding-top: 1.5em;
	padding-left: 1em;
	text-align: center;
}

div#hero img {
	border: 2px solid #C99; /* rose */
	padding: 6px;
	margin: 12px 0 0 0;
	background: #f4ecea;
}
div#hero h1 {
	color: #7E3F62;
	font-size: 80%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-style: normal;
}

div#hero p.art-award {
	border-top: 0;
	margin-top: 0;
	color: #523673;
}

div#hero p.art-size {
	margin-bottom: 10px;
	color: #666;
}


/* Board of Directors on Contact Us page */

p.board-title, p.board-name, p.board-tel, p.board-email, p.board-desc {
	font-size: 76%;
	margin: 4px 0 0 0;
	line-height: 1.4em;
}


p.board-title {
	clear: left;
	margin-top: 20px;
	padding-top: 6px;
	color: #523673; /* dark grape */
	font-weight: bold;
	border-top: 1px dotted #8F5F7A;	
}

p.board-name {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 100%;
	color: #523673; /* dark grape */
	word-spacing: 1px;
}
p.board-tel {
	font-size: 68%;
	color: #7E3F62; /* grape2 */
}

p.board-email {
	font-size: 68%;
	color: #7E3F62; /* grape2 */

}

p.board-desc {
	color: #666;
	font-size: 68%;
	margin-top: 6px;
	margin-left: 109px; /* matches image 100px + 8px margin-right + 1px border */
}





/* LIST styling, general */

/* *** styling unordered lists ***IE6fixes = GIF - copy any new ul classes to IE6***  */

ul.list, ul.brick, ul.listsmall, ul.sidebar {
	margin: 6px 0 10px 0;
	padding: 0;

}
ul.list li, ul.brick li, ul.listsmall li, ul.sidebar li {
	margin: 0;
	padding: 0.25em 2em 0.25em 2em;
	text-indent: -2em;
	list-style-type: none;
	line-height: 1.5em;
	list-style-image: url(../graphics/paintbrush.png);
	list-style-position: inside;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 70%; /* smaller than body copy; 75% would be same size */

}
div.sidebarwidefluid ul.list li, ul.sidebar li, ul.brick li { /* for all sidebars, SERIF */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	color: #4C274C;
	line-height: 1.2em;
}

ul.brick li { /* building page only */
	list-style-image: url(../graphics/brick.png);
}

ul.listsmall li { /* for news div only */
	font-size: 66%;
}



/* *** misc classes*** */
.bordertop {
	border-top: 2px solid #C9C; /* nice for plain sidebar heads */
	margin-top: 0;
	padding: 10px 0 0 0;
}
.nomargins {
	margin: 0;
}
.smallmargintop {
	margin-top: 4px;
}
.xtraSpaceB4 {
	padding-top: 10px;
}
.xtraSpaceAfter {
	padding-bottom: 6px;
}
.xtraSpaceB4After {
	padding-top: 10px;
	padding-bottom: 6px;
}
.xtraSpaceB4highlight {
	padding-top: 12px;
	color: #CC3300;
}
.highlight, .highlightbold, .highlightboldital {
	color: #D02B47; /* dark pink*/
}
.highlightbold {
	font-weight: bold;
}

.boldital { /* bold and italic*/
	font-weight: bold;
	font-style: italic;
}
.highlightboldital {
	font-weight: bold;
	font-style: italic;
}
.signature {
	color: #523673;
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 85%;
}

p.caption, p.captionup, p.captiondown {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 85%;
	font-style: italic;
	color: #523673;
	margin: 0 0 20px 0;
}
p.caption_clearboth {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 85%;
	font-style: italic;
	color: #523673;
	margin: 0 0 14px 0;
	clear: both;
}
p.captionup {
	background: url(../graphics/arrow_up.png) no-repeat;
	padding-left: 20px;
	margin: 0 0 20px 0;
}
p.captiondown {
	background: url(../graphics/arrow_down.png) no-repeat;
	padding-left: 20px;
	margin: 0px 0 10px 0;
}


.ruleabove {
	padding-top: 8px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CC3300;
}
.ruleaboveclearboth {
	padding-top: 8px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CC3300;
	clear: both;
}

div.box, div.boxwhite {
	padding: 8px 20px 10px 20px;
	margin: 0px 0px 10px 0px;
	background-color: #FFFBF3; /* pale yellow - same as list bg */
	border: 1px solid #DAC0DA; /*light rose - matches AZ nav */
}
div.boxwhite { /* when placed on color */
	background-color: white; 
}

div.box h4, div.box h5, div.box h6  {
	margin-top: 4px;
}

/* GENERAL styling */

.floatright {
	float: right;
}
.floatleft {
	float: left;
}	
.floatleftmargins {
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 6px;
	margin-left: 0px;
}
.floatrightmargins {
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 10px;
}

div.clearleft { /* assign class to DIV only to clear a float */
	clear: left;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
div.clearright { /* assign class to DIV only to clear a float */
	clear: right;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
div.clearboth { /* assign class to DIV only to clear a float */
	clear: both;
    height: 0;
    line-height: 0px;
}

div.clearer { /* * assign class to DIV only to clear a float - see www.complexspiral.com/publications/containing-floats, don't need to put nb space */
	clear: both; 
	line-height: 0px; 
	height: 0px;
}


.clearboth {
	clear: both;
}

.clearboth_xtraSpaceB4 { /* assign class to anything to clear a float */
	padding-top: 10px;
	clear: both;
}


.aligncenter {
	text-align: center;
}
.alignright {
	text-align: right;
}

/* *** styling images etc*** */


.imgleft {
	border: 1px solid #C99; /* rose */
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.img_with_caption {
	border: 1px solid #C99; /* rose */
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.imgfloatleft {
	float: left;
	border: 1px solid #C99; /* rose */
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.imgfloatright {
	float: right;
	border: 1px solid #C99; /* rose */
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 8px;
}

.imgfloatrighthead {
	float: right;
	border: 1px solid #C99; /* rose */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 8px;
}
.imgfloatlefthead {
	float: left;
	border: 1px solid #C99; /* rose */
	margin-top: 0px;
	margin-right: 8px; /* sync to margin-left in p.board desc */
	margin-bottom: 10px;
	margin-left: 0px;
		z-index: 10;
}

.border_only { 
	border: 1px solid #C99; /* rose */
}

/* FOOTER styling */

#footer {
	padding: 0 10px 0 20px;
	margin-top: 15px;
	height: 60px;
} 
#webmaster {
	float: right;
	margin-left: 20px;
}

#footer p, #webmaster p {
	margin: 0;
	padding: 0;
	font-size: 66%;
	color: #3D4380; /* same as h3 etc */
}

#webmaster p {
	text-align: right;

}
/* PAYPAL BUTTON styling (bg matches sidebars) */

div.ppbutton {
	width: 220px;
	margin: 12px 0px 12px 0px;
	padding: 8px 12px 8px 12px;
	background-color: #FFF; /* or FFFBF3 pale yellow - same as list bg */
	border: 1px solid #DAC0DA; /*light rose */
} 

body#exhibits.catalog div.ppbutton {
	width: 280px;
} 

body#exhibits.catalog div.ppbutton {
	width: 280px;
} 

div.ppbutton h4, div.ppbutton h5, div.ppbutton h6 {
	font-size: 70%;
	margin-top: 0px;
}

div.ppbutton tr td {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 76%;
	color: #7E3F62; /* grape2 */
}

div.ppbutton tr td.fieldspace { /* spaces popup menu only - add class to td */
	padding-top: 1px;
	padding-bottom: 7px;
}

div.ppbutton table { /*  space between table and Add to Cart button */
	padding-bottom: 10px;
}


div.viewcart_masthead { /* this View Cart button is inside the Google Search library item! */
	position: relative;
	height: 26px;
	float: right;
	margin-top: 58px;
}