@charset "UTF-8";
/* CSS Document */

/* Knoxville Museum of Art Website Design 2009 */
/* Digital Media Graphix, Knoxville, TN www.dmgx.com */
/* Code Developed by Lindsay Beach, Lester Littell */

body 			{
	background-color:	#c5c5c5;
	font-family:		Arial, Helvetica, sans-serif;
	margin:				0px;
	padding:			0px;
	color:				#676767;
	font-size:			11px;
}
/*
body {
	background-color: #999999;
	background-image: url(images/background-grey.jpg);
}
.style1 {color: #CCCCCC}
.style2 {font-size: 14px}
.style4 {color: #FFFFFF}

.style5 {color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}*/

h1	{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			18px;
	color:				#28a;
	font-weight:		normal;
}

h2	{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			16px;
	color:				#28a;
	font-weight:		normal;
}

h2 a:link, h2 a:visited	{
	color:				#28a;
	text-decoration:	none;
}

h2 a:hover				{
	color:				#28a;
	text-decoration:	underline;
}

.exhibitionTitles	{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			14px;
	color:				#aaa;
	font-weight:		normal;
	margin:				0 10px 0 15px;
}

.exhibitionTitles a:link, .exhibitionTitles a:visited	{
	text-decoration:	none;
	color:				#aaa;
}

.exhibitionTitles a:hover	{
	text-decoration:	none;
	color:				#aaa;
}	

h3	{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			16px;
	color:				#28a;
	font-weight:		normal;
}

h4	{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			13px;
	color:				#3c3c3c;
	font-weight:		normal;
	padding:			15px;
}

h4.date	{
	padding:			10px 15px 0 15px;
	margin:				2px;
	border-top:			1px dotted #ccc;
}

h5	{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			13px;
	color:				#28a;
	font-weight:		normal;
}

h6	{
	font-size:			11px;
	color:				#f25e08;
	font-weight:		normal;
}

a:link, a:visited	{
	color:				#f25e08;
	text-decoration:	underline;
}

a:hover	{
	color:				#f25e08;
	text-decoration:	none;
}

.clearLeft		{
	clear:				left;
}

.clearBoth		{
	clear:				both;
}

.siteWrapper	{
	border-right:		1px solid #676767;
	width:				965px;
	background-color:	#bfbfbf;
	background-image:	url(images/bg_mainwrapper.gif);
	background-repeat:	repeat-y;
}

/* the header *************************************************/

.theHeader		{
	background-color:	#999999;
	background-image:	url(images/bg_header.gif);
	background-repeat:	repeat-x;
	position:			relative;
	height:				88px;
}


ul.topNav a:link, ul.topNav a:visited 	{
	color:				#222;
	text-decoration:	none;	
}

ul.topNav a:hover 	{
	color:				#222;
	text-decoration:	underline;	
}

ul.topNav		{
	margin:				0px;
	padding:			0px;
	list-style:			none;
	position:			absolute;
	right:				26px;
	top:				30px;
}

ul.topNav li 	{
	margin: 			0px 3px 0 3px;
	display:			inline;
}

/* left column Wrapper ***********************************************/

.leftWrapper	{
	float:				left;
	width:				205px;
}

/* content wrappers ***************************************************/

.contentWrapper1	{
	float:				left;
	width:				722px;
	margin:				0 0 0 10px;
}

.contentWrapper1 h1	{
	margin:				0;
	padding:			0;
}

.contentWrapper2	{
	float:				left;
	background-color:	#fff;
	width:				723px;
	padding:			0 0 30px 0;
}

.contentWrapper3	{
	float:				left;
	width:				722px;
	padding:			0 0 0px 0;
}

.centerWrapper1		{
	width:				485px;
	float:				left;
	padding:			0 0 0 0;
}


.centerWrapper1 h5		{
	padding:			2px 15px 2px 15px;
	margin:2px 15px;
	border:				1px dotted #ccc;
}


.exhibition2		{
	width:				530px;
}

.centerWrapper1 h2	{
	padding:			15px 15px 0 15px;
	margin:				0;
}

.centerWrapper1 h6	{
	padding:			5px 15px 0 15px;
	margin:				0;
}

.centerWrapper1	p	{
	padding:			5px 25px 5px 15px;
}

.centerWrapper1 .exhibition1 h2	{
	padding:			5px 15px 0 15px;
	margin:				0;
}

.centerWrapper1 .highlight1	{
	border-style:		dashed none;
	border-width:		1px 0;
	border-color:		#e9e9e9;
	background-color:	#edf5f8;
}

.centerWrapper1 .highlight2	{
	border-style:		dashed none;
	border-width:		1px 0;
	border-color:		#e9e9e9;
	background-color:	#edf5f8;
	margin:				15px 0 30px 0;
}

.centerWrapper1 .highlight2 p	{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			16px;
	color:				#28a;
	font-weight:		normal;
}

.centerWrapper1 .divider1	{
	border-bottom:		1px dashed #e9e9e9;
}


p.date1				{
	padding:			0 15px;
	margin:				0;
}

p.subTitle1			{
	padding:			0 10px;
	margin:				0 0 0 15px;
	background-image:	url(images/orange_square.gif);
	background-repeat:	no-repeat;
	background-position:left;
}

.rightColumn1		{
	width:				227px;
	background-color:	#eaeaea;
	float:				left;
	margin:				6px 0 5px 6px;
	padding:			0 0 0px 0;
	overflow: 			hidden;
}


.rightColumn1-clear		{
	width:				227px;
	background-color:	#FFFFFF;
	float:				left;
	margin:				8px 0 5px 6px;
	padding:			0 0 0px 0;
	overflow: 			hidden;
}

.rightColumn1 h3, .rightColumn1 h4		{
	padding:			10px 10px 0 10px;
	margin:				0;
}

.rightColumn1 ul	{
	padding:			10px 10px 10px 10px;
	margin:				0;
	list-style:			none;
}

.rightColumn1 li	{
	padding:			2px 0;
}

.rightColumn1 p		{
	margin:				10px;
}

.rightColumn1 p.date1				{
	padding:			0 15px;
	margin:				0;
}

.rightColumn1 .divider1	{
	border-bottom:		1px dashed #f25e08;
	margin:				5px;
}

.rightColumn1 img	{
	border:				1px solid #aaa;
	padding:			3px;
	display:			block;
	margin:				5px 10px;
}

.contentWrapper3 .rightColumn1	{
	width:				186px;
	float:				left;
	margin:				0px 0 5px 5px;
	padding:			0 0 15px 0;
	background:			none;
}

.contentWrapper3 .rightColumn1 img	{
	border:				none;
	padding:			0px;
	display:			block;
	margin:				0 0 9px 0px;
}

/* exhibitionWrappers ************************************************/

.exhibitions		{
	background-color:	#bfbfbf;
}

.exhibition1		{
	border:				4px solid #fff;
	width:				518px;
	margin:				0 0 8px 0;
	position:			relative;
	min-height:			121px;
	background-color:	#fff;
}

.exhibition1full		{
	border:				4px solid #fff;
	width:				716px;
	margin:				0 0 8px 0;
	position:			relative;
	min-height:			121px;
	background-color:	#fff;
}


.exhibition1 p		{
	width:				160px;
}

.dots1				{
	margin:				10px 0 0px 5px;
	border-top:			1px dashed #ccc;
	padding:5px 0 0 10px;;
}

/* drop shadow trick *************************************************/

/* Drop Shadow ************************************************************/

.shadowWrapper1	{
	margin:				0 0 0 13px;
	background-color:	#999999;
	padding:			0 5px 15px 0;
}

.shadowWrapper2	{
	margin:				0 0 0 0px;
	background-color:	#999999;
	padding:			0 5px 15px 0;
}
	

/* Drop Shadow For White Bg ***********************************************/

.dropShadow1 {
	float:					left;
	background:				url(images/shadowAlpha.png) no-repeat bottom right !important;
	background:				url(images/shadow.gif) no-repeat bottom right;
	margin:					5px 0 0 5px !important;
	margin:					5px 0 0 0px;
  }
  
.dropShadow2 {
	background:				none !important;
	background:				url(images/shadow2.gif) no-repeat left top;
	padding:				0 !important;
	padding:				0 6px 6px 0;
/* this junk is for IE7 */
	border-top:				1px solid #fff;
  }
  
.dropShadow3 {
	background-color:		#fff;
	border:					1px solid #ccc;
	padding:				4px;
	margin:					-6px 6px 6px -6px !important;
	margin:					0;
}


/* Drop Shadow For Grey Bg *************************************************/

.dropShadowG1 	{
	float:				left;
	background:			url(images/shadowAlpha.png) no-repeat bottom right !important;
	background:			url(images/shadowG3.gif) no-repeat bottom right;
	margin:				5px 0 0 5px !important;
	margin:				5px 0 0 0px;
  }

.dropShadowG2 	{
	background:			none !important;
	background:			url(images/shadow3.gif) no-repeat left top;
	padding:			0 !important;
	padding:			0 6px 6px 0;
/* this junk is for IE7 */
	border-top:			1px solid #999999;
  }
  
  
  
.dropShadowG3 	{
	background-color:	#fff;
/*	border:				1px solid #bdc;*/
	padding:			5px;
	margin:				-6px 6px 6px -6px !important;
	margin:				0;
}


.dropShadowG3x 	{
	background-color:	#fff;
	border:				1px solid #bdc;
	padding:			4px;
	margin:				-6px 6px 6px 0px !important;
	margin:				0;
}

/* left Nav ************************************************************/

ul.leftNav1		{
	margin:				0 10px 10px 20px;
	padding:			15px 0  5px 5px;
	list-style:			none;
	border-bottom:		5px solid #f25e08;	
}

ul.leftNav1	li	{
	text-transform:		uppercase;
	font-weight:		bold;
	font-size:			12px;
	padding:			0px 5px;
}

ul.leftNav1	li a:link, ul.leftNav1	li a:visited	{
	color:				#000;
	text-decoration:	none;
}

ul.leftNav1	li a:hover	{
	color:				#000;
	text-decoration:	underline;
}

ul.leftNav1	li.highlighted1	{
	border-top:			1px dashed #b0d0df;
	padding:			5px 5px 4px 5px;
	margin:				4px 0;
}

ul.leftNav2		{
	margin:				0 10px 21px 20px;
	padding:			0px 0  5px 5px;
	list-style:			none;
}

ul.leftNav2	li	{
	padding:			8px 5px;
}

ul.leftNav2	li a:link, ul.leftNav2	li a:visited	{
	color:				#323232;
	text-decoration:	none;
}

ul.leftNav2	li a:hover	{
	color:				#323232;
	text-decoration:	underline;
}

img.leftColImage	{
	margin:				20px 0 0 25px;
}

.thanks1	{
	margin:				0 20px 10px 25px;
	padding:			8px 8px  10px 8px;
	border:				1px dashed #b0d0df;	
	color:				#323232;
	background-color:	#eee;
}

/* images **************************************************************/

img.imageRight	{
	float:				right;
	margin:				15px;
	border:				1px solid #aaa;
	padding:			3px;
}

img.imageRightnoborder	{
	float:				right;
	margin:				15px;
	border:				0px solid #aaa;
	padding:			3px;
}


img.imageLeft	{
	float:				left;
	margin:				15px;
	border:				1px solid #aaa;
	padding:			3px;
}

.rightColumn1 .sponsor1 img	{
	padding:			5px;
	margin:				0;
	border:				none;
	display:			block;
}

img.highlight2		{
	border:				4px solid #fff;
	margin:				0 5px 10px 0;
}

img.imageExhibition1	{
/*	float:				right;*/
	margin:				0 0 0 0px;
	padding:			0px;
	position:			absolute;
	right:				0;
	top:				0;
}


img.imageExhibition2	{
	float:				right;
	margin:				0 0 0 0px;
	padding:			0px;
	position:			absolute;
	right:				170px;
	top:				0;
}


/* the Footer **********************************************************/

.theFooter		{
	background-color:	#6e6e6e;
	padding:			20px 5px 20px 25px;
	font-size:			9px;
	color:				#c5c5c5;
}

.theFooter a:link, .theFooter a:visited	{
	color:				#c5c5c5;
	text-decoration:	none;
}

.theFooter a:link, .theFooter a:visited	{
	color:				#c5c5c5;
	text-decoration:	underline;
}

.theFooter ul	{
	padding:			0;
	margin:				0;
}

.theFooter li	{
	display:			inline;
}

/* events ************************************************************/

ul.events1		{
	list-style:		none;
}

ul.events1 li	{
	padding-bottom:	5px;
}

/* */

.spacer15px		{
	height:			30px;
}

.staffImages	{
	border:				1px solid #aaa;
	padding:			3px;
	display:			block;
	margin:				2px 10px;
}