@import url(/lib/lightbox.css);


/* All Pages */

body				{margin-top:15px;background:#dadada;color:black;font:small Optima, "Myriad Web","Lucida Sans",Verdana, Arial, Helvetica, sans-serif;}
p				{color:#555;margin:25px 10px;line-height:1.3em;}
h1				{font:1.7em Optima, "Myriad Web","Lucida Sans",Verdana, Arial, Helvetica, sans-serif;color:#000;margin:5px 0;}

h2				{font-size:1.1em;color:red;margin:20px 10px 25px 10px;}
h3				{font-size:.95em;color:red;margin:20px 10px -18px 10px;}


#top				{width:900px;height:72px;position:absolute;z-index:2;margin:0 auto;background-color:#333;}
#header			{position:absolute;z-index:3;}
#logo			        {position:absolute;z-index:3;border:none;}
#logoFix			{position:absolute:top:0;left:0;width:30px;height:72px;background:#dadada;}
#current			{color:#999;font:17px/36px Optima, "Myriad Web","Lucida Sans",Verdana, Arial, Helvetica, sans-serif;}
#current a			{color:#999;font:17px/36px Optima, "Myriad Web","Lucida Sans",Verdana, Arial, Helvetica, sans-serif;}
#address			{color:#ccc;position:absolute;bottom:5px;right:70px;font-size:.8em;width:auto;}
#email			{color:red;}

#main			{background:url(../pix/bgMid.gif) repeat-y 0px 72px;width:900px;position:relative;margin:0 auto;border:0px solid #ccc;min-height:500px;padding-bottom:30px;font:x-small/medium Verdana, Arial, Helvetica, sans-serif;}
#content			{width:550px;border:3px double #ddd;position:relative;top:130px;left:250px;background:#f8f8f8;padding:10px 10px 30px 10px;margin-bottom:130px;font:x-small/medium Verdana, Arial, Helvetica, sans-serif;}
#content img 		{border:1px solid #999;}

#nav				{position:absolute;top:120px;left:0px;width:200px;}
#nav ul			{list-style-type:none;}
#nav a:link		{font:17px/36px Optima, "Myriad Web","Lucida Sans",Verdana, Arial, Helvetica, sans-serif;color:black;text-decoration:none;}
#nav a:visited		{font:17px/36px Optima, "Myriad Web","Lucida Sans",Verdana, Arial, Helvetica, sans-serif;color:black;text-decoration:none;}
#nav a:hover		{font:17px/36px Optima, "Myriad Web","Lucida Sans",Verdana, Arial, Helvetica, sans-serif;color:#567;text-decoration:underline;}
#nav a:active		{font:17px/36px Optima, "Myriad Web","Lucida Sans",Verdana, Arial, Helvetica, sans-serif;color:red;text-decoration:none;}

.bold				{font-weight:bold;color:#ddd;}
.clear			{clear:both;}
.title				{font-style:italic;}
 a:link			{}
 a:visited			{}
 a:hover			{color: #993300;}
 a:active			{color:green;}
 



 

/*  ===========================  individual page styles  =========================== */




/* home */
#homePic   {border:0px solid red; text-align:center;width:auto;}
#homePic1,#homePic2 {margin:30px 0 0 30px;}
#home p , #home h2 			{width:475px; margin-left:30px;}

#onView			{font-weight:bold;color:red;line-height:1.5em;}



/*about */
#about #about         {color:#999;}
#about h1			{margin-bottom:40px;}
#about p			{width:250px;margin-left:80px;text-align:justify;}
#aboutPic			{float:right;margin:0 30px 20px 0;margin-bottom:50px;border:none;}
#floorplan 		      {margin-left:80px; font:.8em/2em sans-serif;text-decoration:underline;color:red;}



/*news */
#news #news            {color:#999;}
.news                       {border:solid 0px #000;float:left; width:100%;margin:30px 0;}
#news p			{width:250px;text-align:justify;}

#news h2			{margin-bottom:-.8em;}
.newsLinks, .news a		{font:.9em sans-serif;text-decoration:underline;color:red;}
.newsPic			{float:right;margin:0 20px 20px 10px;width:225px;}
.times			{color:#555; float:left;margin:0 -30px;width:100%;}



/*exhibitions */
#exhibitions #exhibitions {color:#999;}
#exhibitions p		{text-align:justify; margin:15px;}
#exhibitions #exCopy {width:80%;text-align:left;border:0px solid green;}
#exhibitions h1		{margin-bottom:-50px;}
#exhibitions h2		{margin-bottom:-10px;}
#exhibitions #exhibitPic  {width:auto;margin:40px auto;border:0px solid red;text-align:center;}
#exhibitions #ex_info               {border:0px solid green;}
#exhibitions #prevAndfuture	{margin:50px 30px;border:0px solid black;}

#exhibitions #previousLink	{float:left;font-size:.9em;color:red;width:auto;border:0px solid black;}
#exhibitions #futureLink	        {float:right;font-size:.9em;color:red;border:0px solid black;}					
					
					
#exhibitions .dates	{font-size:.85em;color:black;line-height:2em;}
.exhibitPic			{float:right;border:1px solid #ccc;width:225px;height:auto;}
.palPic			{float:right;border:0px solid #ccc;width:225px;height:auto;}

/* previous  */
#previous #exhibitions {color:#999;}
#previous .dates	{font-size:.85em;color:black;line-height:2em;}
#previous p		{width:250px;text-align:justify;}
.press			{display:block;color:red;text-align:right;font-size:.8em;margin-top:5px;}
.showListing		{border:0px solid black;margin:80px 10px;position:relative;}
#penPal			{border:0px solid black;margin-bottom:10px;}
#palHolder		{margin-top:20px;}
#nextPic:hover		{cursor:pointer;}

/* future  */
#future #exhibitions        {color:#999;}
#future .dates	        {font-size:.85em;color:black;line-height:2em;}
#future p			{width:250px;text-align:justify;}
.press			{display:block;color:red;text-align:right;font-size:.8em;margin-top:5px;}
.showListing		{border:0px solid black;margin:80px 10px;position:relative;}
#future a               {color:red;}




/* artists pages over-rides*/
#artists #artists     {color: #999;}
#artists h1		{margin-bottom:40px;}
#artists ul                 {list-style-type:none;border:0px solid black;}
#drewInfo h1 a, #jillInfo h1 a, #nateInfo h1 a 	
				{margin-bottom:40px;color:black;text-decoration:none;}
					
.artists			{width:75%;position:relative;margin:10px auto;border:1px solid #ccc;}
.artists img		{vertical-align:middle;margin-right:30px;}
.artists a			{font:17px/36px "Times New Roman", Times, serif;color:black;text-decoration:none;}

#artistInfo #content ul {color:#555;}
#drewInfo h2		{margin:0 0 20px 0;line-height:3em;}
#jillInfo #current	a,#nateInfo #current	a,#drewPress #current	a,#jillPress #current	a,#natePress #current	a,#drewInfo #current	a,	#troy #current
				{color:#999;}
#jillPress h2, #jillPress h3	
				{margin-left:50px;}
#drew #current, #jill #current, #nate #current	
                                {color:#999;}
#artist #artists  {color:#999;}
#artist #main		{position:relative;border:0px solid #000;height:auto;width:900px;}
#artist #content ul	{display:inline;list-style:none;margin:0; padding:0;}
#artist #content li	{display:inline;}
#artist #content li img	{border:1px solid #ccc;}
#artist #content		{float:left;margin:0; width:300px;}
#artist #artwork	        {float:right;width:250px;margin:130px 15px 100px 0;padding-top:0; border:0px solid red;}
#artist .clear		{border:0px solid green; width:200px;margin-bottom:100px;}
#artist #top		{height:72px;margin:0 auto;background-color:#333;}
#artist #header		{position:relative;}

/* submissions */

#submit #submissions   {color:#999;}
#submit #text 		{border:0px solid #000;position:relative;top:0px;padding-top:20px;}
#submit #p1 		{float:left;width:250px;}
#submit #p2 		{float:right;width: 250px;}
#submit #content	{padding: 10px 15px 35px; 15px;}
#submit #content img{margin:35px 0 0 15px;clear:both;border:1px solid #ddd;}
#submit label      {font-weight:bold;}


/* contact */
#contact #contact  {color:#999;}
#contact h1		{margin-bottom:40px;}
#contact p		{margin-left:80px;}
#contact #pic		{float:right;width:266px;margin:0 30px 50px 0;border:none;}
#contact #directions	{color:red;}
#contact label  {margin:0;}
#contact input, textarea {margin-bottom: 20px;}
#contact form {padding:20px;width:auto;}


/* artists index pages 

 .artIndex #main				{
	                                                  background:url(../pix/bgMid.gif) repeat-y 0px 72px;
	                                                  width:900px;
	                                                  position:relative;
	                                                  margin:0 auto;
	                                                  border:0px solid #ccc;
	                                                 min-height:580px;
	                                                   height: 500px; 
                                                         } 
 .artIndex #content			{width:300px;border:3px double #ddd;position:absolute;top:130px;left:175px;background:#f8f8f8;padding:10px;} 
.artIndex #content img 		{border:1px solid #ccc;}
.artIndex #artwork			{width:300px;border:0px solid #ccc;position:relative;top:120px;left:535px;background:transparent;padding:10px;}
.artIndex #art				{margin-bottom:-15px;border:1px solid #ddd;padding:3px;}
.artIndex #data				{font-size:x-small;}
.artIndex #infoLink 		        {text-align:right;}
.artIndex #infoLink a		        {text-align:right;font-size:small;color:red;}

.artIndex #thumbs			{border:0px solid #fff;padding-left:15px;}


*/

.artIndex #thumbs img		{width:40px;height:30px;margin:10px; border:1px solid #999;}









/*  =========================== for ie 5.x mac only =========================== */ 

/*\*//*/


		body							{font:12px/15px Verdana, Arial, Helvetica, sans-serif;}							
	   #home p							{line-height:1.4em;}	

	   #address							{color:#777;position:absolute;bottom:5px;right:10px;width:500px;font-size:1em;line-height:1.4em;}
	   
       #content							{width:550px;border:5px solid black;background:white; margin-bottom:30px;position:relative;}
	   .news							{border:0px solid white;margin:80px 0 150px 0; position:relative;left:-240px;}
	   .news p							{margin-top:20px;position:static;line-height:1.4em;}
	   .newsPic							{position:absolute;right:20px;top:10px}
	   .press							{font-size:1em;}
	   
	   
	   #about #content p				{margin-left:-175px;margin-right:170px;line-height:1.4em;}
	   #aboutPic						{float:right;width:130px;margin:120px 30px 20px 0;}
	   
	   #exhibitions h2					{font-size:18px;color:red;margin-top:20;position:relative;top:0px;line-height:2em;}
	   #exhibitions h3					{font-size:14px;color:red;margin:0;position:relative;top:0px;line-height:1.4em;}
	   #exhibitions p					{margin-top:20px;position:static;}
	   #exhibitions .news				{width:98%;position:relative;border:0px solid white;margin:60px 0 70px 0;}
	   .exhibitPic						{position:absolute;right:20px;top:70px;}
	   #exhibitions #previousLink		{left:-230px;}
		
		
	   .showListing						{border:0px solid white;margin:margin:80px 10px; position:relative;left:-240px;}
	   .showListing	 p					{margin-top:10px;position:static;}
	   .showListing img					{position:absolute;right:20px;top:25px;}
 	   #previous h2						{font-size:18px;color:red;margin-top:20;position:relative;top:0px;}
	   #previous h3						{font-size:14px;color:red;margin:0;position:relative;top:0px;}
	   #previous p						{line-height:1.4em;}
	   
	   #artists .artists				{margin-left:-140px;}
	   #submit p 						{text-align:justify;line-height:1.4em;} 
	   #submit #p1						{position:static;width:250px;}
	   #submit #p2 						{position:absolute;left:270px;top:0px;width:250px;}
	   #submit #text 					{border:0px solid #fff;margin-left:-250px;position:relative;width:530px;top:-10px;}
	   #submit #content img				{margin-left:-240px;}
	   #submit address					{margin:-10px 0 0 -230px;}
	   #submit #postal					{margin-left:-230px;}
	  
	  
	  
	   #contact p 						{margin:10px 0 0 -180px;line-height:1.4em;}
	   #contact #pic					{float:right;width:266px;margin:130px 30px 50px 0;border:none;}
	  
	   #jillPress p, #drewPress p, #natePress p,#littleRockPress p		
	   									{margin-left:-230px;width:90%;line-height:1.4em;}
	   #jillPress h2, #drewPress h2, #natePress h2,#littleRockPress h2	
	   									{margin-left:-230px;}
	   #jillPress h3, #drewPress h3, #natePress h3, #littleRockPress h3	
	   									{margin-left:-230px;}
	   #jillPress h1, #drewPress h1, #natePress h1,#littleRockPress h1	
	   									{font:18px Verdana, Arial, Helvetica, sans-serif;margin:20px 0 0 -250px;;line-height;2.4em;}
	    #jillInfo h1, #drewInfo h1, #nateInfo h1	
	    								{font:18px/24px Verdana, Arial, Helvetica, sans-serif;margin:20px 0 0 -250px;;line-height;2.4em;}
		
	   #drewInfo p									{line-height:1.4em;}
	   #drewInfo ul									{margin-left:-230px;width:90%;line-height:1.4em;}
	   #drewInfo li 								{margin-left:-230px;width:90%;line-height:1.4em;}
	   #drewInfo ul .first 							{margin-left:20px;width:90%;}
	   #drewInfo h1 								{margin-bottom:30px;}
	   #drewInfo h2 								{margin-left:-230px;width:90%;}
	   #nateInfo p									{margin-left:-230px;width:90%;line-height:1.4em;}
	   #jillInfo p									{margin-left:-230px;width:90%;line-height:1.4em;}
	   #jillInfo h2									{margin-left:-230px;width:90%;}
	    #jillInfo ul									{margin-left:-230px;width:90%;line-height:1.4em;}
	   #jillInfo li 								{margin-left:-230px;width:90%;line-height:1.4em;}
		#jillInfo ul .first 							{margin-left:20px;width:90%;}	
		
		.artIndex p										{line-height:1.4em;}
		
		
    /**/
    
 /*  =========================== end for ie 5.x mac only =========================== */