/* ------ Reset ------ */
@import url("reset.css");

/* ------ body ------ */
body { background-color: #382001; background-image: url('/assets/images/page_bg.png'); background-repeat: repeat-x; font: 100% "Arial", "Helvetica", sans-serif; /*font: 85% "Verdana";*/ line-height: 1.4; color: #fff; }
strong { font-weight: bold; }

/* ------ divs ------ */
#wrap { width: 1000px; margin: 0 auto 10px auto; }
	#masthead { }
		#top { height: 36px; background-image: url('/assets/images/top_bar.png'); color: #936a31; }
		#top_fr { height: 36px; background-image: url('/assets/images/top_bar_fr.png'); color: #936a31; }
			#search { float: left; width: 220px; padding: 5px 0 0 0; }
				#search input { background-color: #6e6317; color: #fff; }
			#meta { font-size: 80%; font-weight: bold; padding: 10px 0 0 0; color: #fca938; }
		#animation { height: 272px; /*background-image: url('/assets/images/animated_masthead.jpg');*/ }
		#animation_fr { height: 272px; /*background-image: url('/assets/images/animated_masthead.jpg');*/ }
	#body { }
		#content { float: left; width: 826px; background-color: #502d02; line-height: 1.5; padding-top: 0; padding-bottom: 1em; }
			#home-block { float: right; width: 413px; background-color: #5d3503; margin-left: 10px; }
				#news { margin: 10px; padding: 10px; background-color: #734509; border: 1px solid #542f03; }
		#right { float: right; width: 174px; }
			#navigation { float: right; width: 161px; }
		#contentLeft { float: left; width: 49%; }
		#contentRight { float: right; width: 50%; /*padding: 0 1em 0 1em;*/ }
	#footer { margin: 10px 0 0 0; background-color: #201201; background-image: url('/assets/images/footer_bg.png'); background-repeat: no-repeat; color: #855c20; font: 75% "Trebuchet MS"; height: 33px; }
	#footer_fr { margin: 10px 0 0 0; background-color: #201201; background-image: url('/assets/images/footer_bg_fr.png'); background-repeat: no-repeat; color: #855c20; font: 75% "Trebuchet MS"; height: 33px; }
		
/* ------ links ------ */		
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }

#top a:link, #top_fr a:link, #top a:visited, #top_fr a:visited  { color: #fca938; }
#top a:hover, #top_fr a:hover, #top a:active, #top_fr a:active { border-bottom: 1px solid #936a31; }

#content a:link { color: #fff; text-decoration: underline;/*border-bottom: 1px solid #fff;*/ }
#content a:visited { color: #bbb; text-decoration: underline; }
#content a:hover { color: #fff; background-color: #201201; text-decoration: none; }
#content a:active { color: #fff; }

#footer a:link, #footer_fr a:link { color: #d6902f; border-bottom: 1px solid #d6902f; }
#footer a:visited, #footer_fr a:visited { color: #ba7d28; border-bottom: 1px solid #ba7d28; }
#footer a:hover, #footer_fr a:hover, #footer a:active, #footer_fr a:active { color: #ba7d28; border-bottom: 1px solid #ba7d28; }

/* ------ nav ------ */		
#navigation ul { background-color: #2c1901; }
#navigation ul li { line-height: 1.2; }
#navigation ul li a { display: block; width: 141px; padding: 4px 10px; color: #fdc572; font-size: 80%; border-top: 3px solid #2c1901; border-bottom: 3px solid #2c1901; }
#navigation ul li a:hover { color: #fff; background-color: #563102; border-top: 3px solid #231301; border-bottom: 3px solid #231301; }
#navigation ul ul li a { width: 121px; margin: 0; padding: 4px 10px 4px 30px; }
#program_nav, #support_nav { display: none; }
#navigation ul li#language { font-style: italic; }

/* ------ headings ------ */
h1 { font-family: "Trebuchet MS"; color: #fff; background-color: #6a6d17; background-image: url('/assets/images/header_bg.png'); background-repeat: no-repeat; background-position: right; padding: 5px 10px; font-size: 120%; margin-bottom: 1em; }
h2 { font-family: "Trebuchet MS"; color: #fdc55e; /*padding: 5px 10px;*/ margin: 0.4em 10px .1em 10px; font-size: 120%; }
	#news h2 { color: #fff; font-size: 120%; padding: 0; }
h3 { font-family: "Trebuchet MS"; color: #fdd996; /*padding: 5px 10px;*/margin: .6em 10px 0 10px; font-size: 105%; }
	#home-block h3 { font: 140% "Trebuchet MS"; color: #de8305; font-style: italic; margin: 0 10px; padding: 0; }

/* ------ p's ------ */
#content p { font-size: 85%; margin: 0 10px 1em 10px; color: #fff; }
#home-block p { color: #dcc19b; }
#footer p, #footer_fr p { padding: 10px 0 0 415px; }

/* ----- lists ----- */
#content ul, ol { margin: 0.5em 0 0.75em 3em; }
#content ul { list-style-type: disc; }
#content ol { list-style-type: decimal; }
#content li { margin: 0 10px 0.75em 0; font-size: 90%; }
#content dl { width: 100%; margin: 1em 0 2em 0; display: inline; }
#content dt { width: 15%; float: left; margin: 0.5em 0 0 0; padding: 0.5em; border-top: 1px solid #999; font-weight: bold; background-color: #ccc; }
#content dd { width: 80%; float: left; margin: 0.5em 0 0 0; padding: 0.5em; border-top: 1px solid #999; background-color: #eee; }

#news ul { list-style-type: disc; font-size: 100%; margin: 10px 0 0 0; color: #fff; }
#news ul li { margin: 0 0 0.75em 2em; line-height: 1.4; }
#news ul li a { color: #fff; /*border-bottom: 1px solid #fff;*/ }
#news ul li a:hover { border: 0; }

/* ----- images ----- */
img.border { border: 1px solid #000; }
img.right { float: right; border: 1px solid #c16b03; margin: 0.4em 0 0.4em 0.4em; }
img.left { float: left; border: 1px solid #c16b03; margin: 0.4em 0.75em 0.4em 0; }
img.center,img.centre { display: block; margin: .4em auto; }
td img { margin: .8em .8em 0 10px; border: 1px solid #c16b03; }
div.gallery img { margin: 16px; }
div.gallery img a, div.gallery a img { border: 1px solid #ec9d34; }

/* ----- custom classes ----- */
.newsdate { white-space: nowrap; font-style: italic; font-size: 85%; }
.postalcode { margin: 0 0 0 0.5em; text-transform: uppercase; white-space: nowrap; } /* span class to keep postal codes uppercase, to prevent wrapping, and to include extra white-space before them, per Canada Post's guidelines */
.nobr, .tel, .gps { white-space: nowrap; } /* span class to keep phone numbers & GPS coordinates from wrapping */
.featureright { width: 250px; float: right; border: 1px solid #000; padding: .4em; margin: .4em 1em .4em 1em; background: #734509; }
	.featureright .logo_white { background-color: #fff; padding: 0em; width: 100%; text-align: center; }
	.logo_white img { padding: 10px; margin: auto 0; }
	.logo_white a:hover { text-decoration: none; }
	.charitybutton { background-color: #fff; width: 155px; padding: 10px 0 10px 10px; }
.caption { font-size: 85%; font-style: italic; line-height: 1.4; }
.attribution { text-align: right; margin: 0; padding: 0 20px 10px 100%; text-align: center; }


/* ----- random HTML tags ----- */
acronym, abbr { font-style: italic; border-bottom: 1px dotted #d6a25c; text-decoration: dotted; cursor: help; }
blockquote,q { font-style: italic; border-left: 3px solid #999; margin: 1.5em 0 0 3em; padding: 0 1.5em 0 1em; font-size: 90%; line-height: 1.8; }
address { padding: 0 0 0 1em; font-style: italic; line-height: 1.6; }
em,i { font-style: italic; }
em em { font-style: normal; }
strong,b { font-weight: bold; }
sup, h2 sup { bottom: 1ex; font-size: .9em; }
sub { top: .5ex; font-size: .9em; }
/* span: lang(fr-CA), div: lang(fr-CA), span: lang(en-CA), div: lang(en-CA) { font-style: italic; } */


/* ----- art bond style ----- */
div#social { display: none; visibility: hidden;/*background-color: #2d1901; margin: 0 0 4px 0; padding: 4px 6px; font-size: 11px; color: #e0b45d; overflow: auto;*/ }
div#recipientbadge { float: left; }
div#recipientname { width: 180px; background-color: #fff; color: #000; padding: 8px 6px 4px 6px; margin: 0 5px 0 0; }
div.badge { float: left; text-align: center; margin: 0 6px; border: none; }
div.badge a { text-decoration: none!important; }
div#artbondbadge {  }
div#twitterbadge {  }
div#facebookbadge {  }

/* ----- art bond page ----- */
#artbondsidebar { width: 390px!important; float: right; padding: 0;}
h2 span.one { color: #bee241; font-size: 14pt; font-weight: bold; }
h2 span.two { color: #86d7e1; font-size: 14pt; font-weight: bold; }
	h2 span.two a, h2 span.two a:link, h2 span.two a:visited, h2 span.two a:hover, h2 span.two a:active { color: #86d7e1!important; text-decoration: none!important; }
h2 span.three { color: #f6ee10; font-size: 11pt; font-weight: bold; }