﻿
/* Individual Page styles */


/* Home Page */

#NewHomePageDiv
{
    width: 100%;
    background-image: url(images/HomePageBkgd2.png);
    background-repeat: repeat-x;
}

#NewHomePageDiv .Content900Container { width:900px; margin:0 auto; }

#NewHomePageDiv h2
{
    margin:1em 0;
    color: CadetBlue;
    background-image: url(images/HomeH2Bkgd1.png);
    background-repeat: no-repeat;
    line-height:3;
}

#NewHomePageDiv .HomeMainMenuContainer
{
    margin: 0 auto;
    text-align: center;
    line-height: 2.5;
    border-top: solid 1px CadetBlue;
    /*background-image: url(images/HomeMainMenuBkgd1.png);*/
}
#NewHomePageDiv .HomeMainMenuContainer a:hover { color:White; }
#NewHomePageDiv .HomeMainMenu { margin: 0 auto; font-size:90%; }
#NewHomePageDiv .HomeMainMenu a { display: block; }


#NewHomePageDiv .HomeContentPanel
{
    width:400px;
}
#NewHomePageDiv .HomeContentPanelTop
{
    width:400px;
    height:16px;
    /*background-image: url(images/HomePanelSlices4/top.png);*/
}
#NewHomePageDiv .HomeContentPanelBody
{
    width:340px;
    padding:20px 30px;
    /*background-image: url(images/HomePanelSlices4/mid.png);*/
}
#NewHomePageDiv .HomeContentPanelBottom
{
    width:400px;
    height:16px;
    /*background-image: url(images/HomePanelSlices4/bot.png);*/
}

#NewHomePageDiv .HomeContentPanel ul { list-style-image:url(images/LogoBullet12.png); }
#NewHomePageDiv .HomeContentPanel li { margin:0.5em 0; }





#HomePageDiv { width:100%; }

/*
#HomePageDiv .GridDiv
{
	background-image: url(images/HomeBkgd4_Middle.png);
	background-position:center;
	
}
*/
#HomePageDiv #CellGrid { margin:0 auto; background-position: center 50%; background-image: url(images/HomeBkgd4_Top.png) }
#HomePageDiv #CellGrid_Top { height:20px; background-position: center 50%; background-image: url(images/HomeBkgd4_Top.png) }
#HomePageDiv #CellGrid_Middle { background-position: center 50%; background-image: url(images/HomeBkgd4_Middle.png); background-repeat: repeat-y; }
#HomePageDiv #CellGrid_Bottom { height:20px; background-position: center 50%; background-image: url(images/HomeBkgd4_Bottom.png) }

#HomePageDiv #CellGrid_Contents { margin:0 auto; width:624px; border:solid 1px #f8f8f8; }
#HomePageDiv #CellGrid_Contents .CellGrid_Contents_Row { width:618px; margin:6px auto; }
#HomePageDiv #CellGrid_Contents .CellGrid_Contents_Cell { float:left; width:200px; height:200px; margin:0 3px; }


#HomePageDiv #CellTable_Top { BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(images/HomeBkgd4_Top.png) }
#HomePageDiv #CellTable_Middle { BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(images/HomeBkgd4_Middle.png); BACKGROUND-REPEAT: repeat-y; }
#HomePageDiv #CellTable_Bottom { BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(images/HomeBkgd4_Bottom.png) }

#HomePageDiv #Page_Bottom { background-image: url(images/HomeBkgd4z.png); }

#HomePageDiv .NavMenuL1 { padding-left: 5px; font-weight: bold; font-size: 12px; line-height: 24px;  color: dimgray; }
#HomePageDiv .NavMenuL1 A { COLOR: dimgray; TEXT-DECORATION: none }
#HomePageDiv .NavMenuL1 A:hover { COLOR: black; TEXT-DECORATION: none }
#HomePageDiv .NavMenuL2 { font-size: 11px; color: darkslategray; line-height: 14px; padding-left: 25px; text-indent:-10px; }
#HomePageDiv .NavMenuL2 A { COLOR: darkslategray; TEXT-DECORATION: none }
#HomePageDiv .NavMenuL2 A:hover { COLOR: darkblue; TEXT-DECORATION: none }
#HomePageDiv .NavMenuL3 { FONT-SIZE: 10px; COLOR: dimgray; LINE-HEIGHT: 14px; padding-left: 25px; }
#HomePageDiv .NavMenuL3 A { COLOR: dimgray; TEXT-DECORATION: none }
#HomePageDiv .NavMenuL3 A:hover { COLOR: black; TEXT-DECORATION: none }

#HomePageDiv .Highlights_Heading { font-size: 12px; font-weight:bold; color: white; line-height: 2; }
#HomePageDiv .Highlight_Item_Title { font-size: 10px; color: white; line-height: 150%; display:block; margin-left:15px; text-indent:-15px; }
#HomePageDiv .Highlight_Item_Title A { color: white; text-decoration: none }
#HomePageDiv .Highlight_Item_Title A:hover { color: black; text-decoration: none }

/*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
/* #HomePageDiv #domticker div { background-color: lightslategray; } */

#HomePageDiv .FooterText { FONT-SIZE: 9px; COLOR: white }
#HomePageDiv .FooterText a { COLOR: white; TEXT-DECORATION: none }
#HomePageDiv .FooterText a:hover { color: black; text-decoration:underline; }
#HomePageDiv .FooterSupportText { font-size: 14px; color: white; font-weight:bold; line-height:2; }
#HomePageDiv .FooterSupportText a { color: white; text-decoration: none }
#HomePageDiv .FooterSupportText a:hover { color: black; text-decoration:underline; }
#HomePageDiv .NowText { font-size: 8px; color: dimgray; line-height: 2; padding-bottom:50px; }



/* Announcements Page */

#AnnouncementsPageDiv {}
#AnnouncementsPageDiv .Announcement { line-height:160%; margin-bottom:20px; background-color:WhiteSmoke; padding:10px; }
#AnnouncementsPageDiv .Announcement_PostedDate { font-weight: bold; font-size: 10px; color: Chocolate }
#AnnouncementsPageDiv .Announcement_Title { font-weight: bold; font-size:larger; color: CadetBlue; line-height:2; }
#AnnouncementsPageDiv .Announcement_Subtitle { font-weight: bold; padding-left: 10px; line-height:2; }
#AnnouncementsPageDiv .Announcement_Detail { padding-left: 20px; }
#AnnouncementsPageDiv .Announcement_ExpiresDate { font-size: 10px; color: darkgray; text-align: right; }



/* Art Viewer Page */

#ArtViewPageDiv {}
#ArtViewPageDiv .ArtCaption { FONT-SIZE: 10px; COLOR: dimgray }
#ArtViewPageDiv .ArtistNameList TD { FONT-SIZE: 10px; COLOR: dimgray }
#ArtViewPageDiv .ArtistNameList TD A { COLOR: dimgray; TEXT-DECORATION: none }
#ArtViewPageDiv .ArtistNameList TD A:hover { COLOR: blue; TEXT-DECORATION: none }
#ArtViewPageDiv .PreviousNext { FONT-SIZE: 9px; COLOR: darkgray; }
#ArtViewPageDiv .PreviousNext A { COLOR: darkgray; TEXT-DECORATION: none }
#ArtViewPageDiv .ImageID { FONT-SIZE: 9px; COLOR: silver; TEXT-DECORATION: none }



/* Artist Opportunities Page */

#ArtistOpportunitiesPageDiv {}
#ArtistOpportunitiesPageDiv .ArtistOpportunity_Title { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: CadetBlue }
#ArtistOpportunitiesPageDiv .ArtistOpportunity_Subtitle { FONT-SIZE: 12px; MARGIN-LEFT: 20px; COLOR: black; FONT-STYLE: italic }
#ArtistOpportunitiesPageDiv .ArtistOpportunity_Detail { FONT-SIZE: 11px; MARGIN-LEFT: 40px; PADDING: 10px; COLOR: black; background-color: whitesmoke; }
#ArtistOpportunitiesPageDiv .ArtistOpportunity_PostedDate { FONT-SIZE: 10px; COLOR: chocolate }
#ArtistOpportunitiesPageDiv .ArtistOpportunity_ExpiresDate { FONT-SIZE: 10px; COLOR: darkgray }



/* Artist Profile Page */

#ArtistProfilePageDiv { color: black; line-height: 2; }
#ArtistProfilePageDiv .Label { COLOR: dimgray; }
#ArtistProfilePageDiv .ArtistName { FONT-SIZE: 20px; COLOR: darkblue; }
#ArtistProfilePageDiv .Value { margin-left:20px; }
#ArtistProfilePageDiv .Value A { COLOR: Black; TEXT-DECORATION: none }
#ArtistProfilePageDiv .Narrative { line-height: 150%; font-style:italic; padding:10px; }
#ArtistProfilePageDiv .ImageCaption { FONT-SIZE: 10px; LINE-HEIGHT: 1; }



/* Artists Lists Page */

#ArtistsListPageDiv {}
#ArtistsListPageDiv .ArtistTable TD { font-size:smaller; COLOR: black; LINE-HEIGHT: 120%; }
#ArtistsListPageDiv .ArtistTable TD A { COLOR: dimgray; TEXT-DECORATION: none }
#ArtistsListPageDiv .ArtistTable TD A:hover { COLOR: darkblue; TEXT-DECORATION: underline }



/* Events Calendar Page */

#EventsCalendarPageDiv {}
#EventsCalendarPageDiv .Event { LINE-HEIGHT: 160%; MARGIN-BOTTOM:20px; }
#EventsCalendarPageDiv .Event_Title { FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: CadetBlue }
#EventsCalendarPageDiv .Event_Display_Dates { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: Chocolate }
#EventsCalendarPageDiv .Event_Location { FONT-SIZE: 11px; MARGIN-LEFT: 10px; COLOR: black }
#EventsCalendarPageDiv .Event_Detail { FONT-SIZE: 11px; MARGIN-LEFT: 20px; COLOR: dimgray }
#EventsCalendarPageDiv .Event_Program { FONT-SIZE: 10px; COLOR: dimgray; }
#EventsCalendarPageDiv .Event_Category { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: dimgray }
#EventsCalendarPageDiv .Event_Dates { FONT-SIZE: 9px; COLOR: darkgray }



/* ManagementPageDiv */

#CFEVAManagementPageDiv {}
#CFEVAManagementPageDiv .Name { PADDING-LEFT: 5px; FONT-SIZE: 12px }
#CFEVAManagementPageDiv .JobTitle { PADDING-LEFT: 15px; FONT-SIZE: 11px }
#CFEVAManagementPageDiv .Email { PADDING-LEFT: 25px; FONT-SIZE: 10px }
#CFEVAManagementPageDiv .SimpleDataList { MARGIN-BOTTOM: 2px; }
#CFEVAManagementPageDiv .ComplexDataList { MARGIN-TOP: 4px; MARGIN-BOTTOM: 8px; }
#CFEVAManagementPageDiv .ManagementDataList A { }



/* Publications Page */

#PublicationsPageDiv {}
#PublicationsPageDiv .Publication { padding:10px; border-bottom: solid 1px Gainsboro; }
#PublicationsPageDiv .Pub_PostedDate { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: darkgray; LINE-HEIGHT: 150%; TEXT-ALIGN: right }
#PublicationsPageDiv .Pub_Title { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: red; LINE-HEIGHT: 150% }
#PublicationsPageDiv .Pub_Title_URL { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: blue; LINE-HEIGHT: 150% }
#PublicationsPageDiv .Pub_Title_URL A { COLOR: blue; TEXT-DECORATION: none }
#PublicationsPageDiv .Pub_Title_URL A:hover { COLOR: darkblue; TEXT-DECORATION: none }
#PublicationsPageDiv .Pub_Description { FONT-SIZE: 10px; MARGIN-LEFT: 20px; COLOR: black; LINE-HEIGHT: 150% }



/* PreviousContributors Div on Support Page */

#PreviousContributorsDiv { line-height:120%; }
#PreviousContributorsDiv .FiscalYearGroup { padding:20px 0 20px 20px; margin:40px 0 0 0; border-top:solid 1px Gainsboro; }
#PreviousContributorsDiv .FiscalYear { font-size:larger; color:darkblue; font-weight:bold; }
#PreviousContributorsDiv .AmountGroup { padding:20px 0 10px 20px; }
#PreviousContributorsDiv .Amount { color:darkblue; font-weight:bold; }
#PreviousContributorsDiv .Contributor { font-size:smaller; padding:0 0 0 30px; }



/* Artist Application Page */

#ArtistApplicationPageDiv {}
#ArtistApplicationPageDiv .WizardStepTitle { font-weight: bold; }
