/* Design CSS Document Table of Contents:
	Design
		Headers
		Basic Content
			ids & classes
		Lists
			ids & classes
		Tables
		Links
			ids & classes
		Forms

==================================
	 Design
================================== */

html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:1.5em;
	color:black;
}
body {
	padding-top:1em;
	/*background-image:url(/image/h1-1px.gif); 
	background-repeat:repeat-x; 
	background-position:0px 4.9em;
	*background-position:0px 5.1em;
}
body#index {background-image:url(/image/header1px.gif);*/}

/* ========== Headers ========== */

#banner, h1, h2, h3, h4, h5, h6, caption, th, legend {
font-family:Georgia, "Times New Roman", Times, serif;
color:black;
}
h1, #headerone, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active/*, #headerone a:link, #headerone a:visited, #headerone a:hover, #headerone a:active*/ { 
color:white;
background-color:#564646;
}

h1, h2, h3, h4, h5, h6 {
line-height:normal;}
/* ========== Basic Content ========== */
/*
blockquote {display:list-item; list-style-image:url(/image/quoleft.gif);  list-style-position:inside;
background-image:url(/image/quoright.gif);background-repeat:no-repeat; background-position:100% 70%;  margin-left:2em; }
 #testimony blockquote {display:block; list-style-image:none; background-image:none;}*/


/* ===== ids & classes ===== */
#banner {
font-size:2.5em;
letter-spacing:1px;
line-height:.75em;
position:relative;
top:-.2em;
left: .2em
}
#banner small, /*h1 small*/ { font-size:.5em; }
#banner small {
font-family:Arial, Helvetica, sans-serif; 
letter-spacing:normal; 
text-transform:uppercase; 
font-size:.43em; 
 }
 
#content {margin-top:.6em;}

 
#bio h2 small, .bionav small {display:block; margin-top:.25em; }

#index #headerone, #index #headerone h1 {padding-bottom:0; padding-left:0;}
#index #headerone .detail {font-size:.9em; *font-size:.77em;}
#index #headerone .detail + h1,#index #headerone .detail + p, #index #headerone .detail + a {*font-size:1.3em;}

#index .sidenote {width:44%; margin:0 2px; clear:none; padding-bottom:1em; margin-bottom:.2em; }
#index .sidenote h2 {margin-top:.25em;}

.sidenote {
border:1px solid #999;

}

/* ========== Lists (additional styles in 'basic content') ========== */

/* ===== ids & classes ===== */
.bionav img {display:none;}
.bionav li{ border-left:1em solid #564646; padding:0 1em;  }


/* ========== Tables (additional styels in 'headers' & 'basic content') ========== */

/* ===== ids & classes for tour page ===== */

.selectedItem { background-color: #efefef; background-image:url(/image/arrowHorizontal.gif); background-repeat:no-repeat; border:1px solid #333;  }
#myTable { width: 93%; padding:0; margin:0; }
#myTable em { display:none;}
#myTable thead {  margin-bottom: 50px;  width:80%; background-color:#FFFFFF;}
#myTable tbody {   }
#myTable th { border-bottom: 1px solid #745f5e; margin:0; padding:0; padding-left: 15px; padding-top: 10px; cursor:pointer; }
#myTable td { border-bottom: 1px solid #efefef; margin:0;padding: 10px; padding-left:15px;cursor:pointer; }
#tourlist { float:left; width:50%;height:500px;overflow:auto; } 
h1 { margin:0; padding:0; background-color:transparent;}
#headerone { margin:10 0 20 0; padding: 15px 15px; background-image:url("/image/h1_bg.jpg");} 
#headerone h1 { padding: 0; }
img.left { float:left;margin-right: 1em; }
#headerone img { border: 1px solid #000000;}



.pquote {
			float: none;
			width: 60%;
			/*background: url(/image/quoleft.gif) top left no-repeat;*/
			padding: 1em;
			margin-bottom: 10px;
			margin: 0;
			margin-bottom: 1em;
			border-bottom: 1px solid #efefef;
		}
		
		.pquote p:first-letter {
		
		}



/* ========== Links ========== */
/*link, visited, hover, active 4 life*/
a:link { 
	color:#990000;
}
a:visited { 
	color:#660000;
}
a:hover {
	color:inherent; 
	background-color:#f5f2e7;/*f4f2e4*/
}
a:active{
	color:#564646;
	background-color:white;
}
a img, a img:link, a img:visited, a img:hover, a img:active {border:thin solid inherit;}
a img, a img:link {border-color:#990000;}
 a img:visited {border-color:#660000;} 
 a img:hover{border-color:#9F9B8B;} 
 a img:active{border-color:#564646;} 
img.left { float:left;margin-right: 1em; 
}

/* ===== ids & classes ===== */
#banner a:link, #banner a:visited, #banner a img, #banner a img:link, #banner a img:visited, #banner a img:hover, #banner a img:active, 
a.link_btn, .nav a:link, .nav a:visited, .nav a:hover, .nav a:active {text-decoration:none; border-style:none;}

#banner a {text-decoration:overline;}
#banner a:link, #banner a:visited { color:black; font-weight:normal;}
#banner a:hover, #banner a *:hover, #banner a:active { color:#564646; background-color:transparent; 
/*background-image:url(/image/artsInCrisis_hover.gif); width:210;  height:49;
}
#banner a img:hover, #banner a img:active {display:none;*/}

.nav {
height:1.25em; /*default font height:1.25em*/ 
padding-top:.25em; 
padding-bottom:.25em; /*matches other spacing*/
}
.nav li, #footer .nav  .help { border-left:1px solid #666; margin-right:.25em; padding-left:.25em;}
.nav li:first-child, .nav  .help {border-width:0; }
.nav a, a.link_btn {padding:0 .5em; }
.nav .index {display:none;}
#footer .nav a {padding:inherit .25em; font-weight:normal;  }
#footer .nav .index {display:inline;}
html .nav.bio .bio a, html .nav.help .help a, html .nav.index .index a,
html .nav.mentor .mentor a, html .nav.press .press a, html .nav.testimony .testimony a { /*current state*/
text-decoration:none;
border:.1em solid white; /*#660000;
background-color:#660000;
color:white;*/
 font-weight:bold; 
}
.homepods { margin-right:60px;}
a.link_btn, a.link_btn:link, a.link_btn:visited {  background-color:#663333; color:white; font-weight:bold; border:2px  groove #ccc;}
a.link_btn:hover {background-color:#990000; color:#f5f2e7; border-color:white;}
a.link_btn:active{background-color:#564646; border-style:ridge; }

/* ========== Forms (additional styles in 'basic content' & 'lists')==========  */
label, form legend {color:#564646;}
/*label, */form legend {font-weight:bold;}
label small {font-weight:normal;}
 .btn,  button,  input[type="button"],  input[type="reset"],  input[type="submit"]  {}
 
/* ========== Twitter Lists (additional styles in 'basic content' & 'lists')==========  */
.feed  {
width: 80%;
margin-left: 10%;

}
.feed li {
	border-bottom: 1px dotted #999;
	padding: 7px;
	list-style:none;}
.feed img {
	padding-bottom: 10px;
	}