/*
CSS developed for the Russian Avantgarde Heritage Preservation Foundation
Programmer: Wesley Grubbs
*/

/* HTML attributes */
* { margin: 0px; padding: 0px; }
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#898989;
	margin:0;
	padding:0;
}

b,em { color:#000000; }
h1 { color:#000000; }

h2 {
	color:#ee2a28;
	background-image: url(../img/icn_redsquare.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 17px;
	width:390px !important;
}

.hidden {
	display:none;
}

hr,.hr {
	display:block;
	height:1px;
	background:none;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	border-bottom:#cecece solid 1px;
	width:100%;
	margin:0;
	padding:0;
	clear:both;
}

ul {
	list-style:none;
}

a:focus, a:active { outline: none; }

.blackText {
	color:#000000;
}

div {
	margin:0;
	padding:0;
}

/* IDentifiers */
#wrapper {
	display:block;
	width:861px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#header {
	float:left;
	width:100%;
	border-bottom:#000000 3px solid;
	padding:19px 0;
	margin:0;
}

#pageH1 { /*used for right-aligned header*/
	float:right;
	width:431px;
	margin:10px 0;
	padding:0;
}

#pageH1 h1 {
	padding:0 0 0 30px;
	margin:0;
}

#header img {
	float:left;
}

#langNav {
	float:right;
	font-size:10px;
	
}

/* generic red link, used for larger sized links, like on contact page */
a:link, a.redLink:link, 
a:visited, a.redLink:visited {
	color:#ee2a28;
	text-decoration:none;
}

a.redLink {
	color:#ee2a28 !important;
}

a:hover, a.redLink:hover, 
a:visited:hover, a.redLink:visited:hover { 
	color:#ee2a28;
	text-decoration:underline;
}

#langNav a:link,#langNav a:visited, 
.pdfLink a:link, .pdfLink a:visited,
.newsLink a:link, .newsLink a:visited,
#eventInfo .eventItem a:link, #eventInfo .eventItem a:visited  {
	font-size:10px;
	color:#ee2a28;
	text-decoration:none;
}

#langNav a:hover,#langNav a:visited:hover, 
.pdfLink a:hover, .pdfLink a:visited:hover,
.newsLink a:hover, .newsLink a:visited:hover,
#eventInfo .eventItem a:hover, #eventInfo .eventItem a:visited:hover {
	color:#ee2a28;
	text-decoration:underline;
}


#nav {
	width:861px;
}

#nav, #subNav {
	float:left;
	height:29px;
	margin:0;
	padding:0;
	background-color:#ffffff;
}

#subNav  {
	width:861px;	
	border-bottom:#cecece 1px solid;
	height:27px;
	margin:1px 0 0 0;
}

#nav ul, #subNav ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#nav li, #subNav li {
	float:left;
	padding:0;
}

#nav a:link, #nav a:visited, #subNav a:link, #subNav a:visited {
	color:#aeaead;
	text-decoration:none;
}

#nav a:hover, #nav a:visited:hover, #nav a:active, #subNav a:hover, #subNav a:visited:hover {
	text-decoration:none;
	color:#000000;
}

ul#aboutNav, ul#activitiesNav, #resourcesNav, #newsNav, #involvedNav {
	width:100%;
	display:none;
}
#nav .activeNav, #subNav .activeNav a:link,
#nav .activeNav a:link,
#nav .activeNav a:hover,
#nav .activeNav a:visited {
	color:#000 !important;
}

#subNav .activeNav, #subNav .activeNav a:link,
#subNav .activeNav a:link,
#subNav .activeNav a:hover,
#subNav .activeNav a:visited {
	color:#ee2a28 !important;
}

.visible {
	display:inline !important;
}

.hideNav {
	display:none;
}

.backToLink {
	float:left;
	width:400px;
	height:14px;
	border-bottom:#cecece solid 1px;
	margin:0;
	padding: 10px 0 10px 30px;
}

.institute {
	float:left;
	width:320px;
}

.appNow {
	float:right;
	width:90px;
	margin:10px 0 0 0;
}


a:active,div.alphabet .active a, div.alphabet .active a:visited { 
	color:#000000; text-decoration:none !important; 
}

.contentBucket2 .title h3 {
	margin: -3px 0 0 28px;
	height:28px;
	width:370px;
}

ul.landingLinks {
	float:left;
	list-style:none;
	margin:-37px 0 0 0;
	padding:0;
	width:400px;
}

ul.landingLinks li {
	float:left;
	margin:0;
	padding:9px 0 2px 33px;
	width:431px;
	height:30px;
	border-bottom:#cecece solid 1px;
	background:#ffffff url(../img/landing_arrow_lft_gry.gif);
	background-position: 395px center;
	background-repeat: no-repeat;
	font-size: 16px !important;
}

ul.landingLinks a {
	color:#000;
	width:400px;
	
}

/***************
Feature section - the large image on each page
***************/
#feature {
	float:left;
	border-bottom:#ee2a28 solid 1px;
	border-top:#a9a9ab solid 1px;
	margin:-2px 0 0 0;
	padding:0;
	min-height:108px;
}

#feature img {
	margin:0;
	padding:0;
	width:861px;
	
}

/***************
General content area - non page specific
***************/

#content {
	float:left;
	width:100%;
	clear:both;
}

#bookInfo {
	float:left;
}

#leftContent {
	float:left;
	width:430px;
	margin:0 0 15px 0;
	padding:0;
}

#leftContent h2 {
	margin:15px 0;
	/*font-size:150%;*/
}

/* standard content bucket. sample used on homepage, left column */
.contentBucket1 {
	float:left;
	margin:-58px 0 0 0;
	padding:5px 10px 20px 10px;
	width:410px;
	overflow:hidden;
}

/* sample used on about avant garde page, right column */
.contentBucket2 p {
	float:left;
	margin:0;
	padding:8px 30px;
	width:370px;
}

.contentBucket2 {
	float:left;
	margin:10px 0 10px 0;
	min-height:360px;	
}

.contentBucket1 p {
	margin:10px 35px 5px 19px;
	padding:0;
}

#leftContent form {
	margin:10px 0 5px 20px;
	padding:0;
}

#galHeaderCaption h3 {
	margin:8px 5px 6px 20px;
}

#galHeaderCaption img {
	border-top:#cecece solid 1px;
	border-bottom:#cecece solid 1px;
	margin:0;
	padding:0;
}

#galHeaderCaption p {
	float:left;
	font-style:italic;
	padding:3px 20px 5px 20px;
}

#about {
	border-bottom:#e4e4e4 1px solid;
}

.contentBucket1 .pdfLink {
	float:left;
	width:290px;
	margin:15px 0 0 20px;
	padding:0;
}
#stayConnected {
	position:absolute;
	top:348px;
	width:400px;
}
#stayConnected p {
	margin-top:34px;
}
.contentBucket1 input#name, .contentBucket1 input#email2 {
	border:none;
	background-color:#efefef;
	width:115px;
	height:17px;
	margin: 5px 5px 5px 0;
	padding: 2px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

.contentBucket1 input#submit {
	position:absolute;
	margin:5px 0 0 0;
	padding:0;
}

.contentBucket1 .newsLink {
	color:#ee2a28;
	float:right;
	margin:-20px 20px 5px 0;
	padding:00px;
}

/*
Right Column Area
*/

#rightContent {
	width:431px;
	float:right;
	padding:0;
	margin:0;
	overflow:hidden;
}

.rightTopBox {
	float:right;
	width:431px;
	height:0;
	border-top:#ee2a28 solid 4px;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:1000;
}

.rightBotBox {
	float:right;
	width:431px;
	border-bottom:#cecece solid 4px;
	margin:0;
	padding:0;
}

.rightBotBox.news {
	margin-top:-5px;
}

#rightContent h1 {
	margin:13px 10px 12px 30px;
	padding:0;
}



/*******
Footer
********/

#footer {
	display:block;
	font-size: 90%;
	border-top:#cecece 1px solid;
	clear:both;
}

#footer #footerNav {
	float:left;
}

#footer #copyright {
	float:right;
}

#footer #copyright,
#footer #footerNav {
	padding: 20px 0;
}

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

#footer a:hover, #footer a:visited:hover {
	text-decoration:underline;
}

/*****
End Footer
*****/

#contactInfo {
	float:right;
	width:431px;
	height:240px;
	margin:0;
	padding:0;
}

#contactInfo p {
	padding:5px 8px 0px 30px;
}

/* Classes */
.error {
	color:#ee2a28;
}

.flash-replaced .alt {
				display: block;
				height: 0;
				position: absolute;
				overflow: hidden;
				width: 0;
}
/*************
Home page news Items
*************/
.homepageNewsImage {
	float:left; 
	padding:10px 10px 0 0;
}
.homepageNewsImage img {
	width:159px;
	height:101px;
	border:0px;
}
.homepageNewsCopy {
	padding-top:1px;
	padding-left:151px;
}
.homepageNews .readMore {
	font-size:10px;
}
.homepageNews {
	margin-bottom:-15px;
}
/*************
Exhibitions page only
***************/
#pastExhibitions h2 {
	margin-left:10px;
	float:left;
	margin-top:-37px;
}

#featuredExhibitions .exhibitionInfo {
	margin:20px 30px;
}

#featuredExhibitions .exhibitionInfo a.redLink {
	float:right;
}

#featuredExhibitions .exhibitionInfo .exhibitTitle {
	font-weight:bold;
	margin:0 0 15px 0;
	color:#000;
}

#featuredExhibitions .exhibitionInfo .dates {
	color:#000;
}

#featuredExhibitions .exhibitionInfo .exhibitionDescription {
	margin: 12px 0 35px 0;
}

/***************
Image Gallery
**************/

#leftContent #imageGallery {
	float:left;
	margin:0;
	width:430px;
	overflow:hidden;
}

#leftContent #imageGallery #meds,
 #leftContent #imageGallery #larges {
	float:left;
	width:4000px;
	
}

#leftContent #imageGallery img.med,
#leftContent #imageGallery img.large  {
	float:left;
	display:none;
}

#imageGallery #caption,
#imageGallery #gridCaption,
#linearImageGallery #caption,
#bookInfo #caption {
	float:left;
	width:430px;
	min-height:38px;
	background:#000;
	margin-bottom:45px;
}

#imageGallery #caption #enlarge,
#imageGallery #gridCaption #enlarge,
#linearImageGallery #caption #enlarge,
#bookInfo #caption #enlarge {
	float:left;
	margin:13px 10px 13px 20px;
}

#imageGallery #gridCaption #grid {
	float:left;
	margin:10px 10px 10px 20px;
}

#imageGallery #caption #toggles {
	float:left;
	margin:10px 10px 10px 0;
}

#imageGallery #gridCaption #grid img {
	margin-right:3px;
}

#imageGallery #caption p,
#imageGallery #gridCaption p {
	margin:12px 0 7px 0;
	padding:0 0 7px 0;
	float:left;
	color:#fff;
	width:255px;
}

#imageGallery #caption #imgNo {
	margin:13px 1px 0 0;
	float:right;
	width:36px;
	overflow:hidden;
}

#imageGallery #caption #arrowNav {
	margin:13px 20px 0 0;
	float:right;
}

#imageGallery #caption #arrowNav img {
	margin-left:4px;
}

#redHooverBar {
	position:absolute;
	width:86px;
	height:4px;
	background-color:#ee2a28;
	display:none;
	margin:0;
	padding:0;
}

/*****************
contentBucket 3
-this is for the list of items on left side with accordian nav
*****************/

#contentBucket3 h2 {
	margin-left:15px;
	float:left;
}


#contentBucket3 {
	float:left;
	width:430px;
	min-height:300px;
	margin:0;
	padding:0 0 25px 0;
	overflow:hidden;
}

#sifrNav {
	display:block;
	width:379px;
	height:37px;
	font-size:130%;
	padding:0 22px 0px 30px;
	margin:0;
}

#sifrNav .leftLink {
	float:left;
	width:48px;
	margin:8px 0px 2px 0px;
	padding:0;
	text-align:left;
}

#sifrNav .noRightContent {
	width:85px !important;
}

#sifrNav .noRightContent2 {
	width:185px !important;
	height:27px;
}

#sifrNav .galLink {
	width:140px !important;
	margin-left:-10px;
}


#sifrNav .singleLink {
	width:155px !important;
}

#sifrNav .rightInfo {
	float:right;
	width:140px;
	text-align:right;
	margin:7px 0 0 0;
	padding:0;
}

#sifrNav .arrows {
	float:right;
	margin:10px 0 0 15px;
}

#sifrNav .arrows img {
	border:0;
}

#contentBucket3 .info {
	float:left;
	clear:both;
	margin:0;
	padding:0;
	width:430px;
}

#infoHeight {
	min-height:127px;
}

#contentBucket3 .info .title {
	display:block;
	/*height:34px;*/
	border-bottom:#cecece solid 1px;
	margin:0;
	padding:0;
	clear:both;
}

#contentBucket3 .info .title a:link,
#contentBucket3 .info .title a:visited {
	background:#fff;
	font-weight:bold;
	color:#898989;
	display:block;
	padding:11px 30px;
}

#contentBucket3 .info .title a:hover,
#contentBucket3 .info .title a:visited:hover {
	background:#f7f7f7;
	color:#000;
}

#contentBucket3 .info .title a:active {
	color:#000;
}

#contentBucket3 .info .details {
	display:none;
	float:left;
	width:423px;
	padding:0 0 0 7px;
	margin:0;
	color:#000;
	background:#f7f7f7;
	border-bottom:#cecece solid 1px;
}

#contentBucket3 .info .details img {
	float:right;
	margin-left:12px;
}

#contentBucket3 .info .details p {
	padding:7px 15px 5px 20px;
	margin:0;
}

#contentBucket3 .info .details a {
	padding:5px 15px 5px 20px;
	display:block;
}

/***********************
Foundation Structure
***************************/
#structureDiagram {
	float:left;
}

/*************
Board of Trustees
*****************/
div.trustee {
	float:left;
	width:431px;
	min-height:150px;
	border-bottom:#cecece solid 1px;
	vertical-align: middle;
	margin:0;
	padding:0;
	color:#000;
}

div.trustee img {
	float:left;
	margin:0 20px 0 0;
	padding:0;
}

div.trustee p {
	margin-top:15px;
	display:block;
}

/**************
Building Resoration
*****************/
.ongoingProject .website,
.ongoingProject .title,
.ongoingProject .address,
.ongoingProject .projectStart {
	padding:0 30px;
	color:#000;
}

.ongoingProject .website {
	float:right;
	margin-top:20px;
}

.ongoingProject .title {
	font-weight:bold;
	margin-top:20px;
	
}

.ongoingProject .projectStart {
	margin-bottom:10px;
	font-style:italic;
}

/**************
Publication
***************/
.publishNav {
	float:left;
}

.publishNav #letter {
	float:left;
	width:332px;
	padding:0 62px 0 24px;
	margin:0;
	min-height:78px;
}

.charLet {
	color:#adadad;
	font-size:54px;
	font-family:"Times New Roman", Times, serif;
	margin:5px 0 0 5px;
}
.publishList {
	min-height:400px;	
}
.publishList .listItem {
	float:left;
	width:371px;
	padding:25px 30px;
	color:#000;
	border-bottom:#cecece solid 1px;
}

.publishList .listItem .active {
	font-weight:bold;
}

.publishList .listItem .links {
	font-size:90%;
	color:#ee2a28;
	margin:15px 0 0 0;
}

.publishList .listItem .links img {
	vertical-align:middle;
	margin:1px 5px 0 0;
}

#pubLinkContent {
	float:right;
	width:430px;
	overflow:hidden;
}
#pubLinkContent td {
	text-align:center;
}
#pubLinkContent .alphabet .chars .disabled {
	color:#DDD;	
}
#pubLinkContent .alphabet .chars .inactive a{
	color:#545454;	
}
#pubLinkContent .alphabet .chars .inactive a:hover{
	color:#000;	
}
#pubLinkContent .alphabet .chars .active {
	color:#000;	
	font-weight:bold;
}

#pubLinkContent .alphabet .chars .active a {
	color:#000 !important;	
	font-weight:bold;
}

.publishingHeader {
	font-size:115%;
	text-align:center;
}

#addLinkContent {
	float:right;
	width:861px;
	text-align:right;
}

#addLinkContent table {
	float:right !important;
}

.alphabet {
	float:left;
	width:380px;
	padding:6px 25px;
}

.alphabet table {
	float:left;
	width:380px;
	margin:0;
	
}

.additionalLinks {
	float:right;
}

.publicationLink table.links {
	float:left;
	width:425px;
	margin:0 8px;
	padding:0;
}

.publicationSubLink {
	float:left;
	margin:0 0 0 2px;	
	padding:0;
}

.publicationLink table.addLinks {
	float:left;
	width:430px;
	margin:0;
	text-align:center;	
}

.publicationLink table.links td {
	text-align:center;
	margin:0;
	padding:0;
}

.collectionLink table.links td {
	text-align:left !important;
	padding-left:21px !important;
}

.publicationLink table.links td a {
	text-align:left;
	color:#545454;
}


.alphabet table td {
	text-align:center;
}

.year table td {
	text-align:left;
}


.publicationLink a {
	float:left;
}

.publicationLink {
	float:left;
	clear:both;
	display:block;
	width:430px;
	margin:10px 0 7px 0;
}

.publicationSubLink a {
	float:left;
	margin:0 17px 0 0;
	text-transform:uppercase;
}

.publicationSubLink a.inactive {
	color:#adadad !important;
}

.publicationSubLink a.inactive:hover {
	color:#000000 !important;
}

.publicationSubLink a.active {
	color:#000000;
	font-weight:bold !important;
}

#subLinkContainer {
	float:left;
	min-height:18px;
	margin:0 0 8px 30px;
}

/**************
Library & Online Collections
***************/

.libList .listItem {
	float:left;
	width:431px;
	padding:0;
	color:#000;
	border-bottom:#cecece solid 1px;
}

.libList .listItem img {
	float:left;
}

.libList .listItem .info {
	float:left;
	padding:15px 15px 10px 20px;
	width:220px;
}

.libList .listItem .info div {
	padding:3px 0;
	display:block;
}

.libList .active {
	font-weight:bold;
}

.libList .listItem .links {
	width:240px;
	font-size:90%;
	color:#ee2a28;
	margin:5px 0 0 0;
	padding:0;
	float:left;
	white-space:nowrap;
	
}


.libList .listItem .links img {
	vertical-align:middle;
	margin:-1px 1px 0 0;
	float:none !important;
}

#bookInfo {
	display:none;
	
}

#bookInfo #caption {
	margin:0 0 17px 0;
}

/**************
Additional Links
***************/
div.resource {
	display:block;
	border-top:#cecece solid 1px;
	padding:10px 30px;
	color:#000;
	margin:0;
}

div.resource .title {
	font-weight:bold;
	
}

div.resource .link {
	display:block;
	margin:7px 0 0 0;
}

/****************
News
*******************/
.newsBlock {
	float:left;
	display:block;
	padding:20px 20px 15px 30px;
	width:380px;
	background:#ffffff;
}

.newsBlock .redLink {
	font-size:90%;
}

.newsBlock .vall {
	
}

.newsBlock a.viewAll {
	float:right;
	padding-right:0px;
	margin-top:-15px;
	
}

.newsBlock .newsItem {
	float:left;
	margin:-14px 0 10px 0;
	padding:0 0 23px 0;
}

.newsBlock .newsItem .date {
	float:left;
	width:200px;
	color:#000;
	font-style:italic;
	padding:0 0 10px 0;
}

.newsBlock .newsItem .title {
	color:#000;
	float:left;
	width:305px;
	clear:both;
	font-weight:bold;
	padding:0 0 4px 0;
}

.newsBlock .newsItem .content {
	line-height:14px;
	float:left;
	width:360px;
	clear:both;
}

.newsBlock .newsItem .links {
	float:left;
	clear:both;
	padding:10px 0;
}

p.eventDate {
	display:block;
	color:#000;
	width:400px;
}

.backToNews {
	float:left;
	margin:-35px 0 0 30px;
}

.readyToHide {
	background:#ffffff;
}

#bookInfo p {
	padding:20px 30px;
}