/* CSS Document */

/* basic elements */

body {
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
}


/*

.oneColFixCtrHdr #container {
	width: 978px;  
	background: #FFFFFF;
	margin: 0 auto; 
	
	text-align: left; 
}
.oneColFixCtrHdr #header {
	background: #fff; 
	padding: 10px 0 10px 0;
	text-align:right;  
}

.oneColFixCtrHdr #mainContent {
	padding: 30px; 
	background: #FFFFFF;
	text-align: left;
	font: 13px Helvetica, Arial, Verdana, sans-serif;
	line-height: 16px;
	color: #999;
	height: 458px;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; 
	background:#fff;
	text-align:center;
}
.oneColFixCtrHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	color: #666;
}

*/

.main {
	padding: 0 20px 0 20px; 
	background: #FFFFFF;
	text-align: left;
	font: 13px Helvetica, Arial, Verdana, sans-serif;
	line-height: 16px;
	color: #999;
	height: 458px;

}

p {
	
	text-align: left;
	font: 13px Helvetica, Arial, Verdana, sans-serif;
	line-height: 16px;
	color: #666666;
}


.head {
	margin: 0;
	padding: 10px 20px 0 20px; 
	text-align: right;
}

.menubox {
	margin: 0;
	padding: 5px 0 5px 0; 
	font: 1.9em Helvetica, Arial, Verdana, sans-serif;
	text-align: right;
	
}

.foot {
	margin: 0;
	padding: 25px 0 0 0; 
	font: 11px Helvetica, Arial, Verdana, sans-serif;
	color: #666;
}


/* COLORED HEADER STYLES MATCH MENU LEFT TO RIGHT*/

 H1 { 
	font: 2.6em helvetica, Verdana, arial, sans serif; color: #ed1c24; margin: 5px 0 8px 0;
	}
	
 H2 { 
	font: 2.6em helvetica, Verdana, arial, sans serif; color: #ff6517; margin: 5px 0 8px 0;
	}	
	

 H3 { 
	font: 2.6em helvetica, Verdana, arial, sans serif; color: #00a651; margin: 5px 0 8px 0;
	}
	

 H4 { 
	font: 2.6em helvetica, Verdana, arial, sans serif; color: #00ffff; margin: 5px 0 8px 0;
	}	
	
 H5 { 
	font: 2.6em helvetica, Verdana, arial, sans serif; color: #2e3192; margin: 5px 0 8px 0;
	}	
	
/* GREY & SMALLER HEADER STYLES */
		
 H6 { 
	font: 2.6em helvetica, Verdana, arial, sans serif; color: #939598; margin: 5px 0 8px 0;
	}	

 H7 { 
	font: 2.2em helvetica, Verdana, arial, sans serif; color: #939598; margin: 5px 0 8px 0;
	}		

 H8 { 
	font: 1.7em helvetica, Verdana, arial, sans serif; color: #939598; margin: 5px 0 8px 0;text-transform: lowercase;
	}
	
	
	
H10 { 
	font: 1.9em helvetica, Verdana, arial, sans serif; color: #939598; margin: 5px 0 8px 0;text-transform: lowercase;
	}	

/* small title fonts */	
 
 H9 { 
	font: 2em helvetica, Verdana, arial, sans serif; color: #ed1c24; margin: 5px 0 8px 0;text-transform: lowercase;
	}

H11 { 
	font: 1.2em helvetica, Verdana, arial, sans serif; color: #ed1c24; margin: 5px 0 8px 0;text-transform: lowercase;
	}	
	
	/* green */
 H12 { 
	font: 2em helvetica, Verdana, arial, sans serif; color: #00a651; margin: 5px 0 8px 0;
	}

H13 /* H8 ALL CAPS */ { 
	font: 1.7em helvetica, Verdana, arial, sans serif; color: #939598; margin: 5px 0 8px 0;text-transform: uppercase;
	}


.linespacer {
	width: 900px 
	margin: 100px 0 100px 0;
	border-top: 1px solid #ccc;
	
	
	}

/* LINK STYLES BELOW */


/* Default Link Style */
		
 a:link { 
	 
	text-decoration: none; 
	color: #666;
	}
a:visited { 
	
	text-decoration: none; 
	color: #666;
	}
a:hover, a:active { 
	
	text-decoration: underline; 
	color: #666;
	}
	
/* CURRENT EXHIBITIONS LINK STYLES ON HOME PAGE */
a.shelby:link {
	font: 35px helvetica, Verdana, arial, sans serif; 
	color: #ff3200;
	padding: 5px;
	margin: 0 10px 0 10px;
	text-decoration: none;
}
a.shelby:visited {
	font: 35px helvetica, Verdana, arial, sans serif; 
	color: #ff3200;
	padding: 5px;
	margin: 0 10px 0 10px;
	text-decoration: none;
	
	}


a.shelby:hover {
	font: 35px helvetica, Verdana, arial, sans serif; 
	color: #ff3200;
	padding: 5px;
	margin: 0 10px 0 10px;
	text-decoration: none;
	background-color: white;
}

a.annex:link {
	font: 35px helvetica, Verdana, arial, sans serif; 
	color: #f7007c;
	padding: 5px;
	margin: 0 10px 0 10px;
	text-decoration: none;
}
a.annex:visited {
	font: 35px helvetica, Verdana, arial, sans serif; 
	color: #f7007c;
	padding: 5px;
	margin: 0 10px 0 10px;
	text-decoration: none;
	
	}

a.annex:hover {
	font: 35px helvetica, Verdana, arial, sans serif; 
	color: #f7007c;
	padding: 5px;
	margin: 0 10px 0 10px;
	text-decoration: none;
	background-color: #fff;
}


	

/* Navigation Link Styles */
	
.oneColFixCtrHdr #header {
	font: 20px helvetica, Verdana, arial, sans serif;
	font-weight:100;
	margin: 0;
	background: #fff; 
	padding: 8px 0 10px 0;
	text-align:right;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

}


a.red:link {
	text-decoration: none; 
	color: #939598;
	margin: 0 10px 0 10px;

}
a.red:visited {
	text-decoration: none; 
	color: #939598;
	margin: 0 10px 0 10px;
	
	}


a.red:hover {
	text-decoration: none; 
	color: #ed1c24;
	margin: 0 10px 0 10px;
	
}

a.yellow:link {
	text-decoration: none; 
	color: #939598;
	margin: 0 10px 0 10px;

}
a.yellow:visited {
	text-decoration: none; 
	color: #939598;
	margin: 0 10px 0 10px;
	}


a.yellow:hover {
	text-decoration: none; 
	color: #ff6517;
	margin: 0 10px 0 10px;
}

a.green:link {
	text-decoration: none; 
	color: #939598;
	margin: 0 10px 0 10px;

}
a.green:visited {
	text-decoration: none; 
	color: #939598;
	margin: 0 10px 0 10px;
	}


a.green:hover {
	text-decoration: none; 
	color: #00a651;
	margin: 0 10px 0 10px;
}

a.cyan:link {
	text-decoration: none; 
	color: #939598;
	margin: 0 10px 0 10px;

}
a.cyan:visited {
	text-decoration: none; 
	color: #939598;
	margin: 0 10px 0 10px;
	}


a.cyan:hover {
	text-decoration: none; 
	color: #00ffff;
	margin: 0 10px 0 10px;
}	

a.blue:link {
	text-decoration: none; 
	color: #939598;
	margin: 0 0 0 10px;

}
a.blue:visited {
	text-decoration: none; 
	color: #939598;
	margin: 0 0 0 10px;
	}


a.blue:hover {
	text-decoration: none; 
	color: #2e3192;
	margin: 0 0 0 10px;
}	



/* Exhibition LIST STYLES  */


 #subnav ul
 {
 font-family: Helvetica, Arial, Verdana, sans-serif;
 text-align: left;
 width: 500px;
 line-height: 0px;
 font-weight: normal;
 font-size: 12px;
 color: #939598;
 padding: 0 0 0 0;
 margin: 0 0 10px 0;
 background-color: #fff;
 list-style-type: none;
 text-transform: uppercase;
 }

 #subnav ul li { display: inline; }
 #subnav ul li a
 {
 text-decoration: none;
 padding: 5px;
 margin: 0 10px 0 0; 
 color: #939598;
 
 }

 #subnav ul li a:hover
 {
 color: red;
 border-bottom: 0px solid #ccc
 text-decoration: none;

 }


 #subnav #current { color: #666;text-decoration: underline; }

 #subnav a:link, #subnavlist a:visited
 {
 color: #939598;
 text-decoration: none;
 
 }

 #subnav a:hover
 {
 color: red;
 text-decoration: none;
 
 }
 
 
 /* Artist LIST STYLES  */


 #artsubnav ul
 {
 font-family: Helvetica, Arial, Verdana, sans-serif;
 text-align: left;
 width: 800px;
 line-height: 0px;
 font-weight: normal;
 font-size: 12px;
 color: #939598;
 padding: 0 0 0 0;
 margin: 0 0 10px 0;
 background-color: #fff;
 list-style-type: none;
 text-transform: uppercase;
 }

 #artsubnav ul li { display: inline; }
 #artsubnav ul li a
 {
 text-decoration: none;
 padding: 5px;
 margin: 0 10px 0 0; 
 color: #939598;
 
 }

 #artsubnav ul li a:hover
 {
 color: #00a651;
 border-bottom: 0px solid #ccc
 text-decoration: none;

 }


 #artsubnav #current { color: #666;text-decoration: underline; }

 #artsubnav a:link, #subnavlist a:visited
 {
 color: #939598;
 text-decoration: none;
 
 }

 #artsubnav a:hover
 {
 color: #00a651;
 text-decoration: none;
 
 }
 
 
 
 /* IMAGE STYLE FOR POP UP IN ABOUT SECTION*/
 .vidpop {
 display:none; 
 width: 480px;
 position:absolute; 
 left:100px; 
 top:100px; 
 border: 10px solid #e6e6e6; 
 background-color: #ffffff; 
 padding: 20px;
 font-family: Helvetica, Arial, Verdana, sans-serif;
 color: 666;
 text-align: center;
 }