/* --- CCFA CSS Document -- Base */
/* Axionic Inc. 2003 */

/* In this Stylesheet:
	1. General Styles
	2. Left Sidebar + related controls/placeholders
	3. Content Area + related controls/placeholders
	4. Right Sidebar + related controls/placeholders
	5. Lists
	6. Footer
	7. Miscelaneous (Error, Contact Form)
	8. GGVAMA 2005
*/

/* IMPORT ADVNACED STYLES XXXXXXXXXXXXXXXX */
@import url("base_advanced.css");
@import url("navigation.css");

/* 1. GENERAL STYLES XXXXXXXXXXXXXXXX  */

sup {
 line-height: 0;
   font-size : 75%; /*8.25pt*/
}



body 
{
	background-color: #333;
}

html, body {margin: 0; border: 0; padding: 0;}

body {
	padding-bottom: 20px;
}

.imgblock /* displays images as block items, good for removing gaps around images in geco browsers */
{
	display: block;
}

.inline /* for displaying images as inline items */
{
	display: inline 
} 

.hide, .skiplinks
{ 
	display: none; 
}

/* display:none in the linked stylesheet */
#browserwarning
{
	border-right: #cccccc 10px solid;
	padding-right: 10px;
	border-top: #cccccc 10px solid;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 10px;
	border-left: #cccccc 10px solid;
	padding-top: 10px;
	border-bottom: #cccccc 10px solid;
	background-color: #ffffff;
}

#popupedit 
{
	border-right: #cccccc 10px solid;
	padding-right: 10px;
	border-top: #cccccc 10px solid;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 10px;
	border-left: #cccccc 10px solid;
	padding-top: 10px;
	border-bottom: #cccccc 10px solid;
	background-color: #ffffff;
}

/* used in popup warning message about cookies */
#warning
{
	border-right: #ff0000 10px solid;
	padding-right: 10px;
	border-top: #ff0000 10px solid;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 10px;
	border-left: #ff0000 10px solid;
	padding-top: 10px;
	border-bottom: #ff0000 10px solid;
	background-color: #ffffff;
}

#warning h1, #popupedit h1 {} /* styles defined with content h2s */

/* applied to a span in lists */
.date { 
	color:#666;
	font-size: 90%;
}

/* is this still used? 
.border10pix 
{
	border-right: #eee 10px solid;
	border-top: #eee 10px solid;
	border-left: #eee 10px solid;
	border-bottom: #eee 10px solid;
}*/

/* used in lists i.e. grants calendar listing, news */
.importantnotice a, .imporatantnotice a:visited { 
	color:#FF0000;
	font-size: 10px;
}


/* 2. LEFT SIDEBAR XXXXXXXXXXXXXXXX 
Notes:
- Leftsidebar is 148px wide

Includes:
	2.1 Contact Us - ( Placeholder - ContactUs )
	2.2 Related Items - ( Placehlder relatedItemsListPlaceholderControl & Control - ucRelatedNewsItems )
	2.3 What's New - ( Control - ucWhatsNew )
	2.4 Discipline and Offices menu - ( Control - ucSideNavBar )
*/
#NOleftsidebar
{
	padding-right: 10px;
	padding-left: 0px;
	vertical-align: top;
	width: 2px
}
#leftsidebar
{
	padding-right: 10px;
	vertical-align: top;
	width:138px; 
}

#leftsidebar h2, #rightsidebar h2
{
	font-weight: normal;
	font-size: 68% !important;
	margin: 0px 0px 5px;
	text-transform: uppercase;
	color: #fff;
}

#leftsidebar .whatsnewlist .nobulletlist li, 
#leftsidebar .relateditems .nobulletlist li
{
	font-size: 70%; /* if user sets font size to smallest this becomes illegible */
	margin: 0px 0px 5px !important;
}

#leftsidebar .nobulletlist li a, 
#leftsidebar .bulletlist li a
{
	color: #fff;
}

#leftsidebar .nobulletlist li a:hover, 
#leftsidebar .bulletlist li a:hover 
{
	color: #eeffaa;
}


/* 2.1 CONTACT US  ---- */
#contact
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #ccc;
}

#contact img 
{
	border: 0;
	padding: 0;
	margin: 0;
}

#contact p
{
	padding: 0px;
	font-size: 70%; /* if user sets font size to smallest this becomes illegible */
	padding-bottom: 0px;
	margin: 0px 0px 10px;
}

#leftsidebar #contact h2
{
	padding-right: 4px;
	padding-left: 9px;
	padding-bottom: 3px;
	margin-top:1px !important; /* not working in ie 5 */
	margin-left:1px;
	margin-right:1px;
	margin-bottom: 5px;
	padding-top: 3px;
}

#leftsidebar #contact
{
	border-right: 1px solid;
	padding-right: 0px !important;
	border-top: 1px solid;
	padding-left: 0px !important;
	padding-bottom: 3px;
	margin: 0px;
	color: #fff;
	padding-top: 0px !important;
	border-bottom: 1px solid;
}

#leftsidebar #contact .innercontents
{
	padding-right: 5px;
	padding-left: 10px;
}

#leftsidebar #contact p,
#leftsidebar #contact a
{
	color: #fff;
}

#leftsidebar #contact a:hover 
{	
	/* color: #efa; - removed to allow the skin stylesheet to control this */
	text-decoration:underline;
}

/* 2.2 RELATED ITEMS  ---- */
#leftsidebar .relateditems
{
	padding-right: 0px;
	padding-left: 0px;
	margin: 10px 0px 10px 10px;
	padding-top: 0px;
}

/* 2.3 WHAT'S NEW  ---- */
#leftsidebar .whatsnewlist
{
	padding-right: 0px;
	padding-left: 0px;
	margin: 10px 0px 10px 10px;
	padding-top: 0px;
}


/* 2.4 DISCIPLINE AND OFFICES MENU ---- */
/* Notes:
- Originally displayed as an unordered list - problems with old ie and current ie(in quirks mode) displaying too much line height 
- Currently displayed in a table
*/

#disciplinesNav
{
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
}

td.discipline, 
td.disciplineFirst, 
td.office
{
	border-right: #4c4c4c 1px solid;
	padding-right: 0px;
	border-top: #5e5e5e 1px solid;
	padding-left: 0px;
	font-weight: normal;
	font-size: 9px; /* font size is fixed a 9px */
	padding-bottom: 0px;
	margin: 0px !important;
	text-transform: uppercase;
	border-left: #5e5e5e 1px solid;
	line-height: normal !important;
	padding-top: 0px !important;
	border-bottom: #4c4c4c 1px solid;
	background-position: left bottom;
	background-image: url(../images/discipline_but_bkg.gif);
	background-repeat: no-repeat;
	background-color: #555;
}

td.office 
{
	background-image: url(../images/office_but_bkg.gif);
	background-color: #6b6b6b;
	border-top: 1px solid #737373;
	border-right: 1px solid #5f5f5f;
	border-bottom: 1px solid #5f5f5f;
	border-left: 1px solid #737373;
}

td.disciplineFirst 
{
	border-top: 0px;
}

td.discipline a, td.disciplineFirst a, td.office a
{
	display: block;
	border-right: 0px;
	padding-right: 5px;
	border-top: 0px;
	padding-left: 10px;
	padding-bottom: 2px;
	margin: 0px !important;
	border-left: 0px;
	padding-top: 2px;
	border-bottom: 0px;
	
	/* boxmodelhack - give old ie a false value */
	width:136px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:121px;
}

.plr {
     background-color:#b7b6b7;
     color: #262626;
     display: block;
	 display:none;
     margin:-2px -5px -2px -10px;
     padding:2px 5px 2px 10px;
}

.plr:hover {
     background-color:#262626;
     color:#fff;
}

/* be kind to Opera */
html>body td.discipline a,
html>body td.disciplineFirst a,
html>body td.office a 
{
	width:121px;
}

td.discipline a, td.office a,
td.disciplineFirst a,
td.discipline a:link, td.office a:link,
td.disciplineFirst a:link,
td.discipline a.visited, td.office a.visited,
td.disciplineFirst a.visited
{	
	color:#eee;
	text-decoration: none;
}

#disciplinesNav a:hover
{
	color: #000;
	background-color: #ccc;
	text-decoration: none;
}

/* 3. PAGE CONTENT XXXXXXXXXXXXXXXX 
Notes:
- general styles have been placed in basictext.css
- Page content is 296px wide on Sumamry pages, 434px wide on normal pages

Includes:
	3.1 Contact Us  - ( Placeholder - ContactUs )
	3.2 Manual Document List - (Placeholder - ManualDocumentListPlaceholderControl )
	3.3 News Item List - (Placeholder - NewsItemListPlaceholderControl )
	3.4 Dynamic Document List - ( Placeholder - dynamicDocumentListPlaceholderControl )
	3.5 FAQ List - ( Placeholder - FaqSnapshotPlaceholderControl )
	3.6 Important Notices List ( Control - ucImportantNotice )
	3.7 Image List ( Placeholder - ImageCollectionPlaceholderControl )
	3.8 Image Collections Listing ( Control - ucImageCollections )
	3.9 Programs and Prizes Listing [Discipline pages] ( Control - ucGrantProgramsList and Control - ucPrizesAndEndowmentsList )
	3.10 Calendar List ( Placeholder - GrantProgramsListPlaceholderControl )
	3.11 Multi List Menu [News Summary Page] ( Placeholder - DynamicDocumentListPlaceholderControl )	
	3.12 Tab Menu { Control - ucGrantNav )
	3.13 Common Settings ( Headings )
	3.14 Content Hilite
	3.15 Large Document Controls ( Placeholder - MultipageDocumentPlaceholderControl )
	3.16 Data Results Table ( Custom database search results table)
	3.17 Breadcrumb
*/

#contentcolumn, #contentcolumnwide, #contentcolumncoloured
{
	border-top: 10px solid;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #fff;
	padding-top: 10px;
}

#contentcolumnwide 
{
	border-right: 10px solid;
}

/* <table> used for the content area on the SubSite Template. */
#contentcolumncustom
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 10px;
	background-color: #fff;
	margin-left: auto;
margin-right: auto;
}

#contentcolumncustom td 
{
	text-align:center;
}

#pagecontent, #custompagecontent
{
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}

/* 3.1 CONTACT US  ---- 
- see left sidebar for more details
*/
#pagecontent #contact h2
{
	margin-top: 0px;
	padding-top: 0px;
}

/* 3.2 MANUAL DOCUMENT LIST  ---- */
.manualdocumentlist
{
	margin-bottom: 20px;
}

/* not needed unless we wanted a slightly smaller font for the description */
.manualdocumentlist  p
{
}

/* 3.3 NEWS ITEM LIST  ---- */
/* not needed unless we wanted a slightly smaller font for the description */
#newsitemlist  p
{
}

/* the archive list at bottom of listing */
#newslistnav
{
	font-size: 85%;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #eee;
	color: #333;
}

/* 3.4 DYNAMIC DOCUMENT LIST  ---- */
.dynamicdocumentlist
{
	margin-bottom: 20px;
}

/* 3.5 FAQ LIST  ---- */
#faqlisting
{
	margin-bottom: 15px;
}

/* 3.6 IMPORTANT NOTICES LIST  ---- */
#importantnotices
{
	border-right: #cccccc 10px solid;
	padding-right: 10px;
	border-top: #cccccc 10px solid;
	padding-left: 10px;
	padding-bottom: 5px;
	margin: 10px 0px 15px;
	border-left: #cccccc 10px solid;
	padding-top: 8px;
	border-bottom: #cccccc 10px solid;
	background-color: #eee;
}

#importantnotices h2
{
	padding: 0px;
	font-size: 90%;
	margin: 0px 0px 5px;
	color:#333;
	font-weight:bold;
	border: 0;
}

/* 3.7 IMAGE COLLECTION LIST ---- */
#imagelist
{
	border-right: #ccc 1px solid;
	padding-right: 2px;
	border-top: #ccc 1px solid;
	padding-left: 2px;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	border-left: #ccc 1px solid;
	padding-top: 2px;
	border-bottom: #ccc 1px solid;
	
	/* boxmodelhack - give old ie false value */
	width: 414px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 408px;
}

/* be kind to Opera */
html>body #imagelist
{
	width:408px;
}

#imagelist table
{
	margin: 10px 10px 0px;
}

#imagelist h2 
{
	border:0;
}

#imagelist td
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 90%;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	padding-top: 0px;
}

/* 3.8 IMAGE COLLECTIONS LIST ---- */
#imagecollectionlisting
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	padding-top: 0px;
}

#imagecollectionlisting h2, #imagecollectionlisting p
{
	margin-left: 10px;
	margin-right: 10px;
}

#imagecollectionlisting h2
{
	border-right: 0px;
	padding-right: 0px;
	border-top: 0px;
	padding-left: 0px;
	font-weight: bold;
	/* font-size: 80%; */
	padding-bottom: 0px;
	border-left: 0px;
	padding-top: 0px;
	border-bottom: 0px;
}

#imagecollectionlisting p
{
	margin-bottom: 10px;
	padding: 0px;
}

.imageCollectionItem
{
	border-right: #ccc 1px solid;
	padding-right: 2px;
	border-top: #ccc 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 0px;
	border-left: #ccc 1px solid;
	padding-top: 10px;
	border-bottom: #ccc 1px solid;
}

.imageCollectionItemLaunchbar
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #eeeeee;
}

.imageCollectionItemLaunchbar td 
{
	font-size: 85%;
}

/* 3.9 PROGRAMS & PRIZES LIST ---- */
#programandprizelistingwrapper
{
	clear: right;
	float: right;
	border-left: #fff 10px solid;
}

#programandprizelisting
{
	border-right: #eee 10px solid;
	border-top: #eee 10px solid;
	margin: 0px 0px 15px;
	border-left: #eee 10px solid;
	border-bottom: #eee 10px solid;
	background-color: #fff;
	
	/* boxmodelhack - give old ie false value */
	width: 202px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 182px;
}

/* be kind to Opera */
html>body #programandprizelisting
{
	width:182px;
}

#programandprizelisting h2
{
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 90%;
	padding-bottom: 2px;
	margin: 0px;
	color: #333;
	padding-top: 2px;
	background-color: #fff;
}

#programandprizelisting ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#programandprizelisting li
{
	padding-right: 10px;
	display: block;
	padding-left: 10px;
	border-left-width: 1px;
	font-size: 90%;
	border-left-color: #eee;
	padding-bottom: 5px;
	margin: 0px;
	padding-top: 5px;
	border-bottom: #ccc 1px dotted;
	border-right-width: 1px;
	border-right-color: #eee;
}

#programandprizelisting li.last
{
	border-bottom: 0px;
}


/* 3.10 CALENDAR LIST ---- */
#calendarlist
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.calendar /* class applied to table */
{
	border-right: #ccc 1px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #ccc 1px solid;
	padding-top: 0px;
}

.calendar td
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 0;
	padding-top: 5px;
	border-bottom: #cccccc 1px solid;
}


.calendar h2
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 100%;
	padding-bottom: 0px;
	margin: 0px;
	color: #333;
	padding-top: 0px;
	border:0;
}

.calendar h3 
{
	padding-right: 10px;
	padding-left: 10px;
}

.calendar td.title
{
	padding-bottom: 1px;
	margin: 0px;
	padding-top: 1px;
	background-color: #fff;
}

.calendarsubtable
{
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

.calendarsubtable td.calendarsubitem {
	border-top: 1px solid #fff;
	background-color: #eee;
	font-size: 85%;
}

.calendarsubtable td
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	margin: 0;
	padding-top: 3px;
	border-bottom: 0px;
}

.calendarsubtable td.title
{
	padding-bottom: 4px;
	padding-top: 5px;
	font-size: 100%;
}


/* 3.12 TAB MENU ---- 
- Prizes and Grants Calendar */
#tabnavmenu, .tabnavmenu
{
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px;
	text-align: center;
}

#tabnavmenu, #tabnavmenuwrapper 
{
	margin: 10px 0px 0px;
}

#tabnavmenu td, 
.tabnavmenu td
{
	border-right: #444 1px solid;
	border-top: #888 1px solid;
	font-weight: normal;
	font-size: 85%;
	margin: 0px;
	border-left: #888 1px solid;
	line-height: 115%;
	border-bottom: #444 1px solid;
	font-style: normal;
	background-color: #666;
	font-variant: normal;
}

#tabnavmenu td a,
.tabnavmenu td a
{
	display: block;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	color: #eee;
}

#tabnavmenu td a:hover, 
.tabnavmenu td a:hover,
#multilistmenu td a:hover
{
	color:#fff;
	background-color:Transparent !important;
	text-decoration:underline !important;
}

#tabnavmenu td.active, 
.tabnavmenu td.active
{
	border-right: #fff 1px solid;
	border-top: #fff 1px solid;
	border-left: #fff 1px solid;
	border-bottom: #fff 1px solid;
	background-color: #fff;
}

#tabnavmenu td.active a, 
.tabnavmenu td.active a
{
	color:#000;
}

#tabnavmenu td.active a:hover, 
.tabnavmenu td.active a:hover 
{
	color:#000 !important;
	text-decoration:underline;
	background-color:Transparent !important;
}


/* 3.13 COMMON SETTINGS ---- */
/* titles */
#imagelist h2, 
#faqlisting h2, 
.manualdocumentlist h2, 
.dynamicdocumentlist h2, 
#pagecontent .relateditems h2, 
#newsitemlist h2,
.newsitemlist h2,
#contactushilite h2,
#warning h1,
#popupedit h1
{
	font-size: 90% !important;
	padding-right: 5px;
	padding-left: 5px !important;
	font-weight: bold !important;
	padding-bottom: 2px;
	margin: 0px 0px 5px;
	color: #333 !important;
	padding-top: 2px !important;
	background-color: #eee;
	border:0 !important;
}


/* 3.14 CONTENT HILITE ---- */
#contenthilite
{
	border-right: #eee 10px solid;
	padding-right: 10px;
	border-top: #eee 10px solid;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	border-left: #eee 10px solid;
	padding-top: 5px;
	border-bottom: #eee 10px solid;
}


/* 3.15 Large Document Controls */
.largedocumentcontrols
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 20px;
}

.largedocumentcontrols td {
	padding-top: 3px;
	padding-bottom: 2px;
	vertical-align: middle;
	font-size: 85%;
}


/* 3.16 Data Results Table & Data Table */
.dataresultstable {
	width: 572px;
	margin-bottom: 15px;	
}

.datatable 
{
	margin-bottom: 15px;
}

.dataresultstable th, .datatable th {
	font-size: 80%;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-weight: normal;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}

.dataresultstable td, .datatable td
{
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.dataresultstable tr.oddrow, .datatable tr.oddrow {
	background-color: #eee;
}

.dataresultstable tr.evenrow, .datatable tr.evenrow {
	background-color: #fff;
}


/* 3.16 Breadcrumb */
#breadcrumb
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 10px;
	padding-bottom: 0px;
	margin: 0px 10px;
	color: #999999;
	padding-top: 0px;
}

#contentcolumnwide #breadcrumb
{
	margin-bottom: 10px;
}

#breadcrumb a 
{
	color: #999999;
	/* text-decoration:none; */
}

#breadcrumb a:hover 
{
	color: #1177aa; /* colour set in colour stylesheet */
}


#summaryPageImage
{
	padding:0 0 20px 0;
}
/* 4. RIGHT SIDEBAR XXXXXXXXXXXXXXXX 
Notes:
- general styles have been placed in basictext.css

Includes:
	4.1 Quick Links (Control - ucQuickLinks)
	4.2 Features ( Placeholder - MultiFeatureList)
	4.3 Attachement List ( Placeholder - AttachmentListPlaceholderControl )
	4.4 Acknowledgement ( Control - ucAcknowledgement )
	4.5 Promoting the Arts ( Control - ucPromotingTheArts )
	4.6 Navigate This Page ( Control - ucNavigateThisPage )
	4.7 Change Colour ( Control - ucChangeColour )
*/

#rightsidebar
{
	vertical-align: top;
	padding-top: 10px;
}

#rightsidebar a
{
	color: #fff;
}

#rightsidebar a:hover
{
	color: #efa;
}

/* 4.1 QUICK LINKS ---- 
Notes:
- using paragraphs instead of a list as list caused bottom scoll bar in netscape 
*/
#quicklinks
{
	border: 1px solid;
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 0px;
	text-align:left;
}

#quicklinks h2
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 3px;
	margin: 1px !important;
	padding-top: 3px;
}

#quicklinks img 
{
	border: 0;
	padding: 0;
	margin: 0;
}

/* background tile set in colour css */
#quicklinksnav
{
	margin-left: 1px;
	margin-right: 1px;
	background-repeat: repeat-x;
	text-align: right;
}

/* fixes scroll problem in Mac IE 5plus */
#scrollhack 
{
	margin-right:2px;
}

#quicklinkslisting
{
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 2px 0px 5px;
	overflow: auto;
	width: 131px; /* less 2 for the border */
	padding-top: 5px;
	height: 100px;
}

#quicklinkslistingnarrow
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 5px 0px 5px 5px;
	overflow: auto;
	width: 131px; /* less 2 for the border */
	padding-top: 0px;
	height: 100px;
}

#quicklinkslisting p, #quicklinkslistingnarrow p
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 70%;
	padding-bottom: 0px;
	margin: 0px 0px 4px;
	color: #fff;
	padding-top: 0px;
}

#quicklinkslisting p a,  #quicklinkslistingnarrow p a
{
	margin: 0px;
	color: #fff;
}

#quicklinkslisting li a:hover, 
#quicklinkslisting p a:hover, 
#quicklinkslistingnarrow li a:hover, 
#quicklinkslistingnarrow p a:hover
{
	color: #eeffaa;
}


/* 4.2 FEATURES ---- */
#features
{
	padding-right: 10px;
	padding-left: 10px;
	text-align:left;
}

#features td
{
	/* border-bottom defined on colour style sheet */
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#features td.first 
{
	border-top: #3d89b7 1px solid;
}

#features h2
{
	font-weight: bold !important;
	font-size: 75% !important;
	margin: 0;
	padding: 0;
	text-transform: none;
	background-color: Transparent !important;
}

#features h2 a, #features h2 a:visited
{
	/* color defined in colour stylesheet */
}

#features h2 a:hover
{
	color: #eeffaa;
}

#features p 
{
	font-size: 70%;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

#features img
{
	display: block;
	float: right;
	margin-left: 10px;
	text-align: right;
}

#features img.left 
{
	margin:0 10px 0 0;
}

#features a:hover img
{
	border-right: #eeffaa 10px solid;
	border-top: #eeffaa 10px solid;
	border-left: #eeffaa 10px solid;
	border-bottom: #eeffaa 10px solid;
}


/* 4.3 PROMOTING THE ARTS ---- */
#promotingarts
{
	padding-bottom: 5px;
	margin: 10px 10px 15px;
	text-align:left;
}

#promotingarts p  /* the caption */
{
	margin-top: 10px !important;
}

#promotingarts img 
{
	border:0;
}

/* 4.4 ACKNOWLEDGEMENT  ---- */
#acknowledgement
{
	border-right: 1px solid;
	border-top: 1px solid;
	margin: 0px 10px;
	border-left: 1px solid;
	padding: 0px;
	border-bottom: 1px solid;
	text-align:left;
}

#acknowledgement h2 
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 3px;
	margin: 1px 1px 5px !important;
	padding-top: 3px;
}

#acknowledgement .innercontents
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
}

#acknowledgement p, #promotingarts p
{
	margin-top: 0px;
	font-size: 70%;
	margin-bottom: 0px;
	color: #fff;
}


/* 4.5 ATTACHMENT LIST  ---- */
#attachmentlist, #navigatethispage
{
	clear:both;
	display:block;
	padding:0;
	margin:0 10px 10px 0;
	/* width: 147px;*/
	
	border-right: #666 1px solid;
	border-top: #666 1px solid;
	border-bottom: #666 1px solid;
	background-color: #fff;
	text-align:left;
}

#attachmentlist h2, #navigatethispage h2
{
	padding: 3px 0 3px 10px;
	margin: 1px 1px 1px 0;
}

#attachmentlist .innercontents
{
	padding-left: 9px;
	border-left: #ddd 1px solid;
	padding-top: 5px;
	margin:0;
}

#attachmentlist table
{
	width: 137px;
}

#attachmentlist td
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 10px;
	padding-bottom: 3px;
	margin: 0px 0px 0px 0px;
	color: #666;
	padding-top: 0px;
}

#attachmentlist a, 
#attachmentlist a:visited 
{
	color: #333;
}

#attachmentlist a:hover 
{
	color: #000;
}


/* 4.6 NAVIGATE THIS PAGE ---- */
/* 
- Note shared settings with Attachement list above
- actual overall width is 147 
*/
#navigatethispage
{
	background-color: #fff;
}


#navigatethispage ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-right: none;
	border-top: none;
	border-left: #ddd 1px solid;
	border-bottom: none;
}

#navigatethispage li ul 
{
	padding:0;
	list-style-position: outside !important;
	list-style-image: url(../images/bullet1.gif);
	margin-left: 28px;
	border: none;
}

#navigatethispage ul li
{
	padding: 2px 0 2px 0;
	margin: 0;
	border-bottom: #ddd 1px solid;
	font-size: 10px;
	background-position: left bottom;
	background-image: url(../images/localnav_but_bkg.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	line-height:115%;
}
 
#navigatethispage ul li ul li 
{
	border: none;
	background-image: none;
}

#navigatethispage li a, 
#navigatethispage li a:visited
{
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	margin: 0px;
	color: #555555;
	padding-top: 2px;
}

#navigatethispage td a,
#navigatethispage td a:visited,
#navigatethispage td a:link
{
	display: block;
	padding-bottom: 2px;
	margin: 0px;
	color: #555555;
	padding-top: 2px;
	width:100%;
}

#navigatethispage ul li ul li a,
#navigatethispage ul li ul li a:visited
{
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 5px;
	padding-top: 1px;
	color: #555555;
}

#navigatethispage li a:hover,
#navigatethispage ul li ul li a:hover,
#navigatethispage td a:hover
{
	color: #000;
}

/* 4.7 Change Colour ---- */
#changecolour
{
	display:none;
	border-right: #333 1px solid;
	padding-right: 1px;
	border-top: #333 1px solid;
	padding-left: 3px;
	font-size: 0px;
	padding-bottom: 3px !important;
	margin: 0px 9px 10px 10px;
	border-left: #333 1px solid;
	padding-top: 0px !important;
	border-bottom: #333 1px solid;
	line-height: 0px;
	clear:both;
	
	/* boxmodelhack - give old ie false value */
	width:138px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:132px;
}

/* be kind to Opera */
html>body #changecolour
{
	width:132px;
}

#changecolour a, 
#changecolour img 
{
	border: 0;
	padding: 0;
	margin: 0;
}

/* 5. LISTS XXXXXXXXXXXXXXXX 
.first - should be applied to the first item in all lists
.last - should be applied to the last item in all lists

Includes:
	5.1 Bullet List
	5.2 List No Bullets
*/

/* 5.1 BULLET LIST  ---- */
ul.bulletlist
{
	padding-right: 0px;
	padding-left: 20px;
	list-style-position: outside !important;
	list-style-image: url(../images/bullet1.gif);
	padding-bottom: 0px;
	margin: 0px !important;
	padding-top: 0px;
}

.bulletlist li
{
	margin: 0px 0px 10px !important;
}

li.bulletlist p,
li.nobulletlist p 
{
	font-size: 85%;
	color: #333;
}


/* 5.1 LIST NO BULLETS ---- */
.nobulletlist, #localnav ul
{
	padding: 0px !important;
	margin: 0px !important;
	list-style-type: none;
}

.nobulletlist li, .listitem, .listitem p,
#pagecontent .nobulletlist li
{
	margin: 0px 0px 15px !important;
}

.listitemdescription 
{
	font-size: 90%;
	color: #333;
}

/* used in newsitemlist */
.listitem p 
{
	margin:0;
	padding:0;
	font-size: 90%;
	color: #333;
}

.listitem h3
{
	font-weight: normal;
	font-size: 100% !important;
	font-style: normal !important;
	margin:0 !important;
	padding:0 !important;
}


/* 6. FOOTER XXXXXXXXXXXXXXXX 

Includes:
	6.1 Footer - ( Control - ucFooter )
*/

#footer
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer td 
{
	color: #ccc;
	font-size: 10px;
}

#footer a, #footer a:visited
{
	color: #ccc;
	text-decoration: none;
}

#footer a:hover
{
	color: #fff;
}


/* 7. MISCELANEOUS XXXXXXXXXXXXXXXX 

Includes:
	7.1 Component Error Messages - ( Script - utility.vb )
	7.2 Contact Us Email Form
	7.3 Success Stories
*/

/* 7.1 COMPONENT ERROR MESSAGES ---- */
#error
{
	border: red 1px solid;
	padding: 5px;
	font-size: 10px;
	margin: 5px;
	background-color: #ffffff;
}

#error h1
{
	font-weight: bold;
	font-size: 12px;
	color: red;
}


/* 7.2 CONTACT US EMAIL FORM  ---- */
#EmailForm {
	padding: 1px 1px;
	background-color: #fff;
	font-size: 11px;
	border: none 0px;
}

.error
{
	font-size: 10px;
	color: #F00;
}

.noerror
{
	font-size: 10px;
	color: #000;
}

/* 7.2 SUCCESS STORIES  ---- */
.ssimage
{	
	display:block;
	border-right: #fff 10px solid;
	padding-right: 0px;
	border-top: #fff 10px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	border-left: #fff 10px solid;
	padding-top: 0px;
	border-bottom: #fff 10px solid;
}

.sshorizontal, .ssvideo
{
	clear: none;
	border-right: #fff 10px solid;
	padding-right: 0px;
	border-top: #fff 10px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	border-left: #fff 10px solid;
	padding-top: 0px;
	border-bottom: #fff 10px solid;
	background-color: #fff;
	text-align: center;
}

.sscaption
{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 90%;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 138px;
	margin-right: 10px;
	padding-top: 10px;
	background-color: #eee;
}

.ssvertical .sscaption 
{
	float: none;
}

.ssvertical 
{
	float: left;
	margin: 0px 0px 10px;
}

#ssfeature 
{
	margin-bottom: 10px;
}

#ssfeature td.rightcolumntop
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 10px;
	background-color: #eee;
}

#ssfeature td.rightcolumnbottom
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	background-color: #eee;
}

#ssfeature h2 
{
	padding-right: 0px;
	padding-left: 0px;
	border:0;
	font-size:100%;
	padding-bottom: 3px;
	margin: 0px;
	padding-top: 0px;
	font-style: normal;
	color: #666;
}

#ssfeature h3
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size:100%;
	padding-bottom: 3px;
	margin: 0px;
	padding-top: 0px;
	font-style: normal;
}

#ssfeature p 
{
	font-size:90%; 
	color: #333;
}


/* 8.0 ggavma 2005 styles */
.vama2005SectionWidth
{
 width: 562px;  
}
 
/* Top navigation menu styles */
#vama2005Top
{
 background-color: #CC7700;
 margin-bottom: 10px;
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 font-size: 8pt;
 color: #FFFFFF;
}
#vama2005Top td
{
 padding: 13px 10px 6px 10px;
}
#vama2005Top .vama2005MainHeading
{
 font-size: 9pt;
 font-weight: bold;
 margin-bottom: 18px;
}
#vama2005Top a, #vama2005Top a:visited, #vama2005Top a:link
{
 color: #FFFFFF;
 text-decoration: none;
 margin-right: 15px;
}
#vama2005Top a:hover
{
 text-decoration: underline;
}
 

/* Main section styles */
#vama2005Main
{
 width: 462px;
 vertical-align: top;
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 font-size: 10pt;
 color: #000;
 padding-right: 10px;
}
#vama2005Main hr
{
 color: #E9DAB4;
 background-color: #E9DAB4;
 height: 1px;
 border: none;
}
#vama2005Main h2
{
 font-size: 12pt;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 border: 0px;
 color: #000 !important;
}
#vama2005Main p.credit
{
 color: #666;
 text-align: right;
 font-size: 7pt;
}
.vama2005MainHighlight
{
 color: #666; 
}
 

/* Right navigation bar styles */
#vama2005Right
{
 width: 100px;
 vertical-align: top;
}
#vama2005Right td
{
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 font-size: 8pt;
 color: #fff;
 padding: 4px 10px 4px 10px;
}
#vama2005Right a
{
 color: #ffffcc;
 text-decoration: none;
}
 
#vama2005Right .vama2005Sullivan a, #vama2005Right .vama2005Sullivan a:link {
 color: #666633;
}
#vama2005Right a:hover
{
 text-decoration: underline;
}
#vama2005Right a.heading
{
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}
#vama2005Right a.heading:hover, #vama2005Right a.heading:visited
{
 text-decoration: underline;
}
.vama2005SubLinks
{
 margin-top: 9px;
 margin-bottom: 5px; 
}
.vama2005RightTDSelected
{
 border-bottom: solid 1px #fff;
 
}
 
/* The different colour styles for the various artists. */
.vama2005Beam
{
 background-color: #909F7B;
}
.vama2005Cohen
{
 background-color: #2085CC;
}
.vama2005Poulin
{
 background-color: #AB375D;
}
.vama2005Steele
{
 background-color: #E8661C;
}
.vama2005Sullivan
{
 background-color: #DDC78D;
}
.vama2005Wong
{
 background-color: #868FBA;
}
.vama2005Gosselin
{
 background-color: #981422;
}




/* 9.0 ggavma 2006 styles */
.vama2006SectionWidth
{
 width: 562px;  
}
 
/* Top navigation menu styles */
#vama2006Top
{
 background-color: #ff9933;
 margin-bottom: 10px;
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 font-size: 8pt;
 color: #FFFFFF;
}
#vama2006Top td
{
 padding: 13px 10px 6px 10px;
}
#vama2006Top .vama2006MainHeading
{
 font-size: 9pt;
 font-weight: bold;
 margin-bottom: 18px;
}
#vama2006Top a, #vama2006Top a:visited, #vama2006Top a:link
{
 color: #FFFFFF;
 text-decoration: none;
 margin-right: 15px;
}
#vama2006Top a:hover
{
 text-decoration: underline;
}
 

/* Main section styles */
#vama2006Main
{
 width: 462px;
 vertical-align: top;
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 font-size: 10pt;
 color: #000;
 padding-right: 10px;
}
#vama2006Main hr
{
 color: #ff9933;
 background-color: #ff9933;
 height: 1px;
 border: none;
}
#vama2006Main h2
{
 font-size: 12pt;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 border: 0px;
 color: #000 !important;
}
#vama2006Main p.credit
{
 color: #666;
 text-align: right;
 font-size: 7pt;
}
.vama2006MainHighlight
{
 color: #666; 
}
 

/* Right navigation bar styles */
#vama2006Right
{
 width: 100px;
 vertical-align: top;
}
#vama2006Right td
{
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 font-size: 8pt;
 color: #fff;
 padding: 4px 10px 4px 10px;
}
#vama2006Right a
{
 color: #ffffcc;
 text-decoration: none;
}
 
#vama2006Right .vama2006Wintonick a, #vama2006Right .vama2006Wintonick a:link {
 color: #999933;
}
#vama2006Right a:hover
{
 text-decoration: underline;
}
#vama2006Right a.heading
{
 color: #666;
 font-weight: bold;
 text-decoration: none;
}
#vama2006Right a.heading:hover, #vama2006Right a.heading:visited
{
 text-decoration: underline;
}
.vama2006SubLinks
{
 margin-top: 9px;
 margin-bottom: 5px; 
}
.vama2006RightTDSelected
{
 border-bottom: solid 1px #fff;
 
}
 
/* The different colour styles for the various artists. */
.vama2006Baden
{
 background-color: #9999cc;
}
.vama2006Beauchemin
{
 background-color: #cccc33;
}
.vama2006Frenkel
{
 background-color: #ff9933;
}
.vama2006Gale
{
 background-color: #66ccff;
}
.vama2006Lockhead
{
 background-color: #cccc66;
}
.vama2006Maggs
{
 background-color: #ff3399;
}
.vama2006Wintonick
{
 background-color: #ffcccc;
}



#vama2007header {
	margin: 0 0 30px 0;
	width:562px;
	background: #ff999a url(../images/vama2007/box_pink_top.gif) no-repeat top left;
	padding:10px 0 0 0;
}

#vama2007headercontents {
 background: #ff999a url(../images/vama2007/box_pink_bottom.gif) no-repeat bottom left;
 padding: 6px 12px 10px 12px;

}

#vama2007greyheader {
	margin: 0 0 5px 0;
	width:562px;
	background: #e5ded6 url(../images/vama2007/box_grey_top.gif) no-repeat top left;
	padding:10px 0 0 0;
}

#vama2007greyheadercontents {
 background: #e5ded6 url(../images/vama2007/box_grey_bottom.gif) no-repeat bottom left;
 padding: 6px 12px 10px 12px;
}

#vama2007nav { font-size:10px; margin: 0 0 10px 0; }

#vama2007nav a, #vama2007nav a:visited { color:#000; text-decoration:none;}

#vama2007header h1 {
	color:#928dc7;
	text-transform:uppercase;
	line-height: 110%;
	font-size: 200%;
}

#vama2007greyheader h1 {
	line-height: 100%;
	font-size: 120%;
	margin:0;
	padding:0;
}

#vama2007headerheads {
	text-align:center;
	font-size:11px;
	min-height:75px;
}

* html #vama2007headerheads { height:75px; }

.vama2007headerhead {
	float:left;
	padding: 0 5px 0 4px;
}

#vama2007headernoheads {
	text-align:center;
	font-size:11px;
	min-height:20px;
}
* html #vama2007headernoheads { height:20px; }

#vama2007headerheads a, #vama2007headerheads a:visited, #vama2007headernoheads a, #vama2007headernoheads a:visited { padding: 4px 0 0 0; color:#FFFFFF; text-decoration:none; }

#vama2007headernoheads a:hover,#vama2007headerheads a:hover, #vama2007nav a:hover {text-decoration:underline !important;}

#vama2007 h2 {
 color: #ff999a !important;
 font-size:180% ;
 margin: 0 0 .5em 0;
 padding: 0px;
 border: 0px;
}

#vama2007artistheader {
	margin:0 0 5px 0;
	padding:0;
	border:0;
	width:100%;
}

.vama2007artistphoto { width:441px; }
.vama2007artistname { background: #9999cb url(../images/vama2007/corner_ur_purple.gif) no-repeat top right; text-align:center; vertical-align:middle; }

#vama2007artistheader h2 { color:#ffffff !important; font-size:140%; font-weight:bold; padding: 25px 0 25px 0; margin:0;
}

.vama2007artistmenu {background: #ff999a url(../images/vama2007/corner_br_pink.gif) no-repeat bottom right; text-align:left; }

#vama2007artistheader ul {list-style:none; margin:0 0 0 15px; padding:0; font-size:85%;}

#vama2007artistheader ul li { padding: 0 0 2px 0; margin:0; }

#vama2007artistheader a, #vama2007artistheader a:visited, #vama2007pagenav a, #vama2007pagenav a:visited { color:#000000; }

#vama2007pagenav {  background: #ffffff url(../images/vama2007/pagenav_bkg.gif) no-repeat top left; min-height:30px; clear:both; margin: 0 0 10px 0; }
 
* html #vama2007pagenav { height:30px; }
 
#vama2007pagenav ul { list-style:none; padding: 8px 0 0 20px; margin: 0; font-weight:bold; }
 
#vama2007pagenav ul li { display:inline; padding: 0 20px 0 0; }




 
/*for Navigation right side bar h2 h3 - Hongmei*/

#NavThisPageRightBar
{
	border-left:#dddddd 1px solid;
	border-right:#dddddd 1px solid;
	border-bottom:#dddddd 1px solid;
	padding: 0px; 
	margin:  0px;
	font-size:10px;
}


#NavThisPageRightBar a,
#NavThisPageRightBar a:link,
#NavThisPageRightBar a:visited
{
		color: #555555;
}

#NavThisPageRightBar .NavRightH2FirstRow
{
	padding:4px;
}

#NavThisPageRightBar .NavRightH2 
{	
	padding:4px;
	border-top:#dddddd 1px solid;
}

#NavThisPageRightBar .NavRightH3 
{
	padding-left :4px;
	padding-right:4px;
	padding-bottom:6px;
}

#NavThisPageRightBar  .ListsSymbolAlign
{
	vertical-align:top;
	text-align:right;
}

#NavThisPageRightBar .ListsSymbol
{
	 color:#999999;
	 font-size:14px;
	 margin-right:4px;
	 vertical-align:top;
	 padding-left:8px;
}

/* end - Hongmei*/
  
  
/*  Homepage Video Features - December 6, 2011  */

#video-feature {
    margin: 0 auto;
	padding:2px;
	width:410px;
	border:2px solid #eda7ae;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:url(../images/homepage-video-bg2.png) repeat-y scroll 0 0 transparent;
	margin:0;
	font-size: 12px !important;
	font-family: Arial,Helvetica,sans-serif;
}

#video-feature a {
	background:url(../images/homepage-video2.png) no-repeat scroll 0 0 transparent;
	text-decoration: none;
	display:block;
	padding: 10px 65px 10px 90px;
}

p#video-feature a:hover {
    text-decoration: none;
}
p#video-feature a:active {
    position: relative;
    top: 1px;
}

.tagline-en {
     color: #4E97E7;
     font-size: 1.5em;
     margin: 4px 0 0 56px;
     float:left;
}

.tagline-fr {
     color: #F4F4F4;
     font-size: 1.5em;
     margin: 4px 0 0 56px;
     float:left;
}