/*******************
	Page Layout
********************/
body{ text-align:center; color:#3F3F41; }
body.default{ background-color:#f2f2ea; }

#splash{ width:800px; margin:50px auto 0 auto; border:10px solid #fff; background-color:#fff; text-align:left; font-size:85%; }
#splash #splashplinth{ width:800px; background:url("../images/splash.jpg") no-repeat; height:690px; position:relative; margin-bottom:10px; }

.slogo{ position:absolute; width:385px; height:258px; top:230px; left:65px; background-color:#461864; }
.slogo img{ position:absolute; top:110px; left:54px; }

.senter{ position:absolute; width:385px; height:119px; top:495px; left:65px; color:#fff; background-color:#461864; }
.senter a#entersite{ color:#fff; font-weight:bold; text-decoration:none; position:relative; top:10px; left:10px; }
.senter address{ width:174px; float:right; clear:both; margin-bottom:2px; }
.senter address#wgal{ margin-top:10px; font-weight:bold; }
.senter address.tube{ background:url("../images/icons/subway.png") no-repeat left center; padding-left:18px; width:158px; }

ul.plinths{ margin:0; padding:0; }
ul.plinths li{ margin:0; padding:0; list-style:none; }

.plinth{ width:565px; height:510px; position:relative; }
	.rotimage{ width:280px; height:190px; position:absolute; top:195px; left:33px; }
		.rotimage img{ position:relative; }
	.exdesc{ width:280px; height:85px; position:absolute; top:389px; left:33px; overflow:hidden; font-size:93%; }
		.exdesc .inner{ padding:10px; }

p.plinthmore{ width:400px; float:right; text-align:right; overflow:hidden; padding:10px 0 0 0; white-space:nowrap; }
p.plinthmore a#plinthtitle{ color:#3F3F41; text-decoration:none; font-weight:bold; }

ul.plinthpager{ margin:0 0 0 10px; padding:10px 0 0 0; }
ul.plinthpager li{ margin:0; padding:0; float:left; list-style:none; color:#3B0C55; }
ul.plinthpager li a.back, ul.plinthpager li a.next{ color:#3B0C55; text-decoration:underline; }
ul.plinthpager li#middle{ margin:0 8px; }
ul.plinthpager li#middle a{ text-decoration:none; color:#3B0C55; }
ul.plinthpager li#middle a:hover{ background:none; }
ul.plinthpager li.viewlarge a{ font-weight:bold; }
ul.plinthpager li.viewlarge{ color:#3F3F41; }

a{ color:#3B0C55; text-decoration:none; }
a.more{ font-weight:bold; color:#3B0C55; text-decoration:none; }

#page-container{ width:800px; margin:50px auto 0 auto; border:10px solid #fff; background-color:#fff; text-align:left }
	#header{ height:186px; position:relative; width:800px; margin-bottom:10px; }
		#mainlogo{ display:block; position:absolute; top:10px; left:10px; width:360px; height:39px; }
		#nav{ margin:0; padding:0; position:absolute; left:10px; bottom:10px; }
		#nav li{ margin:0 10px 0 0; padding:0; font-size:123.1%; list-style:none; float:left; font-weight:bold; text-transform:capitalize; }
		#nav li a, #nav li a:link, #nav li a:visited{ color:#3B0C55; text-decoration:none; }
		#nav li a.undernav, #nav li a:hover, #nav li a:active{ color:#fff; }
		#pageutils{ width:216px; position:absolute; top:10px; right:10px; border-top:1px dotted #fff; font-size:93%; }
			#pageutils #top_nav{ width:216px; margin:5px 0; padding:0; float:left; }
			#pageutils ul{ width:108px; margin:5px 0; padding:0; float:left; }
			#pageutils ul.bordered{ border-bottom:1px dotted #fff; padding-bottom:5px; }
			#pageutils ul li{ width:108px; margin:0; padding:0; float:left; list-style:none; font-weight:bold; }
			#pageutils ul li a, #pageutils ul li a:link, #pageutils ul li a:visited{ color:#461864; text-decoration:none; text-transform:capitalize; }
			#pageutils ul li a.pagon, #pageutils ul li a:hover, #pageutils ul li a:active{ color:#fff; }
			#fontcontrol{ border-top:1px dotted #fff; border-bottom:1px dotted #fff; width:216px; float:left; clear:both; margin:5px 0; padding:5px 0; }
			#fontcontrol em{ font-style:normal; background:url("../images/a_w.png") no-repeat left center; padding-left:16px; color:#4B4B4D; margin-right:4px; }
			#fontcontrol a{ color:#461864; text-decoration:none; }
		#search{ position:absolute; right:10px; bottom:10px; }
		#search #keyword{ width:138px; margin-right:6px; padding:3px; border:none; 
							color:grey; font-style: italic; font-size:90%;}
		#search #submit{ width:64px; padding:2px 3px; }
	#breadcrumb{ width:800px; float:left; padding-bottom:10px; }
		#breadcrumb ul{ margin-left:4px; }
		#breadcrumb ul li{ float:left; padding:0; color:#3F3F41; }
		#breadcrumb ul li a{ color:#3F3F41; text-decoration:none; margin:0 6px; font-size:93%; font-family:Verdana, sans-serif; letter-spacing:-1px; }
		#breadcrumb ul li.specific{ color:#461864; }
		#breadcrumb ul li.specific a{ color:#461864; }
	#content{ width:800px; float:left; }
	#content h1{ color:#461864; margin:5px 0; font-size:123.1%; padding:0; }
	#content #left-side h1{ padding:0 10px; }
		#left-side{ width:565px; border-top:1px dotted #9c9d9f; padding-top:5px; }
			#pageinner{ width:565px; float:left; border-top:1px dotted #9c9d9f; margin-top:12px; }
			#pageinner #preamble{ width:226px; float:left; }
			#pageinner #preamble h1{ font-size:116%; color:#3F3F41; border-bottom:1px dotted #9c9d9f; margin:0; padding:6px 12px; line-height:1.3em; }
			#pageinner #preamble p{ margin:0; padding:6px 12px; }
			#pageinner #preamble #fontcontrol{ padding:6px 12px; width:202px; margin:0; }
			#pageinner #text{ margin-left:236px; margin-right:12px; padding:6px 0 12px 0; font-size:11px !important; line-height:1.4em !important; font-family:Arial, Helvetica, sans-serif !important;}
			#pageinner #text *{ font-size:11px !important; line-height:1.4em !important; font-family:Arial, Helvetica, sans-serif !important;}
		#right-side{ width:225px; float:right; border-top:1px dotted #9c9d9f; padding-top:5px; }
		#sright-side{ width:225px; float:right; }
		#full{ padding:5px 10px 0 10px; border-top:1px dotted #9C9D9F; }
	#footer{ width:800px; float:left; margin:0; padding:0; font-size:85%; }
		#footer ul{ margin:10px 0 0 0; padding:0; }
		#footer ul li{ margin:5px 0; padding:0 5px; float:left; list-style:none; }
		#footer address{ clear:left; width:560px; margin:5px; color:#9c9d9f; }
		#footer ul#utils{ border-top:1px dotted #9c9d9f; width:570px; }
		.ie #footer ul#utils{ width:567px; }
		.ie6 #footer ul#utils{ width:563px; }
		#footer ul#utils li{ border-right:1px solid #9c9d9f; }
		#footer ul#utils li a, #footer ul#utils li a:link, #footer ul#utils li a:visited{ color:#9c9d9f; text-decoration:none; }
		#footer ul#utils li a:hover, #footer ul#utils li a:active{ color:#3F3F41; }

/*************************
	Site wide elements
**************************/
.inside{ padding:12px; }

input.button{ background-color:#3B0C55; color:#fff; border:none; }

ul.highlights{ margin:0; padding:0; border-top:1px dotted #9c9d9f; }
ul.highlights li{ margin:0; padding:0; list-style:none; border-bottom:1px dotted #9c9d9f; font-size:93%; }
ul.highlights li a{ color:#3F3F41; display:block; padding:6px 0; }
ul.highlights li a span.more{ color:#3B0C55; font-weight:bold; }

ul.reset{ margin:0; padding:0; }
ul.reset li{ margin:0; padding:0; list-style:none; }

ul.gal3{clear: left; }
ul.gal3 li{ margin-bottom:10px; position:relative; width:226px; height:220px; overflow:hidden; }
ul.gal3 li a{ width:226px; height:220px; overflow:hidden; }
ul.gal3 li div.additional{ position:absolute; width:206px; float:left; background-color:#fff; opacity:0.75; color:#3B0C55; font-weight:bold; bottom:0; left:0; padding:10px; }
.ie ul.gal3 li div.additional{ filter:alpha(opacity=75); }

.accordion h3{ border-bottom:1px dotted #9c9d9f; margin:0; padding:4px; font-size:100%; font-weight:normal; }
.accordion h3.doubleborder{ border-top:1px dotted #9c9d9f; }
.accordion h3.clicked{  }
.accordion div{}
.accordion ul{ border-bottom:1px dotted #9c9d9f;  }
.accordion ul li{ padding:0 4px; line-height:14px; font-size:93%; }
.accordion ul li a, .accordion ul li a:link, .accordion ul li a:visited{ color:#3F3F41; display:block; background:url("../images/icons/item.gif") no-repeat left center; padding:2px 0 2px 18px; }
.accordion ul li a:hover, .accordion ul li a:active{  }
.accordion ul.plusminus{ border-bottom:none; }
.accordion ul.plusminus li{ padding:0 8px; border-bottom:1px dotted #9c9d9f; }
.accordion ul.plusminus li a, .accordion ul.plusminus li a:link, .accordion ul.plusminus li a:visited{ background:url("../images/icons/plusminus.gif") no-repeat; display:block; line-height:18px; padding:0 0 0 15px; color:#3F3F41; }
.accordion ul.plusminus li a.clicked, .accordion ul.plusminus li a:hover, .accordion ul.plusminus li a:active{ background-position:left bottom; }
.accordion ul li ul{ margin:5px; border:none; }
.accordion ul li ul li{ margin:0; border:none; padding:0; }
.accordion ul.plusminus li ul li{ border:none; }
.accordion ul.plusminus li ul li a, .accordion ul.plusminus li ul li a:link, .accordion ul.plusminus li ul li a:visited{ background:url("../images/icons/item.gif") no-repeat left center; padding:0 0 0 18px; display:block; line-height:14px; color:#3F3F41; }
.accordion ul.plusminus li ul li a.dclicked, .accordion ul.plusminus li ul li a:hover, .accordion ul.plusminus li ul li a:active{ background-color:#fff !important; }

ul.exhibitions{}
ul.exhibitions li{ float:left; position:relative; width:276px; height:265px; overflow:hidden; margin:0 10px 10px 0; }
ul.exhibitions li a{ display:block; width:276px; height:265px; overflow:hidden; }
ul.exhibitions li a img{}
ul.exhibitions li a div.additional{ position:absolute; width:256px; float:left; background-color:#fff; opacity:0.75; color:#3B0C55; font-weight:bold; bottom:0; left:0; padding:10px; }
.ie ul.exhibitions li a div.additional{ filter:alpha(opacity=75); }

ul.shopcats{}
ul.shopcats li{ float:left; position:relative; width:270px; height:270px; overflow:hidden; margin:0 10px 10px 0; background:url("../images/verticaldot.gif") no-repeat right top; }
ul.shopcats li a{ display:block; width:270px; height:270px; overflow:hidden; text-align:center; background:url("../images/horizontaldot.gif") no-repeat bottom center; }
ul.shopcats li a img{margin-top:-10px; }
ul.shopcats li a .additional{ position:absolute; width:250px; float:left; background-color:#fff; opacity:0.75; color:#3B0C55; font-weight:bold; bottom:3px; left:0; padding:10px 10px 40px 30px; text-align:left; }
.ie ul.shopcats li a div.additional{ filter:alpha(opacity=75); }

ul.publications{}
ul.publications li{ float:left; width:170px; font-size:85%; margin-bottom:25px; margin-right:25px; height:310px; }
ul.publications li a{}
ul.publications li p{ margin:6px 0; padding-bottom:6px; }
ul.publications li a.buynow{ color:#8ACC3A; font-weight:bold; }

.pubtable{ width:100%; border-collapse:separate; }
.pubtable td{ font-size:85%; width:170px; border-right:25px solid #fff; padding:5px 0; }
.pubtable td.productprv{ vertical-align:middle; }
.pubtable td.prodtitle{ vertical-align:top; }
.pubtable td.prodtitle p{ margin:0; }
.pubtable td.prodprice p.price{ padding:0; margin:0; text-align:right; font-weight:bold; }
.pubtable td.prodbuy{ text-align:right; padding-top:5px; background:url("../images/dotted.gif") repeat-x; }
.pubtable td.prodbuy a{ font-weight:bold; }

.shoputil{ padding-top:1em; }
.shoputil p{}
.shoputil p em{ font-style:normal; }

#productimages{ width:240px; float:left; }
#productdesc{ margin-left:260px; font-size:93%; line-height:1.4em;}

/***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
.bordertop{ border-top:1px dotted #9c9d9f;  }
.bordertopthin{ border-top:1px dotted #9c9d9f;  }
.borderbottom{ border-bottom:1px dotted #9c9d9f;  }
.borderbottomthin{ border-bottom:1px dotted #9c9d9f;  }
.padtop{ padding:8px 0; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

a{ outline:none; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
.cart{width:100%}

.cart th,.cart td{padding-bottom:5px;}
.cartfooter a,.cartfooter input { background-color:#3B0C55; color:#FFFFFF; border:none; padding:3px 10px 3px 10px;}*/

table.cart{ width:100%; }
table.cart thead{  }
table.cart thead th{ border-bottom:1px solid #bbb; color:#868686; padding:7px 10px; font-weight:bold; }
table.cart tbody{  }
table.cart tbody tr.odd td{ background-color:#ececec; }
table.cart tbody td{ border-bottom:1px solid #bbb; padding:7px 10px; font-weight:bold; }
table.cart tbody td a.delete{ border:1px solid #bbb; padding:3px 6px; color:#6c6c6c; background-color:#fff; text-transform:uppercase; }
table.cart tfoot{  }
table.cart tfoot td{ padding:14px 10px 7px 10px; font-weight:bold; border-top:3px solid #bbb; }
table.cart tfoot td a.clear{ border:1px solid #bbb; padding:3px 12px; color:#6c6c6c; background-color:#fff; }

.search-category { margin-bottom: 1.0em; }
.search-category.dotted { border-top: 1px dotted #9C9D9F; }
.search-category .inner { padding:0 10px; }
.search-category .inner h2 { font-size: 115%; }
.search-category .inner ul { margin:0; padding:0; }
.search-category .inner ul li{ margin:0 0 0.7em 0; padding:0; list-style:none; font-size: 93%; }
.search-category .inner ul li a{ color: #3B0C55; }

#result-summary{ width: 565px; }
#result-summary ul{ margin-left:4px; }
#result-summary ul li{ float:left; padding:0; color:#3F3F41; }
#result-summary ul li a{ color:#3F3F41; text-decoration:none; margin:0 6px; font-size:93%; font-family:Verdana, sans-serif; letter-spacing:-1px; font-weight: bold; }

form.tosubmit{ padding:10px; }
form.tosubmit label{ font-weight:bold; display:block; margin-bottom:4px; }
form.tosubmit label.inline{ display:inline; font-weight:normal; line-height:190%; margin-bottom:8px; }
form.tosubmit input{  }
form.tosubmit input.text,form.tosubmit textarea.text,form.tosubmit select.text
  { margin-bottom:12px; width:260px; border:1px solid #666; padding:2px 6px; }
form.tosubmit select.text
  { width:274px !important;}
  
form.tosubmit input.checkbox{ margin-right:8px; vertical-align:middle; }
form.tosubmit p{ margin:1em 0; }

label#label_donate{ position:relative; overflow:visible; }
label#label_donate img{ position:absolute; top:-55px; right:-230px; z-index:125; }

.ie6 label#label_donate img{ position:absolute; top:-50px; right:-97px; z-index:125; }

/* Events Calendar */
#calendar-holder { float: left; width: 100%; border-top:1px dotted #9c9d9f; padding-bottom: 10px; }
#calendar-holder a:hover { text-decoration: underline; }

#calendar-holder h2 { color: #461863; font-size: 10pt; margin: 5px 0; }

ul#calendar-nav { float: left; width: 90%; margin: 7px 0 6px 5%; display: inline; padding: 0; list-style: none; color: #461863; font-size: 1.2em;}
ul#calendar-nav li { position: relative; z-index: 10;float: left; margin: 0; padding: 0; list-style: none; width: 5%;}
ul#calendar-nav li#next-month { float: right; }

#calendar { width: 90%; clear: left; margin: 0 0 0 5%;  text-align: center;}
#calendar caption {  }
#calendar caption span { font-weight: bold; width: 100%; float: left; position: relative; text-align: center; color: #461863; margin: -24px 0 0px; font-size: 10pt;}
#calendar tr#days th { text-align: center; font-size: 10pt; color: #48484a; font-weight: normal; line-height: 22px;}
#calendar td { font-size: 8pt; line-height: 23px; color: #461863; position: relative; }
#calendar td.current { background: #d9d1e0;}
#calendar td.has-events { font-weight: bold;}
#calendar td.has-events a { position: relative; }
#calendar td.has-events a:hover { text-decoration: none; color: #8021b4; }
#calendar td.alt-month { color: #bebec0; }

ul#events { font-size: 8pt; margin: 10px 0 0; padding: 0; list-style: none; border-top: 1px dotted #9c9d9f; border-bottom:  1px dotted #9c9d9f; padding: 10px 0 10px 5%;}
ul#events li { list-style: none; }
ul#events a { color: #461863; }

span.tooltip { color: #666; margin: 0; dsiplay: block;position: absolute; bottom: 4px; right: 4px; line-height: 1.1em; font-size: 8pt; width: 120px; font-weight: normal; z-index: 999; padding: 5px;border: 1px solid #dedede; line-height: 1.2em; -moz-box-shadow: rgba(0, 0, 0,.2) 1px 1px 4px;   -webkit-box-shadow:  rgba(0, 0, 0,.1) 1px 1px 4px;   box-shadow:  rgba(0, 0, 0,.2) 1px 1px 4px; background: #fefefe; z-index: 999; margin: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: none;}