/* CSS Document */

/*************** Basic stuff *****************/
body {
	background-color:#ece8e8; /*formerly #c3c3af*  #e2d2d1*/
	font-size: 12px;
	margin-top: 0px;
	color: #ffffff;
	font-family:  garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
}	
 
p {
	margin-left:30px;
	margin-right:30px;
	padding: 0px;
	font-size:12px;
	text-align:justify;
	word-spacing:1px;
	line-height:13pt;
	position: relative;
}
img {
	border:  0px;
}

a:link {
	font-family: garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	text-decoration:none;
	color:#563c31; /*  was #663300 */;
}

a:visited {
	font-family: garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	color:#563c31; /*  was #663300 */;
	text-decoration:none;
}

a:hover {
	font-family: garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	text-decoration:underline;
}

.center{
text-align: center;
}

/**************  Headings  ********************/
h1 {
	font-family: garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	font-size: 18px;
}

H2 {
	font-family: garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	font-size: 16px;
	color:#563c31; /*  was #663300 */;

}

.brownheading {
	font-family:  garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	font-size: 18px;
	color: #563c31; /*  was #663300 */;
	font-weight: bold;
	font-style: normal;
	margin-left:  90px;
	margin-top:  2em;
	margin-bottom:  0em;
 }
.brownheadingp {
	font-size: 14px;
	color: #563c31; /*  was #663300 */;
	font-weight: bold;
	font-style: normal;
	margin-left:  90px;
	margin-top:  2em;
	margin-bottom:  0em;
 }
.brownheadingcenter {
	font-size: 18px;
	color: #563c31; /*  was #663300 */;
	text-align:  center;
	margin-top:  2em;
	margin-bottom:  2em;	
}
#linkheading{text-align: center;}

.whiteheading {
	font-family:  garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left:  90px;
	margin-top:  1.5em;
	margin-bottom:  1em;
 }
 .brownheadingevent {
	font-family:  garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	font-size: 14px;
	color: #563c31; /*  was #663300 */
	font-weight: bold;
	margin-left:  90px;
	margin-top:  1.5em;
	margin-bottom:  .7em;
 }

 .wrapper .mainbody .linksalignmargin .reviewlink a {color: #a97156; }

/************** Menu control *****************/
#navcontainer {

	}

#navcontainer ul
{	/*border-top:  3px   solid rgb(195,195,175);*/
	/*border-bottom:  3px  solid rgb(195,195,175);*/

border: none;
padding: 0.4em 0;
margin: 0;
list-style-type: none;
background-color: #a97156; /*  was #563c31 *//*  was #43220f */
width: 100%;
text-align: center;
font-family: garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
font-size:  10pt;
letter-spacing:  0.1em;
}

#navcontainer li { display: inline; 
}

#navcontainer li a
{
text-decoration: none;
background-color: transparent;
padding: .2em 1.5em;
color:#dfc7b8; /*  was  rgb(202,101,0) */
outline: none;

}

#navcontainer li a focus, a:active
{
outline: none;
}

#navcontainer li a:hover
{
background-color: transparent;
color: #563c31; /*  was  #f7b020 */
text-decoration: none;
outline: none;

}
#navcontainer #current {
color: #563c31; /*  was  #f7b020 */
outline: none;

}

/******************** Page layout ***************/

.wrapper {  /*  to wrap up the whole page and put orange background  */
	color: #563c31;/*was #33190f*/
	margin-right:auto;
	margin-left:auto;
	padding: 0px;
	width: 738px;
	/*  background-image: url(../images/background.jpg);NO LONGER USING*/
	background-color: #dfc7b8; /*#dfc7b8This is the new color as of June 2010 WAS #fffded */
}

.mainbody { /*  where the main text sit */
	margin:0px;
	padding: 0px;
	width: 738px;
	max-width:738px;
/*	height:700px; */

}

.mainbody p {
	margin-left:90px;
	margin-right:90px;
	padding: 0px;
	font-size:12px;
	text-align:justify;
	word-spacing:1px;
	line-height:1.5em;
}




.bio {   /*  for the bios of Yen and Bruce */    
      min-height: 132px; /* to fit the pictures in Opera  :( */      
      vertical-align: middle;
	text-align:justify;
	background-color: #c0977e; /* was #c3c3af  */
	color:  #f7b020;
	margin-left:  90px;
	margin-right:  90px;
	display:block;
}

.bio p{
	margin-left: 1.5em;
	margin-right: 1.5em;
	padding-top: 1.5em;
	padding-bottom: 1em;
	line-height:1.3em;
	color: #563c31;
	}

.bio img{
	padding:  0em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1em;
	float:  left;
}
.bio a {
	/*color: rgb(202,101,0);*/
	 }



.footer {   /* for the red-text at the bottom of page */
	font-family:  garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #563c31; 
	text-align:center;
	width:738px;
	padding-bottom:  2em;
	padding-top:  2em;
	clear:  both;
	line-height:1.3em;
}

.copyright {  /* for copyright notices */
	FONT-SIZE: 12px;
	MARGIN-TOP: 5px;
	COLOR: #563c31;
	FONT-FAMILY: garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	text-align:center;
	padding:  0.5em;
}


.copyright a:link {
	text-decoration:none;
	color:#000000;
}

.copyright a:visited {
	
	color:#ffffff;
	text-decoration:none;
	
}
.copyright a:hover {
	text-decoration:underline;
}

.navcontainer {  /* for page tabs ABOUT, CONTACT US, ETC. */
	font-family: garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
}

.header {
	margin: 0px;
	padding: 0px;
	height: 104px;
	width: 738px;
	
}


.nav {
    margin: 0px;
	padding: 0px;
	height: 34px;
	width: 738px;
}


TABLE.ad {
	clear: both;
	margin-left:  auto;
	margin-right:  auto;
	border-collapse: collapse;
	border: 0px outset blue;
	width: 75%;
}
TABLE.ad td {
	
	border:0px solid blue;
	text-align: center;
	width:  15%;
}


table.ad img {
	margin-bottom:  2em;	
}

table.ad p {
	text-align:  center;
	margin:  0em;
}

table.schedule {
margin-left:  90px;
color:  rgb(0, 54,112);
}

table.schedule td {
padding:  0em 4em 0em 0em;
}

.rotatingimage { 	
	clear:  left;
	float:  left;
	padding:  2em 5em 1em 5em;
	 border:  0px solid blue;

}

.info { 	
	clear:  right;
	padding:  0px;
	margin: 0px;
}
.info p {
	padding:  0px 0px, 0.5px, 0em;
}

.wrapper .mainbody .info a {color:#a97156;}


/*  Temporary codes for Inventory */

#add {
 /* for the red-text at the bottom of page */
	font-family:  garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #563c31; /* formerly #33190f */
	text-align:center;
	width:738px;
	padding-bottom:  2em;
	padding-top:  2em;
	clear:  both;
}


#address {  /* for copyright notices */
	FONT-SIZE: 12px;
	MARGIN-TOP: 5px;
	COLOR: #ffffff;
	FONT-FAMILY: garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	text-align:center;
	padding:  0.5em;
}


#address a:link {
	text-decoration:none;
	color:#ffffff;
}

#address a:visited {
	
	color:#ffffff;
	text-decoration:none;
	
}
#address a:hover {
	text-decoration:underline;
}



/* Three column setup for Inventory page * ORIGINAL SETUP/

/*
#left_column { position:  absolute;
		    left:  20%;
		    top:  180px;
		   width:22%; 
		   padding:.5em; 
		   background-color:none; }

#center_column { position:  absolute;
		    left:  42%;
		    top:  180px;
		    width:22%px; 
			float:  top;
		     padding:.5em; 
		     background-color:none; }



#right_column { position:  absolute;
		    left:  64%;
		    top:  180px;
		    width:20%px; 
		    padding:.5em; 
		    background-color:none; } 

BELOW I'm Trying new styling for the columns*/

#left_column {
	position:  absolute;
	left:  22%;
	top:  180px;
	width:22%;
	padding:.5em;
	background-color:none;
}

#center_column { position:  absolute;
		    left:  42%;
		    top:  180px;
		    width:22%; 
			float:  top;
		     padding:.5em; 
		     background-color:none; }



#right_column { position:  absolute;
		    left:  64%;
		    top:  180px;
		    width:20%px; 
		    padding:.5em; 
		    background-color:none; }  

#inventorytable {line-height:1.5em;max-width:550px;}



/*   Junk */

#content {
    width:738px;
	height:700px;
	
}
#content #left {
	float:left;
	margin-left:30px;
	width:400px;
	height:600px; 
	padding: 0px;
	margin-top:20px;
	text-align: justify;
	word-spacing:1%;
	line-height:12pt;
	letter-spacing: 1%;
	font-style: normal;
}
#content #right {
	float:left;
	margin-left:20px;
	width:255px;
	padding:0px;
	height:600px;
	margin-top:20px;
	

}
#content #top {
	margin-left:10px;
	width:700px; 
	margin-top:10px; 
	float:left;
	height:700px;
	margin-bottom:20px;

	
	
	
}
#content #bottom {
	margin-left:20px;
	width:650px;
	height:290px;
	margin-top:20px;
	float:left;
	margin-bottom:30px;
	

}
#content #links {
	margin-left:20px;
	width:655px;
	margin-top:10px;
	float:left;
	height:270px;
	text-align:center;
	margin-bottom:30px;

}
 #intro {
	width:738px;
	text-align:center;
	color:#563c31; /*  was #663300 */;
	font-size:16px;
	line-height: 50px;
	
}
#content #add {
	color:#563c31; /*  was #663300 */;
	width:738px;
	float:left;
	font-family: garamond unicode, adobe garamond, garamond, sans;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #563c31;
	text-align:center;
}


#base {
	font-family:  garamond unicode, adobe garamond, garamond, bookman old style, Book Antiqua, sans;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #563c31;
	text-align:center;
	width:738px;
	float:left;
	margin-top:1em;
	margin-bottom: 1em;
	/*background-image: url(../images/background.jpg);NO LONGER USING IMAGE*/
}


.wrapper .mainbody  #showpics {
	position: relative;
	margin-left: 80px;
	font-style: italic;
	color: #563c31;
}

#welcome {
	color: #563c31;
}
	
	#welcome a {
	color: #a97156;}/*formerly rgb(202,101,0)*/


#spacer {margin-top:1em;}
.artcaption {padding-top: 0px;color:#563c31;font-size:.75em; line-height:1.5em;}
.artcaption p {
	margin: 3px;
	line-height:1em;
	text-align:left;
	color:#563c31;
	padding: none;
}
	
#arttitle {font-size:1.2em; font-style:italic; color:#563c31;}
#openingwelcome {}

.orangecolorlink {color: #a97156;}/*formerly rgb(202,101,0)*/
#directionslink {color: #a97156;line-height:2em;}/*formerly rgb(202,101,0)*/
.directions a {color: #a97156;}
#current event {width:558px;}
#currentevent p {
	margin-top:0px;
	background-color:#c0977e; /*formerly#c3c3af*/;
	padding: 30px 30px 30px 205px;
}
.nomargintop {
	margin:0px;
	padding: 0px;
	border:none;
	width:558px;
}

.nomargintop img{
	margin:0px;
	padding: 0px;
	border:none;
}
.linksalignmargin {
margin-top:3em; margin-left:90px;}
#linksheader {color:#563c31;}
#aboutopener {margin-top:2em;}
#inventoryfooter {margin-top:0px;}
#inventorytable {margin-top:0px;margin-bottom:0px;vertical-align:text-top;}
#leftcol {color:#006633;}

.wrapper .mainbody .linksalignmargin p {
	color: #33190F;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#artistofmonthtext{
	padding-top: 5px;
	color:#563c31;
	line-height:1.5em;
}
#artistofmonth {background-color:#c0977e;/*formerly#c3c3af*/
}
#artistofmonthtitle {color:#dfc7b8;background-color:#563c31;border:none;font-size:1.5em;}/*formerly#f7b020*//*formerly#43220f*/
#artistname {color:#ffffff;}