body {
    box-sizing: border-box;
}



.homeLeft
{
	width:			27%;
	float:			left;
	text-align:		center;
}

/*	Collections styles	*/

.collectImage   /* Only used in recent.html - believe old */
{
	width:			98%;
	padding-left:		12px;
	padding-top:		12px;
	float:			left;
	text-align:		center;
}

.colImage {
    height:     250px; 
    padding-top:12px; 
    display:    block;
    margin-left: auto;
    margin-right: auto;
}

.picture		/* Holds one picture and its text */
{
	position:		relative; 
	width:			100%;
}

.picDets
{
	position:		relative; 
	width:			35%;
	float:			left;
}

.picImage
{
	position:		relative;
	float:			left;
	text-align:		center;
	width:			32%;
}

#largeImage
{
	width:			94%;
	margin-left:		3%;
	text-align:		center;
}

/*  Styles for events */

#eventPanel
{
	width:			80%;
	margin-left:		10%;
}

/*	Styles for forms */

.prompt
{
	position:		absolute;
	left:			40px;
	width:			300px;
}

.input
{
	position:		absolute;
	left:			300px;
}

/*	Header & Footer styles	*/
/* #top {      
    clear: 	 both; 
    padding-top: 10px;
    color:       white;
    background-color: #63636c;
}
*/
.topbar {
/*    padding-top: 10px; */
    color:     white;
    height: auto;
    background-color: #63636c;
    box-sizing: border-box;
}

.topname {
    font-size:  250%; 
    float:      left;
    color:      inherit;
    margin-left: 10px;
}

.topnav {
    position:   relative;
    float:      right;
    color:      inherit; 
}

.jlink
{
	text-align: 		center;
	color:			white;
}

p.jlink a 
{
    color: 	#efe8dc;
}

#footer
{
    clear: 		both; 
    border:             1px solid; 
/*    background-color:	black; */
	background-color:	#63636c;
    margin-right:	5px;
}

/*  Exhibitions */

.exhib
{
}

.statement
{
}

@media screen and (min-width: 850px) {
    .exhib
    {
        width:      80%;
        margin:     auto;
    }
    .statement
    {
        width:      70%;
        margin:     auto;
    }
}