/* The Black Arts Special Collections Exhibition 2006 CSS */


html body { margin: 0px; padding: 0px; width: 100%; height: 100%; text-align: left; vertical-align: top; background-color: #F4F4F4; }


a { text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; color: #000000; }



/****** WRAP LAYOUT ******/


#wrap { width: 100%; height: 100%; border-collapse: collapse; margin: 0px; padding: 0px; }
#wrap td { text-align: left; vertical-align: top; }



/****** NAVIGATION ******/


#navigation { width: 310px; background-color: #F4F4F4; background-image: url(gfx/rip_centred.gif); background-repeat: no-repeat; }

#navigation img { padding-left: 0px; margin-left: 26px; margin-bottom: 80px; }





/****** CONTENT ******/

#content { width: 100%; padding: 25px; vertical-align: top; text-align: left; }




#content #breadcrumb { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #cccccc; margin: 0px 0px 15px 5px; padding: 10px 0px 10px 10px; background-color: #000000; z-index: 7; width: 96%; }

#content #breadcrumb a { text-decoration: underline; color: #F4F4F4; }
#content #breadcrumb a:hover { text-decoration: none; color: #CC0000; }
	
	
	
#content #item { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; margin: 7px; padding: 0px; color: #000000; border-collapse: collapse; }

#content #item tr { padding: 9px 0px 9px 0px;  }

#content #item td { width: 90px; padding: 9px 9px 9px 9px; border-bottom: 1px solid #e1e1e1; }

#content #item img { margin: 0px 0px 8px 0px; }

#content #item a { color: #000000; text-decoration: none; }
#content #item a img { border: 10px solid #E1E1E1; }
#content #item a:hover img { border: 10px solid #CCCCCC; }


#content #item a:hover { color: #999999; text-decoration: none; }
#content #item a:hover .textdesc { color: #000000; text-decoration: underline; }

#content #item .textdesc { color: #333333; padding: 10px 0px 0px 0px; margin: 10px 0px 0px 0px; text-decoration: none; line-height: 11px; }




#content #itemmidi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; width: 480px; margin: 5px; padding: 2px; float: left; }

#content #itemmidi img { margin-bottom: 8px; }

#content #itemmidi a { color: #E1E1E1; text-decoration: none; }
#content #itemmidi a img { border: 10px solid #E1E1E1; }

	#content #itemmidi a:hover img { border: 10px solid #CCCCCC; font-size: 10px; }


#content #itemmidi a:hover { color: #E1E1E1; text-decoration: none; }
#content #itemmidi a:hover .textdesc { color: #000000; text-decoration: underline; }

	#content #itemmidi a span { display: none; text-decoration: none; }
	
	#content #itemmidi a:hover span { display: inline; position: absolute; width: 150px; margin: 0px; padding: 0px 5px 0px 0px; color: #ffffff; text-align: left; background-color: #CC0000; }
	
	#content #itemmidi a:hover span img {
	clear: right;
	float: left;
	margin: 5px; border: none;
}


#content #itemmidi .textdesc { color: #333333; padding-top: 10px; margin-top: 10px; text-decoration: none; line-height: 12px; }

#content #itemmidi .textdescline { border-top: 1px solid #999999; padding-top: 5px; }


#content h1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; margin: 0px 0px 10px 0px; padding: 0px; }