/* CSS Document */

/* Tags */

body	{	font-family:verdana;	font-size:10px;	background:#CFE4EF;    margin-top:10px; }

/*body	{	font-family:verdana;	font-size:10px;	background:#000000 url(../rotate.php) fixed  top center no-repeat;    margin-top:10px; }*/

table		{	font-family:verdana;	font-size:10px;		}
table#main	{	width:750px;  	}
table#desc	{	width:700px; background-color:#FFFFFF; color:#006699; border:#006699 1px solid;	}
table#desc td {		padding:10px; }


h1		{	font-size:16px;	color:#000000;	font-weight:bold;	}
h2		{	font-size:14px;	color:#000000;	}

hr		{	width:100%;	color:#;	border:#CC0000 1px dotted;	margin:0px;	padding:0px;	}
li		{	list-style:outside disc; margin:-3px;	padding:0px; color:#666666;	}

img.img_paintings	{	height:100px;	width:auto; border: none;
						padding:1px; margin-left:8px; float:right;	}
img.img_banner		{ 	height:140px;	width:147px; border:#000000 1px solid;	padding:1px;	}
img.img_event		{	padding:1px; margin-bottom:-10px; margin-left:20px; margin-top:10px; }
img.img_eventlist	{	padding:1px; display:block; margin-bottom:10px; }
img.img_workdetails	{	padding:1px; margin-bottom:10px; margin-left:10px; float:right; 
						vertical-align:top; }
img.img_artistlist	{	padding:0px; margin:0px; float:right; 
						vertical-align:top; }
						
img.img_gallery		{	height:130px;	width:auto; border:#000000 0px solid;
						padding:1px;	}


#padding_5	{	padding:5px;	}
#padding_8	{	padding:8px;	}
#padding_10	{	padding:10px;	}
#padding_20	{	padding:20px;	}
#padding_wide	{	padding-bottom:8px;	padding-left:20px;	padding-right:20px;	padding-top:8px;	}

#justify_padding	{	padding:10px; text-align:justify;	}

/* Classes */

.bold			{	font-weight:bold;	}
.italic			{	font-style:italic;	}
.bold_italic	{	font-weight:bold;	font-style:italic;	}
.justify		{	text-align:justify;	}

.footer			{	text-align:center;	color:#000000;	padding:8px;	}
.white_font		{	color:#FFFFFF;	}
.transparent	{	background: transparent; background-color:#000000;	opacity: .8;	filter:alpha(opacity=30); /* IE's opacity*/ 	}

.sections		{	font-size:16px;	color:#000000;	font-weight:bold;	}
.subsections	{	font-size:14px;	color:#000000;	font-weight:bold;	}

.heading_title		{	font-size:12px;	color:#000000;	font-weight:bold;	}
.heading_subtitle	{	font-size:10px;	color:#000000;	font-weight:bold;	}


/* CSS Document */

input.login_fields		{	border:#AD8D3D 1px solid;	height:16px;	line-height:16px;	width:150px;	font-size:9px;	background-color:#FFFAEE;	padding-left:5px;	padding-right:5px;	}
input.login_button		{	border:#AD8D3D 1px solid;	height:22px;	font-size:9px;	background-color:#FFFAEE;	font-weight:bold;	}

table#main_banner	{	width:760px; border:#000000 1px solid;	padding:1px; background-color:#FFFFFF;	}

/* IDs */

#top_frame		{ background: url(../images/white40trans.png) repeat; line-height:40px;	color:#FFFFFF;	padding-left:10px; padding-right:10px;	}


/* LINKS */

a:link , a:visited		{	color:#000000; }
a:hover , a:active		{	color:#CC0000;	}

a.menu:link,a.menu:visited	{	color:#000000; font-weight:bold; text-decoration:none; line-height:40px; display:block; padding-left:20px;	padding-right:20px;	text-align:center;	white-space:nowrap;}															
a.menu:hover,a.menu:active	{	color:#FF9900;	}

a.artist:link,a.artist:visited	{	font-size:12px;	color:#666666; text-decoration:underline;
									line-height:12px; white-space:nowrap; 
									font-weight:bold;}															
a.artist:hover,a.artist:active	{	color:#000000;	}

a.more_news:link, a.more_news:visited	{	padding-bottom:3px;	margin-top:-8px;	border-bottom:#000000 1px dashed;	text-decoration:none;	display:block;	}
a.more_news:hover,	a.more_news:active	{	}

a.button:link, a.button:visited			{	display:block;	background:#FFFFFF
											url(../images/button_link.png) top repeat;
											border:#CCCCCC 1px solid; height:20px;
											line-height:20px; width:150px; text-align:center;
											text-decoration:none; font-weight:bold;
											white-space:nowrap;	}
a.button:hover,	a.button:active			{	background:#FFFFFF url(../images/button_hover.png)
											top repeat; text-decoration:none; font-weight:bold;	}
											
a.backartist:link, a.backartist:visited			{	display:block;	background:#FFFFFF
											url(../images/button_link.png) top repeat;
											border:#CCCCCC 1px solid; height:20px;
											line-height:20px; width:200px; text-align:center;
											text-decoration:none; font-weight:bold;
											white-space:nowrap;	}
a.backartist:hover,	a.backartist:active		{	background:#FFFFFF url(../images/button_hover.png)
											top repeat; text-decoration:none; font-weight:bold;	}
											
a.submenu:link, a.submenu:visited
{	display:block;	
	background:#FFFFFF url(../images/button_link.png) top repeat;
	border:#CCCCCC 1px solid;
	height:20px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	white-space:nowrap;
	display:block;
	padding-left:20px;
	padding-right:20px;	}
a.submenu:hover,	a.submenu:active			
{	background:#FFFFFF url(../images/button_hover.png)top repeat;
	text-decoration:none;
	font-weight:bold;	}
	


/***** Drop Down Menu ****/

.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
/*background: url(chromebg.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/
padding: 0px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0px;
border: 1px solid #EFEFEF; /*THEME CHANGE HERE*/
border-bottom-width: 0;
line-height:18px;
z-index:100;
background-color: white;
width:225px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #efefef; /*THEME CHANGE HERE*/
padding-left:5px;
padding-right:3px;
text-decoration: none;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}