body	{margin:  0;padding:  0;font-family:  Verdana, Arial, Helvetica, sans-serif;color:  #FFFFFF; /*brown family*/
	background-color:  #000;text-align:  center;} 
table {font-size:  90%; }
th { padding:5px; background-color:  #000}
table tr td {vertical-align:top;padding: 5px; font-weight:bold  }
	form {display:inline;}


/* to force ht to 100% of viewport ------------*/
html, body, #outerwrap{min-height:  100%;width:  100%;height:  100%;}
html>body, html>body #outerwrap {height:  auto; }		
#outerwrap	{ position:  absolute;top:  0;left:  0;} /* end force ht to 100% of viewport ------------*/
/*innerwrap contains all content except footer---*/
#innerwrap	{position:  relative;text-align:  left;width:  760px;margin:  0 auto 0 auto;border:  none;padding:  0;}
/*contetwrap contains all main content area---*/			
#contentwrap {width:  760px;margin:  0 auto 0 auto;}
/*maincontent DS made to have variable height with bkgd img---*/
#maincontent { position:  relative; overflow:auto;float:  right;width:  730px; background-image:url(images/angelBkgd.png);
	margin:  15px 0px 10px 0;padding:  0 5px 0 25px; border:  1px solid #666; }		

/*for staff pages with tables to allow adequate width--no columns on these pages */
body#staffonly #innerwrap{width:  auto;margin:  0 150px 10px 150px;}		
			
#header	{text-align: left;height:29px;border: 1px solid #666;margin: 0 0 15px 0;background-image:url(images/headerBkgd.png)}

#banner { width:760px; height:226px; background-image:url(images/banner.png);font-size: 95%;}
#banner2 { width:760px; height:200px; background-image:url(images/bannerShort.png);font-size: 95%;}
#banner ul	{margin:  0px 0 0px 0 !important;margin-top: 4px;padding: 180px 0 0 30px ; text-align:left; }
#banner	li	{display: inline;white-space:  nowrap;margin: 0;padding:  0 6px;text-transform: capitalize; font-weight:bold }
/*end new ul styles*/			
#banner li a:link {color:  #fff; font-weight:bold; }
#banner li a:visited {color:  #fff; }
#banner li a:hover{color:   #CBB85A; text-decoration:none; }	
/* basic contact info upper right----------------*/	
	
#address{position:  absolute;top:  0;right:  0;width:  230px;color:   #b6a85a;  /*greenish, same as nav background color*/}
#address p{margin-top:  7px;text-align:  right;font-size:  11px; /*70%*/}
.moveannounce{color:  #fff;font-weight:  bold;}	

.artists ul	{margin: 0 0 0 0 !important; text-align:center; font-size:75%;}
.artists li	{display: inline;white-space:  nowrap;margin: 0;padding:  0 0;text-transform: none;  color:#333;}
/*end new ul styles*/			
.artists li a:link {color:  #fff; font-weight:bold; }
.artists li a:visited {color:  #fff; }
.artists li a:hover{color:   #000; text-decoration:none; /*greenish neutral*/ }

.headerartists ul	{margin: 0 0 0 0 !important; text-align:left; font-size:75%;}
.headerartists li	{display: inline;white-space:  nowrap;margin: 0;padding:  0 0;text-transform: none;}
/*end new ul styles*/			
.headerartists li a:link {color: #ccc; font-weight:bold; }
.headerartists li a:visited {color: #ccc; }
.headerartists li a:hover{color: #000; text-decoration:none; /*greenish neutral*/ }

.composers { width: 620px; height:36px; background-image:url(images/blackbox700x26.png); }

/*hides address (redundant on contact page) */		
body#contact #address p {visibility:  hidden;}				
/* end contact info upper right--------------------------*/	

/* shows what page viewer is on */				
body#index li.index a:link, body#index li.index a:visited, body#contact li.contact a:link, body#contact li.contact a:visited, 
body#audio li.audio a:link, body#audio li.audio a:visited, body#video li.video a:link, body#video li.video a:visited, body#informed li.informed a:link, body#informed li.informed a:visited,
body#donors li.donors a:link, body#donors li.donors a:visited, body#concerts li.concerts a:link, body#concerts li.concerts a:visited,
body#musicians li.musicians a:link, body#musicians li.musicians a:visited
			{ background-color: none; color: #CBB85A; border-top: 0px dotted #CBB85A; border-bottom:0px solid #CBB85A;}	
	
#navigation a:hover	{background-color: none;color: #CBB85A;}
					
/* end side navigation */



/* right column--content ------------------------------------*/
#colright	{position:  relative; overflow:auto; width: 720px; background-image:url(images/angelBkgd.png);
	/*height:550px;*//*min-height:  270px;*/ /*height:	 auto !important;*/ /* for Internet Explorer, min-height workaround */margin: 0px 0px 0px 0;padding:  0 20px 20px 20px;}
#colright ul{ margin:  0 10px 0px 0 !important; padding: 0 0 5px 0; text-align:left; font-size:75%; line-height: 20px; }
#colright	li	{ color:  #A799B2; display:inline; white-space:  nowrap;margin: 0;padding:  0 0;text-transform: none; list-style-type:none;}
/*end new ul styles*/			
#colright li a:link {color:  #fff; font-weight:bold; }
#colright li a:visited {color:  #fff; }
#colright li a:hover{color:   #CBB85A; text-decoration:none; /*greenish neutral*/ }

#padding { padding:0 0px 0 0px}
#content {position:  relative; width: 760px; height:480px; background-image:url(images/angelBkgd.png); margin:  0px 0px 0px 0;padding:  0 0px 0px 0px;}
#homecontent {width: 760px; height:480px; }	
#videoholder {position:  relative;width: 760px;
  	height:  590px;margin:  0px 0px 0px 0;padding: 10px 0px 0 0; text-align:center;background-image:url(images/angelBkgd.png)}	
#bottomBox { float:left;padding:1px 0px 1px 0px;  width:760px; background-color:#A799B2; background-image:url(../images/purplescore.png) }
#bottomBox p {font-weight:bold; color:#000; text-align:center }
#bottomInfo { border-top: 1px solid #666; margin-top:20px}			
#bottomHeadline {float:left; padding: 0 0 0 0}
#bottomText {float:right; width:440px}
			
/*general styles--------------------------------------------*/
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:  30px; font-weight:  normal; text-transform:none; color:  #CBB85A; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #fff;}
h1 a{font-weight:normal}
body#events h1  {font-size:  105%;}		
/*for 2nd line if heading needs 2 lines (used in article titles)*/		
h1.plain	{border:  none;margin-top:  -0.5em;}
h2	{ font-family: Georgia, "Times New Roman", Times, serif; text-align:left; font-size:  17px; font-weight:  normal; text-transform:  capitalize; color:  #CBB85A; border-top-width: 0px; border-top-style: dotted; border-top-color: #CBB85A; padding-top:5px;}
h3	{ font-size:  75%; font-weight:  bold; text-transform:  uppercase; }
/* used in temp gallery page for photo captions */
h4	{ font-size:  70%; text-transform:  capitalize; }
p {font-size:  80%; }
p img {float:left; margin-right:10px; border:2px solid #666666;}
	
/*footer styles--------------------------------------*/			
#clearfooter{clear: both;height:25px;}			
/* to force footer to bottom -------------------------*/			
#footer	{ clear:left; padding-top:3px; padding-bottom:10px; font-size: 80%;/*letter-spacing:  .05em;*/line-height:1.5;color: #fff;text-align: center;}				
			
/*new ul styles------*/	
#footer ul	{margin:  2px 0 15px 0 !important;margin-top:  4px;padding:  0; }
			
#footer	li	{display:  inline;white-space:  nowrap;margin:  0;padding:  0 6px;text-transform:  capitalize;border-left: 0px solid #fff;border-right:  0px solid #fff;}
/*end new ul styles*/			
		
#footer li a:link, #footer li a:visited {color:  #fff; }
			
#footer li a:hover{color:   #b6a85a; /*greenish neutral*/ }	

.copyright {font-size:  90%; letter-spacing:  normal; margin-top:20px }
/* end footer styles----------------------------------------*/	
		
/*breadcrumbs styles*/		
.breadcrumbs
		{
	font-size:  75%;
	margin:  0 0 30px 0;
	font-weight:  bold;
		}		
		
body#staffonly .breadcrumbs
		{
	margin-top:  25px;
		}		

.breadcrumbs a:link, .breadcrumbs a:visited
		{
	font-weight:  normal;
	text-decoration:  none;
		}
		
.breadcrumbs a:hover
		{
	text-decoration:  underline;
		}				

/*end breadcrumbs styles*/

/*link to shop-about pg*/	
div#shop_link
		{
	width:  100%;	
	height:  80px;
	margin:  0;
	border:  1px solid  #dcd4d2; /*pale neutral from brown family*/
		}

div#shop_link p
		{
	margin-top:  20px;	
	margin-left:  75px;
	font-size:  95%;
	font-weight:  bold;
		}
		
.bold	{
	font-weight:  bold;
		}	

.medprint     /*used in forms*/
		{
	font-size: 80%;
	font-weight:  normal;
		}				
		
.fineprint
		{
	font-size: 70%;	
		}			
		
.bumpdown	/*use to give any element more top margin than usual*/
		{
	margin-top:  16px;
		}			
			
.alert		{
	color:	#aa1407;
	font-weight:  bold;
			}																		
			
a		{
	font-weight:  bold;
	text-decoration:  none;
		}

a:link, a:visited
		{
	color:  #FFFFFF;
		}
			
a:hover	{
	color:  #CBB85A;
	text-decoration:  none;
		}
		
/*used in staff only*/
ul.plain
		{
	list-style-type: none;	
	margin:  0;
	padding:  0 0 20px 0;
	line-height:  2;
	font-size:	95%;
		}	

/*definition list for links pages--links and descriptions ----------*/

dl.links 	{
	width:  100%;
	margin:  0;
	padding:  10px 0 10px 0;
	font-size:  80%;
			}
			
.links dt 	{
	font-weight:  bold;
	text-transform:  capitalize;
	float:  left;
	clear:  left;
	width:  45%;
	margin-bottom:  0.8em;
			}
			
.links dd 	{
	float:  left;
	text-align:  left;
	width:  50%;
	margin-left:  2%;
	margin-bottom:  0.8em;
			}			
			
* html .links dd 
			{
	float: none;
	margin-left: 25%;
			}
/* end dl styles ---------------------------------*/		

/* thumb for shop images link (about pg)------------*/
img#shop_thumb
		{
	float:  left;
	margin:  0;
	padding:  5px; 
	border:  none;
		}			

/* shop images pg styles-save overall styles if imgs removed!---------------------*/
ol.shop_images
		{
	float:  right;
	width:  495px;
	margin:  0;
	padding:  0; 
		}	
		
ol.shop_images li
		{	
	list-style-type:  none;
	margin:  0;
	padding:  0;
	clear:  both;
		}			

ol.shop_images h4
		{
	margin-top:  20px;	
	padding:  0 0 5px 0;
	border-bottom:  1px dotted #73524d;
		}	

li#reception h4, li#vault h4
		{
	text-align:  left;
		} 	

li#trial h4, li#shop h4
		{
	text-align:  right;
		}
		
ol.shop_images img
		{
	position:  relative;
	margin-bottom:  15px;
		}
	
#reception img , #vault img
		{
	top:  0;
	right:  0;
	float:  right;
		}
		
#trial img, #shop img
		{
	top:  0;
	left:  0;
	float:  left;
		}
/* end shop images styles------------------------------*/

/* new shop images pg styles------------------------------*/

li#reception_n h4, li#shop_n h4, li#owners_n h4
		{
	text-align:  left;
		}
		
li#main_n h4, li#library_n h4, li#trial_n h4
		{
	text-align:  right;
		} 			
		
#main_n img, #library_n img, #trial_n img
		{
	top:  0;
	right:  0;
	float: left;
		}
		
#reception_n img, #shop_n img, #owners_n img
		{
	top:  0;
	left:  0;
	float:  right;
		}
/* end new shop images styles------------------------------*/
		
/*images------------------------------------------*/
/*lg image index pg    */
div.fullwidth
		{
	width:  100%;
	position:  relative;
		}
		
.lg_img
		{
	padding:  8px;
	border:  1px solid #dcd4d2; /*pale neutral from brown family*/
	z-index:  1;
		}
		
#announce /*on top of img to announce move*/
		{
	position:  absolute;
	top:  30px;
	left:  9px;
	width:  470px;
	height:  150px;
	z-index:  10;
	background-color:  #515151;
		}
		
#announce p
		{
	margin-top:  12px;		
	margin-right:  12px;
	text-align:  right;		
	font-size:  90%;		
	line-height:  1.3;
	color:  #fff;
		}						
			
#header img	{
		border:  none;
			}

.sm_img	{
	float: 	right;
	margin:  0 0 6px 10px;
	padding:  6px;
	border:  1px solid #dcd4d2; /*pale neutral from brown family*/
		}			
		
#vieuxtemps		
		{
	margin: 0;
	border:  none;
		}			
		
body#informed img.lg
		{
	margin:  0;
	padding:  5px;
	border:  3px solid #dcd4d2; /*pale neutral from brown family*/
		}	
			
body#informed img.sm	
		{
	float: 	right;
	margin:  3px 0 3px 10px;
	padding:  5px;
	border:  3px solid #dcd4d2; /*pale neutral from brown family*/
		}						
		
/* end images------------------------------------------------*/		

/*for staff only display of data------------------------------*/
#wide_view
		{
	margin:  20px 0 10px 0;
	padding:  4px;
	border:  1px solid #dcd4d2; /*pale neutral from brown family*/
		}			

/*quasi-table-------------------------------------------------*/
ul.db_ulist
		{
	margin:  0;
	padding:  0;
	line-height:  1.5;
		}
		
li.db_ulistitem		
		{
	list-style-type:  none;
	font-size:  80%;
		}

/*record of emails-----------------------------------------------*/

dl.db_dlist	{
	width:  100%;
	margin:  0;
	padding:  10px 0 10px 0;
	font-size:  80%;
			}
			
.db_dlist dt
		{
	font-weight:  bold;
	float:  left;
	clear:  left;
	width:  35%;
	margin-bottom:  0.8em;		
		}
		
.db_dlist dd 	
		{
	float:  left;
	text-align:  left;
	width:  60%;
	margin-left:  2%;
	margin-bottom:  0.8em;
			}			
			
* html .db_dlist dd /*cross-browser fix*/
			{
	float: none;
	margin-left: 25%;
			}
			
/*table styles---------------------------*/

.db_table
		{
	border-collapse:  collapse;	
	font-size:  80%;
	width:  100%;
		}			
		
th		{
	background-color:  #dcd4d2;
	font-size:  95%;
	text-transform:  capitalize;
		}
		
td		{
	padding-top:  4px;
	padding-right:  4px;
		}			

/*announce move contact pg*/
#moveblurb	
		{
	position:  absolute;
	top:  50px;
	right:  20px;
	width:  220px; 
	margin:  0;
	padding:  0;  
	border:  3px solid #dcd4d2; /*pale neutral from brown family*/
		}
		
#moveblurb p
		{
	margin:  10px 5px 10px 10px;
	padding:  0;
	font-weight:  bold;
	font-size:  75%;
		}	

/*announce move index*/		
.msgbox 
		{
	display: none;  /*Start out hidden. */
    position: absolute;
    top: 20px !important;
    top: 10px;
    left: 35px;
    width: 20em;
    background-color: #c9Be84;
    border: 1px solid #897e44;
    z-index:  10;
    	}
    
.msgbox p 
		{
    margin: 0;
    padding: 15px 10px 15px 15px;
    line-height:  1.3;
    color: #5b542d;
    font-weight: bold;
    	}
    
.msgbox a#close 
		{
    float: right;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    background-color: #fff;
    border-left: 1px solid #897e44;
    border-bottom: 1px solid #897e44;
    padding: 0 4px;
    margin-left: 5px; 
    	}
    	
/*announcemt on home page*/	
#special_events  {   
	position:  absolute;
	top:  330px;
	left:  -210px;
	width:  190px;
	background-color:  #efe29d;
	border-top: 2px solid #897e44;
	border-bottom: 2px solid #897e44;
}		

#special_events p  {   
	text-align:  center;
	margin-left:  7px;
	margin-right:  5px;
	font-size:  70%;
	line-height:  1.4;
}