body {

	margin: 20px;

	background-image: url(../images/background.jpg);

	background-position: top;

	background-repeat: repeat;

}

#main {

	padding-left:20px;

}

.searchFormControl {

	padding: 5px;

}



.dropShadow {

	float:left;

	background: url(../images/v3/shadow.gif) no-repeat bottom right;

	margin: 10px 0 0 5px;

}

.dropShadow img {

	display: block;

	position: relative;

	margin: -9px 6px 6px -9px;

	padding: 4px;

}

.dropShadowContainer{

	padding: 0 10px;

}





.leftCol, .rightCol {

	padding: 15px;

	vertical-align: top;

}



.artistListing {

	text-align: left;

}



#logo {

	padding-top:15px;

	xxpadding-bottom:15px;

	padding-left:15px;

	text-align:center;

}



#container {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #002261;
	border-style: solid;
	border-width:1px;
	border-color:#000;
	background-color:#fff;
	margin: auto;
	padding: 0px;
	width: 760px;
	text-align: left;
}

.announcement {
	border: 2px solid #002261;
	margin: 10px;
	padding-top: 20px;
}

.announcementTxt {
	text-align: left;
	padding: 0 20px 20px 20px;
}

#contentContainer {
	margin: 20px;
}

#exhibitionContainer {
	/*background-color: yellow;*/
}

#exhibitionContainer
{
	margin: 20px;
}

 

#giftContainer, #calendarContainer , #announcementContainer
{
	margin: 20px;
	text-align: center;
}

#exhibitionNav li {

	margin-left: -10px;

}

#exhibitionNav ul {

	margin-top: 5px;

}



#exhibitionNav {

	background-color: #ccc; 

	padding: 10px 0;

	width: 150px;

	vertical-align: top; 

}

#exhibitionNavLHS {

	background: url(../images/curveTopLeft.gif);

}

#exhibitionNavRHS {

	background: url(../images/curveTopRight.gif);

}

#exhibitionNavLHS

,

#exhibitionNavRHS {

	width: 10px;

}

#exhibitionNav a {

	text-decoration: underline !important;

}

#exhibitionImg {

	float: right;

	margin-left: 5px;

}

.exhibitionNavHeading{

	font-weight: bold;

	font-size: 14px;

}

.exhibitionTitle {

	font-family: "University Ornate", Arial, Helvetica, sans-serif;

	font-size: 24px;

	font-weight:500;

	text-decoration:none;

}

.exhibitionDate{

	font-size: 18px;

}

.exhibitionDesc {

	margin: 40px;

}



.calendarEvent {

	height: 120px;

	margin: 5px 30px;

	text-align: left;

}



.calendarEvent img{

	height: 90px;

}



.calendarEvent p {

	margin-left: 110px;

}



#museum {

	height: 80px;

	background-color: #ccc;

	padding: 10px 0px 5px 20px;

	border-top: 1px solid #000;

}

#museum img {

	float: left;

	border: 0px;

}

#museum a {

	text-decoration: underline;

	color: #002261;

}



#museum a:hover

{

	background-color: #fff;

	color: #002261;

}



.bottomContact {

	xxxbackground-color: #ccc;

	color: #002261;

	padding: 5px;



}



.topRightNavigation, .topLeftNavigation {

	padding-top:2px;

	height:16px;

}



.topRightNavigation {

	background-color: #002261; 

	font-size:11px;

	text-align:right;

	padding-right:26px;

}

.topLeftNavigation {

	background-color: #ccc; 

	font-size:12px;

	text-align:left;

	padding-left:22px;

}



.bottomNavigation {

	background-color: #002261; 

	height:16px;

	padding-top:4px;

	padding-right:20px;

	vertical-align:bottom;

	text-align:right;

	font-size:10px;

}



.topRightNavigation a

,

.topLeftNavigation a

,

.bottomNavigation a

,

#exhibitionNav a

{

	text-decoration:none;

	font-weight:bold;

}



.topRightNavigation a

{

	color: #fff; 

}



.topLeftNavigation a

,

#exhibitionNav a

{

	color: #002261;

}



.bottomNavigation a

{

	color: #fff; 

}





.topRightNavigation a:hover

, 

.topLeftNavigation a:hover

,

.bottomNavigation a:hover

,

#exhibitionNav a:hover

{

	text-decoration: none;

	background-color: #fff;

	color: #002261;

}





/** indexList overrides bottomNavigation **/

.indexList a:hover{

	background-color: #002261;

}

.indexList a {

	color: black;

}



#MPS {

	margin-left: 20px;

	float:left;

}


