/* Stephen Barclay style sheet - May 2009 */

/* BACKGROUND */
.body					{background-color: #000000; color: CCCCCC; font-family: verdana,arial,helvetica,sans-serif;}

/* MAIN */
.art-8					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt }
.art-9					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt }
.art-10					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px }
.art-11					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
.art-12					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px }
.art-13					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px }
.art-14					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px }
.art-15					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px }
.art-16					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px }
.art-17					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px }
.art-18					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px }
.art-19					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 19px }

/* HEADERS */
h1						{ font-family: Arial, Helvetica, sans-serif; font-size: 13pt; color: #BBBBBB; text-align: center; }

/* LINKS */
A:visited				{ color: #FFFFFF; text-decoration: none; } 
A:link					{ color: #FFFFFF; text-decoration: none; } 
A:hover					{ color: #FFFFFF; text-decoration: underline; } 
A:active				{ color: #FFFFFF; text-decoration: none; }

/* SCROLL BARS */
body { SCROLLBAR-FACE-COLOR: 666666; SCROLLBAR-HIGHLIGHT-COLOR: FFFFFF; SCROLLBAR-SHADOW-COLOR: CCCCCC;  SCROLLBAR-3DLIGHT-COLOR: FFFFFF; SCROLLBAR-ARROW-COLOR: FF0000; SCROLLBAR-TRACK-COLOR: EEEEEE; SCROLLBAR-DARKSHADOW-COLOR: EEEEEE }


/* TEXT */
.text-7					{ font-family: Arial, Helvetica, sans-serif; font-size: 7pt; }
.text-8					{ font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }
.text-9					{ font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
.text-10				{ font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.text-11				{ font-family: Arial, Helvetica, sans-serif; font-size: 11pt; }
.text-12				{ font-family: Arial, Helvetica, sans-serif; font-size: 12pt; }
.text-13				{ font-family: Arial, Helvetica, sans-serif; font-size: 13pt; }
.text-14				{ font-family: Arial, Helvetica, sans-serif; font-size: 14pt; }
.text-15				{ font-family: Arial, Helvetica, sans-serif; font-size: 15pt; }
.text-16				{ font-family: Arial, Helvetica, sans-serif; font-size: 16pt; }
.text-17				{ font-family: Arial, Helvetica, sans-serif; font-size: 17pt; }
.text-20				{ font-family: Arial, Helvetica, sans-serif; font-size: 20pt; }
.text-24				{ font-family: Arial, Helvetica, sans-serif; font-size: 24pt; }
.text-30				{ font-family: Arial, Helvetica, sans-serif; font-size: 30pt; }

.header-text-20			{ font-family: Times New Roman, Times, serif; font-size: 20pt; color: #171796; }

/* IMAGE ALIGNMENT */
.leftimage				{ float: left;  padding: 2px 10px 2px 0px; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #AAAAAA; text-align: justify; }
.rightimage				{ float: right; padding: 2px 0px 2px 10px; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #AAAAAA; text-align: justify; }

/* ALIGNMENT */
.l						{ text-align: left; }
.c						{ text-align: center; }
.r						{ text-align: right; }
.j						{ text-align: justify; }

/* COLORS */
.color-01				{ color: #000000; }	/* black */
.color-02				{ color: #FFFFFF; }	/* white */
.color-03				{ color: #FF0000; }	/* full red */
.color-04				{ color: #000066; }	/* dk blue */
.color-05				{ color: #2C4A67; }	/* bg blue */
.color-06				{ color: #777777; }	/* med gray */
.color-07				{ color: #CCCCCC; }	/* lt gray */
.color-08				{ color: #666666; }	/* dk gray */

/* NAVIGATION TABLE FORMATTING */
.table-inner			{ background-color: #AAAAAA; }
.table-outer-border		{ background-color: #FF0000; }

.center-tab-selected	{ background-color: #888888; }
.center-tab				{ background-color: #555555; }

.menuitem				{ text-decoration: none; font-family: Arial,sans-serif; font-weight: normal; font-size: 9pt; color: #FFFFFF; }
.menuitem:hover			{ text-decoration: none; font-family: Arial,sans-serif; font-weight: normal; font-size: 9pt; color: #000000; } /* the final colour for the fade is controlled in the javascript fade file */
.menuitemsel			{ text-decoration: none; font-family: Arial,sans-serif; font-weight: bold; font-size: 8pt; color: #FFFFFF; }
.menuitemsel:hover		{ text-decoration: none; font-family: Arial,sans-serif; font-weight: bold; font-size: 8pt; color: #CCCCCC; }

.logintext				{ font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-align: right; padding-right: 10px; padding-top: 10px; color: #CCCCCC; }
.logintext :visited		{ color: #FFFFFF; text-decoration: none; }
.logintext :link		{ color: #FFFFFF; text-decoration: none; } 
.logintext :hover		{ color: #FFFFFF; text-decoration: underline; }
.logintext :active		{ color: #FFFFFF; text-decoration: none; }

/* LINKS */

.link-admin :visited	{ color: #FFFFFF; text-decoration: none; font-weight: bold; }
.link-admin :link	  	{ color: #FFFFFF; text-decoration: none; font-weight: bold; } 
.link-admin :hover		{ color: #FFFFFF; text-decoration: underline; font-weight: bold; }
.link-admin :active		{ color: #FFFFFF; text-decoration: none; font-weight: bold; }

/* SCROLL BARS */
body					{ SCROLLBAR-FACE-COLOR: CCCCCC; SCROLLBAR-HIGHLIGHT-COLOR: FFFFFF; SCROLLBAR-SHADOW-COLOR: CCCCCC;  SCROLLBAR-3DLIGHT-COLOR: FFFFFF; SCROLLBAR-ARROW-COLOR: FF0000; SCROLLBAR-TRACK-COLOR: EEEEEE; SCROLLBAR-DARKSHADOW-COLOR: EEEEEE }

/* Paintings Thumbnail Preview */
.paintings-screen, .paintings-screen:visited  { position:relative; z-index:1; }
.paintings-screen b 			{ position:absolute; visibility:hidden; width:200px; height:0; left:0; top:-150px; }
.paintings-screen:hover 		{ text-decoration:none; border:0; z-index:1000; }
.paintings-screen:hover b 		{ visibility:visible; height:150px; cursor:pointer; z-index:500; left:-300; top:10; }
.paintings-screen:hover b img 	{ border:0; }