﻿/*  Color Legend */

/* Reset */

html, body { margin:0; padding:0; border: 0;
		background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nave, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead  {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	color: #FFFF00;
}

img	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin:0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}

table 	{border-collapse: collapse; border-spacing: 0; } 

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
display: block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: center;
	color: #000000;
}

ol, ul { list-style: none; }

/*end of reset */

/* Global */

html	{	}
body	{ background-color:#000099	}

/* end of Global */

/* Heading */

h1, h2, h3, h4, h5, h5, h6  { font-weight:bold; color:#FFFF66;  }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* end of Heading */

/* Text Elements */

p		    {
	color: #FFFF00;
	font-size: 12px;
	line-height: 150%;
}
p .left		{ margin: 1.5 em 1.5 em 1.5 em 0; padding: 0; }
p .right    { margin: 1.5. em 1.5 em 1.5 em; padding: 0; }

a		    {	}
a:link		{   }
a:visited	{   }
a:active	{   }
a:focus		{   }
a:hover		{   }

blockquote	{ color:#000; font-size:12px; }

strong		{ font-weight: bold; }
em		    { font-style: italic; }

/* end of text elements */

/* Images */

/* end of Images */

/* Lists */

ul		{	}
ol		{ list-style-type:decimal; }

ul li	{ color:#000; font-size:12px; }
ol li	{ color:#000; font-size: 12px; }

dl		{	}
dt		{	}
dd		{	}

/* end of Lists */

/* Tables */
table 		{ width:100%; }

tr			{	}
.odd		{ background-color: #eee; }
.even		{ background-color: #fff; }

th		    { font-weight: bold; }
thead, th	{ background: #ccc; }

tbody		{	}

th, td, caption	{	}
caption		    {	}

 tfoot		{	}
.tfooter	{ background-color:#ccc; text-align:center; font-style: italic; }

caption		{ background: #efefef; }

/* end of Tables */

/* Miscellaneous */
sup, sub	{ line-height: 0; }

abbr, acronym  { border-bottom: 1 px dotted #666; }
address	             {	}
del		 { background:#FFCEFE; color: #f00; }

code, pre	{ background-color:FF9; padding: 2px 0px; margin: 4px 25 px;
			font-family: “Courier New”, Courier, monospace; font-size:12px;  }
			
/* end of Miscellaneous */

/* Containers */

#wrapper		{ width: 910px; margin: 0 auto; background-color:#000099; 	}

#logo			{ width:100%; background-color:#000099; margin:0px 0 5px 0; }

#topnav	 		{width: 100%; background-color: #000099;}
#topnav	ul		{ width:100%; }
#topnav	ul li	{ display:inline; font-size:16px; }
#topnav ul li a { float:left; padding:10px 30px; }

#topnav a		    {	}
#topnav a:link		{ color:#FFFF66; }
#topnav a:visited	{ color:#FFFF66; }
#topnav a:active	{ color:#FFFF66; }
#topnav a:focus	    { color:#FFFF66; }
#topnav a:hover  	{ color:#FF6666; }

/* graphic_ivory_artists page */

#artists			{ width:100%; font-size:19px; text-align:center; list-style:none; background-color:#000099; overflow:hidden	}
#artists ul		    { width:100%; list-style:none; text-align:center;}
#artists ul li	    { display: inline; }
#artists ul li a    { float:left; padding: 10px 30px;}

#artists h1	{ color:#FFFF66; font-size: 20px; text-align:center; margin: 10px 0px 0px 0px;}
#artists p 	{ color:#FFFF66; font-size: 21px; text-align:center; line-height :100%; margin:30px 0 30px 0; }
#artists IMG.displayed { display: block; margin-left: auto; margin-right: auto }

#artists a		    {	}
#artists a:link		{color: #FFFF66; }
#artists a:visited	{ color:#FFFF66; }
#artists a:active	{ color:#FFFF66; }
#artists a:focus	{ color:#FFFF66; }
#artists a:hover  	{ color:#FF6666; }

/* end of graphic_ivory_artists page */

#content	{ width:100%; background-color:#000099; overflow:hidden; }
#content h1	{ color:#FFFF66; font-size: 20px; text-align:center; margin: 10px 0px 0px 0px;}
#content p 	{ color: #FFFF66; font-size: 18px; line-height : 100%; margin: 10px 0 10px 0; text-align:left;}
#content IMG.displayed { display: block; margin-left: auto; margin-right: auto }

#content ul		{ width:100%; }
#content ul li	{ display:inline; font-size: 18px; }
#content ul li a { float:left; color:#FFFF66;padding:10px 30px; }

#banner {width: 600px; margin: 0 auto;}


#content1		{ width:100%; background-color:#000099; overflow:hidden	}
#content1 h1	{ color:#FFFF66; font-size: 20px; text-align:center; margin: 10px 0px 0px 0px;}
#content1 p 	{ color:#FFFF66; font-size: 18px; line-height:100%; margin: 30px 0 30px 0; }
#content1 IMG.displayed { display: block; margin-left: auto; margin-right: auto }

/* artist opening gallery page */

#content2		{ width:100%; background-color:#000099; overflow:hidden	}
#conetent2 hr   {color:#FFFF66; background:#FFFF66; width: 60%; height: 5px;}
#content2 h1	{ color:#FFFF66; font-size: 18px; text-align:center; margin: 10px 0px 0px 0px;}
#content2 h2	{ color:#FFFF66; font-size: 15px; text-align:center; margin: 10px 0px 0px 0px;}
#content2 h3	{ color:#FFFF66; font-size: 15px; text-align:center; margin: 6px 0px 0px 10px;}
#content2 h4	{ color:#FFFF66; font-size: 13px; text-align:center; margin: 15px 0px 0px 0px;}
#content2 h5	{ color:#FFFF66; font-size: 13px; text-align:center; margin: 0px 0px 10px 0px;}
#content2 p 	{ color:#FFFF66; font-size: 18px; text-align:center; line-height :100%; margin:10px 0 45px 0;}




#content2 ul	{width: 100%;}
#content2 ul li	{ color:#FFFF66; display:inline; font-size:18px; }
#content2 ul li a { float:left; color:#FFFF66;padding:16px 16px; }

#content2 a		    {	}
#content2 a:link	{color: #FFFF66; }
#content2 a:visited	{ color:#FFFF66; }
#content2 a:active	{ color:#FFFF66; }
#content2 a:focus	{ color:#FFFF66; }
#content2 a:hover  	{ color:#FF6666; }


/* end of artist opening gallery page */



#subbanner		{ width:100%; background-color:#000099; overflow:hidden	}
#subbanner h1	{ color:#FFFF66; font-size: 18px; text-align:center; margin: 10px 0px 0px 0px;}
#subbanner h2	{ color:#FFFF66; font-size: 20px; text-align:center; margin: 10px 0px 0px 0px;}
#subbanner h3	{ color:#FFFF66; font-size: 15px; text-align:center; margin: 6px 0px 0px 10px;}
#subbanner h4	{ color:#FFFF66; font-size: 13px; text-align:center; margin: 15px 0px 0px 0px;}
#subbanner h5	{ color:#FFFF66; font-size: 13px; text-align:center; margin: 0px 0px 10px 0px;}
#subbanner p 	{ color:#FFFF66; font-size: 18px; text-align:center; line-height :100%; margin:10px 0 45px 0;}
#subbanner IMG.displayed { display: block; margin-left: auto; margin-right: auto }



#footer 		{ padding: 40px 0px 0px 0px; }
#footer	p		{ color:#FFFF66; font-size: 12px; text-align:center; }	


#box1		{	}

#box2		{	}

#box3		{	}

#box4		{	}

#box5		{	}

#box6		{	}

/* end of Container */

/* Layout Extra */

/* end of Layout Extra */

/* Navigation Extra */

/* end of Navigation Extra */

/* Forms */

form { text-align: left; margin:20px; 	}

label, submit, input, textarea 	{
	border:0; padding:0; margin:0; background:none;
	}

label {
	float: left; width: 150px;
	text-align:right; display:block;

input, textarea {
	border:1px #333 solid; margin-left:10px;
	}

input {
	width: 280px; margin-bottom: 16px;
	}

textarea {
	width: 280px; height: 150px;
	margin-bottom: 16px;
	}

select	{	}

.submit {
	width:90px; height:25px;
	margin-left:150px;
	font-size:12px;

br	{ clear: left;	}

/*end of Forms */

/* Miscellaneous */	

.copyright-text  { font-size:80%; font-style:italic; color:#333 }
.footer-text	 { font-size: 80%; font-style:normal; color:#666; }

.title		  { font-size:18px; font-weight:bold; color:#333; }
.subtitle	  { font-size:14px; font-style:italic; color:#333: }

.artist		  { font-size:16px; font-weight:bold; color:#333 }
.author		  { font-size:14px; font-weight:bold; color:#555 }
.editor		  { font-size:14px; font-style:italic; color:#555 }

.pub-date	   { font-size:10px; font-style: italic; color:#555 }
.article-date  { font-size:10px; font-style: italic; color:#555 }
.location	   { font-size:10px; font-style: italic; color:#555 }

.float-right	{ float:right; }
.float-left	    { float:left; }
.clear		    { clear:both; }

.hide		   { display:none; }
.block	       { display:block; }
.inline		   { display:inline; }

.first	          { font-weight:bold; }
.last	          { font-weight:bold; }
.left	          { font-weight:bold; text-align:left; }
.right	          { font-weight:bold; text-align:right; } 

.added	        { background:#D7D7FF; }
.removed      	{ background:#FFCECE; color:#f00; }
.changed        { background:#FFB; }

/* Miscellaneous */

/* Success, info, notice and error/alert boxes – from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
	padding: 0.8em; margin-bottom; 1em; border: 2px solid #ddd; }

.error, .alert  { background #fbe3e4; color:#8a1f11; border-color: #fbc2c4 }

.notice	        { background: #fff6bf; color 514721; border-color: #ffd324; }

.success        { background: #e6efc2; color: #264409; border-color: #c6d880; }

.info	        {background: #d5edf8; color #205791; border-color: #92cae4; }

.error a 	{ color: #8a1f11; }
alert a		{ color: #8a1f11; }

.notice a 	{ color:#514721; }
.success a	{ color:#264409; } 
.info a		{ color: #205791; }

/* end of Success, info, notice and error/alert boxes */
