/*  
	The New Gallery
	CSS by Ian Russell | www.ianrussell.ca
	ian.arthur.russell@gmail.com

GENERICS 
--------------------------------------------------------------------
*/

body {
	padding: 0px;
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	background: #f1f1f1;	
}

body a:link, body a:visited {
	text-decoration: none;
	color: #000000;
}

body table td {
	border-width: 0px;
}

body a:hover {
	color: #666666;
}

body b, body strong {
	font-weight: bold;
	color: #000000;
}

body i {
	font-style: italic;
}

#pageWrapper {
	background: #ffffff url(../images/bg.gif) 50% top repeat-x;
}

#masterContainer {
	position: relative;
	width: 780px;
}

#topArea {
	height: 96px;
	overflow: hidden;
}

#contentArea {
	color: #555555;
	text-align: left;
	padding-top: 16px;
	padding-bottom: 20px;
}

#contentArea .emphasis {
	color: #000000;
	text-transform: uppercase;
}

#contentArea .emphasis span {
	color: #959595;
}


#contentArea a:link, #contentArea a:visited {
	background: #ededed;
}

#contentArea a:hover {
	background: #f06d9b;
	color: #000000;
	text-decoration: underline;
}

#contentArea p {
	margin: .2em 0 .8em 0 ;
}

#contentArea img {
	float: left;
	margin: 0px 10px 10px 0px;
	border: none;
}
#contentArea #recentDbSearch img,
#contentArea #featuredItems img {
	float: none;
	margin: 0px 10px 10px 0px;
	border: none;
}

#contentArea h1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: normal;
	color: #000000;
	padding: 0px;
	margin: 0px;
	font-size: 32px;
	line-height: 32px;
}

#contentArea h2 {
	padding: 0px;
	margin: 0px;
	font-size: 20px;
	color: #7f7f7f;
}

#contentArea h3 {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}

#contentArea #english {

}

#contentArea #frenchLink a {
	background: #6dcff6;
	color: #fff;
	font-weight: bold;
	float: right;
}

#contentArea #french {
	border-top: 1px solid #eee;
	padding-top: 10px;
}



/* LOGO */

#logo {
	position: absolute;
	left: 0px;
	top: 12px;
	padding: 0px;
	margin: 0px;
	width: 110px;
	height: 72px;
	float: left;
	z-index: 200;
}

#logo div {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#logo {

}

#logo a, #logo a:link, #logo a:visited {
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 72px;
	text-decoration: none;
	background: url(../images/logo.gif) 0px 0px no-repeat;
}

#logo a:hover {
	background: url(../images/logo.gif) 0px -72px no-repeat;
}

/*
LAYOUT ELEMENTS
*/

.leftColumn {
	background: url(/images/dotline_vert.png) right 0px repeat-y;
	float: left;
	padding-right: 20px;
}

.centreColumn {
	float: left;
	padding-left: 20px;
	background: url(/images/dotline_vert.png) right 0px repeat-y;
	padding-right: 20px;
}

.rightColumn {
	float: left;
	padding-left: 20px;
}

#focusBox {
	float: right;
	width: 380px;
	margin-left: 10px;
	background: #eeeeee;
}

#focusBox div {
	padding: 10px;
}

/*INDEX PAGE
-------------------------------------------------------------------- */


#indexPage {

}

.imageBox {
	margin-right: 20px;
	float: left;
}

.imageBox div {
	width: 360px;
	text-align: center;
}

#indexPage .titleBox {
	float: right;
	width: 390px;
}

#indexPage .details {
	background: url(/images/dotline_horz.png) 0px 0px repeat-x;
	margin-top: 20px;
	padding-top: 10px;
}

#indexPage .details .leftColumn {
	width: 280px;
}

#indexPage .details .centreColumn {
	width: 190px;
}

#indexPage .details .rightColumn {
	width: 230px;
}

/*SHOW PAGE
-------------------------------------------------------------------- */


#showPage {

}

#showPage .details {
	background: url(/images/dotline_horz.png) 0px 0px repeat-x;
	margin-top: 20px;
	padding-top: 10px;
}

#showPage .titleBox {
	float: right;
	width: 390px;
}

#showPage .titleBox .event {
	background: #f9f9f9;
	padding:4px;
	}

#showPage .details .leftColumn {
	background: url(/images/dotline_vert.png) right 0px repeat-y;
	width: 300px;
	float: left;
	padding-right: 20px;
}

#showPage .details .rightColumn {
	width: 440px;
	float: left;
	padding-left: 20px;
}

.details i.author {
	text-transform: uppercase;
	color: #000000;
}

.dotlineVert {
	background: url(/images/dotline_vert.png) 0px 0px repeat-y;
}

.dotlineHorz {
	background: url(/images/dotline_horz.png) 0px 0px repeat-x;
}

/* NAV */

#nav {
	position: absolute;
	left: 118px;
	top: 9px;
	height: 80px;
	font-size: 13px;
	font-weight: bold;
	width: 650px;
	line-height: 18px;
	/*	background: teal;*/
}

#nav a, #nav span {
	display: block;
}

#nav div {
	height: 20px;
	border-left: 1px solid #4d4d4d;
	padding-left: 10px;
	
}

#nav div b {
	/* the main nav items */
	color: #b7b7b7;
	float: left;
	clear: both;
}

#nav div .links a {
	/* second-level links */
	float: left;
	color: #fff;
	display: block;
	border-left: 1px solid #666;
}

#nav div b, #nav div .links a {
	/* padding for all nav items */
	padding: 0px 10px;
	margin: 1px 0px;
}

#nav div .links a:hover {
	/* second-level links hover */
	color: #b2bb1c;
	text-decoration: underline;
}

#nav div .links {
	display: none;
}

#nav div:hover .links, #nav div.current .links, #nav div.sfhover .links {
	display: block;
}

#nav div .links a.current {
	/* current page item */
	color: #f06d9b;
}

/* SUB NAV */

#subNav {
	height: 28px;
}

#subNav a, #subNav a:link, #subNav a:visited {
	float: left;
	font-size: 10px;
	line-height: 28px;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
	color: #b7b7b7;
	width: 370px;
	text-align: left;
}

#subNav a:hover {
	color: #000000;
}

#subNav .current {
	background: #ffffff;
}

#subNav b {
	color: #000000;
	margin-top: 5px;
}

#subNav .current b {
	color: #000000;
	margin-top: 0px;
}

#subNav a b {
	padding-left: 13px;
}

#subNav .main b {
	background: url(/images/space-icon.png) 0px center no-repeat;
}

#subNav .plus15 b {
	background: url(/images/plus15-icon.png) 0px center no-repeat;
}

h1.showTitle, h1.showTitleLong {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 32px;
	font-weight: normal;
	color: #000000;
	line-height: 32px;	
	/*display: inline;*/
}

h1.showTitle strong, h1.showTitleLong strong {
	color:#6dcff6;
	font-weight: normal;	
}


/* SHOW DATES */

.showDate {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #898989;
	line-height: 18px;
}

.clearMe {
	clear: both;
}

/* MEMBERSHIP RATES */

#membershipRates table {
	background: #f2f2f2;
	text-align: left;
	width: 360px;
}

#membershipRates td {
	text-align: left;
	padding: 5px;
	background: #f2f2f2;
	border-bottom: 3px solid #ffffff;
}

#membershipRates td.price {
	font-weight: bold;
	text-align: right;
	color: #000000;
}

#membershipRates ul {	
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#membershipRates ul li {	
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
}

/* EXHIBITIONS */

#exhibitionsIntro {
	height:42px;	
	background: url(/images/exhibitions-intro.gif) center bottom no-repeat;
	font-size: 10px;
	color: #636363;
}

#exhibitionsIntro .column {
	width: 260px;
	float: left;
}

#exhibitionsIntro .center {
	text-align: center;
}


#exhibitions {
	background: url(/images/exhibitions-ticks-6day.gif) center top repeat-y;
}

#exhibitions #main {
	float: left;
	width: 386px;
}

#exhibitions #plus15 {
	float: right;
	width: 386px;
}

#exhibitions #timeLine {
	float: left;
	width: 8px;
	text-align: center;
	font-size: 10px;
	line-height: 10px;
}

#exhibitions div.month {
	/*height: 248px; 7 pixel days*/
	height: 217px; /* 6 pixel days */
}

#exhibitions div.month div {
	float: left;
	background: url(/images/exhibitions-line.gif) 0px 0px repeat-x;
	width: 376px;
/*	font-size: 10px;
	line-height: 13px;	 smaller version*/
}

#exhibitions h1.showTitle, #exhibitions h1.showTitleLong {
	display: block;
}

#exhibitions #main div.month div {
	padding-right: 10px;	
}

#exhibitions #plus15 div.month div {
	padding-left: 10px;
}

#exhibitions div.month div p.showDate {
	border-right: 6px solid #ffffff;
	margin: 0px;
	margin-top: -10px;
	display: inline;
	float: left;
	font-size: 18px;
	line-height: 22px;
	padding: 0px 0px 0px 12px;	
	}

#exhibitions #main div.month div .showDate {
	background: #ffffff url(/images/space-icon.png) 0px center no-repeat;
}

#exhibitions #plus15 div.month div .showDate {
	background: #ffffff url(/images/plus15-icon.png) 0px center no-repeat;
}

	
/* days */	

#exhibitions .day1 {
 margin-top: 0px;
}


#exhibitions .day2 {
 margin-top: 7px;
}


#exhibitions .day3 {
 margin-top: 14px;
}


#exhibitions .day4 {
 margin-top: 21px;
}


#exhibitions .day5 {
 margin-top: 28px;
}


#exhibitions .day6 {
 margin-top: 35px;
}


#exhibitions .day7 {
 margin-top: 42px;
}


#exhibitions .day8 {
 margin-top: 49px;
}


#exhibitions .day9 {
 margin-top: 56px;
}


#exhibitions .day10 {
 margin-top: 63px;
}


#exhibitions .day11 {
 margin-top: 70px;
}


#exhibitions .day12 {
 margin-top: 77px;
}


#exhibitions .day13 {
 margin-top: 84px;
}


#exhibitions .day14 {
 margin-top: 91px;
}


#exhibitions .day15 {
 margin-top: 98px;
}


#exhibitions .day16 {
 margin-top: 105px;
}


#exhibitions .day17 {
 margin-top: 112px;
}


#exhibitions .day18 {
 margin-top: 119px;
}


#exhibitions .day19 {
 margin-top: 126px;
}


#exhibitions .day20 {
 margin-top: 133px;
}


#exhibitions .day21 {
 margin-top: 140px;
}


#exhibitions .day22 {
 margin-top: 147px;
}


#exhibitions .day23 {
 margin-top: 154px;
}


#exhibitions .day24 {
 margin-top: 161px;
}


#exhibitions .day25 {
 margin-top: 168px;
}


#exhibitions .day26 {
 margin-top: 175px;
}


#exhibitions .day27 {
 margin-top: 182px;
}


#exhibitions .day28 {
 margin-top: 189px;
}


#exhibitions .day29 {
 margin-top: 196px;
}


#exhibitions .day30 {
 margin-top: 203px;
}


#exhibitions .day31 {
 margin-top: 210px;
}

#exhibitions div.month .end {
	height: 1px;
	background: url(/images/end-bg.gif) bottom right no-repeat;
	display: none;
}

#exhibitions #plus15 div.month .end {
	background: url(/images/end-bg.gif) bottom left no-repeat;
}


/* EVENTS */

.event {
	
}

.event .date {
	width: 35px;	
	background: url(/images/date-flag.gif) bottom center no-repeat;
	font-weight: bold;
	text-align: center;
	border-top: 3px solid #e7e7e7;
	float: left;
}

.event .date .month {
	text-transform: uppercase;
	color: #ffffff;
	background: #f06d9b;
	height: 16px;
	display: block;
	font-size: 10px;
	line-height: 16px;
	vertical-align: middle;
	margin: 0px 3px;	
}

.event .date .number {
	font-size: 18px;
	margin-bottom: 12px;
	display: block;
}

.event div.eventDetails {
	font-size: 10px;
	margin-left: 40px;
	margin-bottom: 20px;
	line-height: 12px;
}

.event div.eventDetails b {
	font-size: 16px;
	color: #000000;
	line-height: 16px;
}


.event span.showDate {
	font-size: 12px;
}

/* CALENDARS */

#calendars {
	width: 218px;
	float: right;
}

#calendars div {
	border: 3px solid #f7f7f7;
	background: #f7f7f7;
/*	float: right; */
	margin-bottom: 5px;
}

#calendars .calendar {
	/*width: 141px;*/
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #616B76;
	text-align: center;
	background-color: #fff;
	border: 1px solid #eaeaea; 
	/*margin-bottom: 5px;*/
}

#calendars .nav, #calendars .nav a {
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	

#calendars caption {
	margin: 0;
	padding: 2px 0px ;
	text-align: center;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #666;
/*	background: #f5f5f5; */
	width: 100%;	
}

#calendars th {
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	border-bottom: 1px solid #f7f7f7;
	
}

#calendars .hover, #calendars .today {
	color: #000000;
	font-weight: bold;
	background: #eee;
}

#calendars .sun, #calendars .mon, #calendars .closed {
	background: #f7f7f7;
}

#calendars .event {
	font-weight: bold;
	color: #6dcff6;
}

#calendars td {
	width: 30px;
	height: 30px;
	text-align: center;
}

#calendars td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#calendars td a:link, td a:visited {	
	color: #608194;
}

#calendars td a:hover, td a:active {
	color: #6aa3ae;
}

.hover .date {
	color: #000000;
}

/* MISC */
address {
	font-style: normal;
	padding-left: 10px;
	border-left: 3px solid #eeeeee;
	display: block;
	margin: 10px 0px;
}

#contentArea .generalImage {
	float: right;
	font-size: 10px;
	margin-left: 10px;
}

#contentArea .generalImage div {
	border: 1px solid #bfbfbf;
	padding: 4px;
}

#contentArea div.generalImage div img {
	float:  none;
}


.invisible {
    display: none;
}

/* LISTS */

#contentArea ul {	
	margin: 10px 10px 10px 30px;
	padding: 0px;
}

#contentArea ul li {	
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
}


/* SPONSORS */
#sponsorLogos{
	float: right;
	margin-left: 20px;
}

#sponsorLogos div {
	padding: 5px;
	border: 1px solid #eeeeee;
	margin-bottom: 20px;	
	width: 390px;
}

#contentArea #sponsorLogos a, #contentArea #sponsorLogos a:link, #contentArea #sponsorLogos a:visited {
	float: left;
	width: 130px;
	display: block;
	background: none;
	opacity:0.5;
	filter:alpha(opacity=50);
	}
	
#contentArea #sponsorLogos a:hover, #contentArea #sponsorLogos a:active {
	opacity:1.0;
	filter:alpha(opacity=100);		
}

#sponsorLogos img {
	float: none;
	margin: 5px;
}

#sponsorLogos h3 {
	color: #797979;
	padding: 0px;
	margin: 0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	font-style: italic;
	font-size: 14px;
	font-weight: normal;
}


#publicationList {
	
}

#publicationList .publicationItem img {
	float: left;
	margin-right: 20px;
	border: 1px solid #eeeeee;
}

#publicationList .publicationItem {
	border-bottom: 1px solid #eeeeee;
	padding: 20px 0px;
}

#publicationList .publicationItem p {
}

#publicationList form, #publicationList form input[type=image] {
	margin: 0; padding: 0;
	float: left;	
}

#publicationList form input[type=image]:hover {
	outline: 2px solid #000000;
}

#publicationList form input[type=image]  {
	background: url(/images/purchase-button.png) top left no-repeat;
	width: 99px;
	height: 28px;
	outline: none;
	border: 0;
	padding: 0;
}


/* 

--------------------------------------------------------------------

COPYRIGHT + BOTBAR

--------------------------------------------------------------------

*/



#botBar {
	color: #bfbfbf;
	font-size: 10px;
	padding: 0px;
	min-height: 100px;
}

#botBar div {
	width: 780px;
	text-align: left;	
}

#botBar .bug {
	display: block;
	float: right;
}

#botBar a {
	color: #858585;
}

#botBar a:hover {
	text-decoration: underline;
}

/* 

--------------------------------------------------------------------

COLLECTIVE ACCESS 

--------------------------------------------------------------------

*/

#contentArea #collectiveContentArea img {
	float: none;
	border: none;
}



/* 

--------------------------------------------------------------------

FEATURED ITEMS

--------------------------------------------------------------------

*/

#contentArea #featuredItemContainer {
	position: absolute;
	left: 800px;
	width: 200px;
}