/*All of the CSS declarations for the website are in this file, except for those specific to the photos page
Those are located in photos.css (because there are so many for that page alone).*/


/*This section contains the declarations for paragraph and heading styles and for certain recurring elements.
You probably won't have to touch this section.*/

/*These settings apply to numerous pages.*/

#border {
position: absolute; 
margin: 0px 0px 0px 0px;
background-color: #993333;
width: 969px;
height: auto;
overflow: visible;
}

#border2 {
position: absolute; 
margin: 0px 0px 0px 0px;
background-color: #993333;
width: 769px;
height: auto;
overflow: visible;
}

p {
font-family: Times New Roman;
font-size: 0.8em;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}

h1 {
font-family: Trebuchet MS;
position: relative; 
margin: 0px 0px 0px 120px;
font-variant: small-caps;
font-size: 1.9em;
font-stretch: extra-expanded;
text-decoration: none;
margin-top: 10px;
margin-bottom: 5px;
font-weight: 400;
text-align: left;
color: #FAF8CC;
}

h1.index {
font-family: Trebuchet MS;
position: relative; 
margin: 0px 0px 0px 120px;
font-variant: small-caps;
font-size: 1.9em;
font-stretch: extra-expanded;
text-decoration: none;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 400;
text-align: left;
color: #FAF8CC;
}

h1.white {
font-family: Trebuchet MS;
position: relative; 
margin: 0px 0px 0px 120px;
font-variant: small-caps;
font-size: 1.9em;
font-stretch: extra-expanded;
text-decoration: none;
margin-top: 10px;
margin-bottom: 5px;
font-weight: 400;
text-align: left;
color: #ffffff;
}

h1.subhead {
font-family: Trebuchet MS;
position: relative; 
margin: 0px 0px 0px 120px;
font-variant: small-caps;
font-size: 1.3em;
text-decoration: none;
margin-bottom: 10px;
font-weight: 500;
text-align: left;
color: #FAF8CC;
z-index: 1;
}

h1.subheadwhite {
font-family: Trebuchet MS;
position: relative; 
margin: 0px 0px 0px 120px;
font-variant: small-caps;
font-size: 1.3em;
text-decoration: none;
margin-bottom: 10px;
font-weight: 500;
text-align: left;
color: #ffffff;
z-index: 1;
}

h2 {
font-family: Trebuchet MS;
font-size: 0.9em;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
font-weight: 600;
text-align: left;
color: #FAF8CC;
}

h3 {
font-family: Times New Roman;
font-size: 1em;
text-decoration: underline;
padding-top: 0px;
padding-bottom: 0px;
font-weight: bold;
}

h3.news {
font-family: Palatino, Bookman;
font-size: 1em;
text-decoration: underline;
padding-top: 0px;
padding-bottom: 0px;
font-weight: bold;
}

h3.title {
font-family: Times New Roman;
text-decoration: none;
font-size: 1em;
padding-top: 0px;
padding-bottom: 0px;
font-weight: bold;
text-align: center
}

h3.standards {
font-family: Georgia;
font-size: 1em;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
font-weight: bold;
text-align: center
}

h3.cartoon {
font-family: Trebuchet MS;
font-size: 1em;
text-decoration: none;
margin-top: 0px;
margin-bottom: 10px;
font-weight: bold;
text-align: center
}

h3.click {
margin-top: 0px;
margin-bottom: 0px;
text-indent: -20px;
font-family: Times;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
text-align: center
}

a.text {
text-decoration: none;
color: #993333;
}

a.text:hover {
text-decoration: none;
color: #993333;
}


a.album {
text-decoration: none;
color: #f1f1f1;
}


#background {
margin: 0px 0px 10px 0px;
background-color: #cccccc;
height: 100%;
}

#mainheader {
position: relative; 
margin: 0px 100px 0px 100px;
height: 150px;
border: none;
background-color: #ffffff;
}

#textcontact {
position: relative; 
margin: -130px 0px 0px 160px;
font-family: Trebuchet MS;
font-size: 0.9em;
font-weight: 600;
z-index: 1;
}

div.listing {
padding-left: 20px;  
}

p.listing {
margin-top: 0px;
margin-bottom: 0px;
text-indent: -20px;
font-family: Times;
font-size: 0.8em;
font-weight: bold;
}

div.listing2 {
padding-left: 20px;  
}

p.listing2 {
margin-top: 0px;
margin-bottom: 0px;
text-indent: -20px;
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.summary {
text-indent: 0px;
}

p.summary {
font-family: Georgia;
font-size: 0.9em;
font-weight: normal;
}

div.schedule {
padding-left: 20px;  
}

p.schedule {margin-top: 0px;
margin-bottom: 0px;
text-indent: -20px;
font-family: Times;
font-size: 0.9em;
font-weight: normal;
}

.excerpt_collapsed{	/* Styling question */
	/* Start layout CSS */
	color:#993333;
	font-size:0.9em;
	font-style: italic;
	background-color:#ffffff;
	width:100px;
	margin-bottom:0px;
	margin-top:2px;
	padding-left:2px;
	background-image:url('images/bg_answer.gif');
	background-repeat:no-repeat;
	background-position:top right;
	height:20px;

	/* End layout CSS */

	overflow:hidden;
	cursor:pointer;


}
.excerpt_expanded{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #993333;
	background-color:#eedddd;
	width:640px;

	/* End layout CSS */

	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.excerpt_expanded_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;
	position:relative;
}




/*This section contains the declarations for page styles. You will not need to touch this section unless you are adding a new type of page.*/


/*This is the page style for the Reviews, Interviews, Events, Speeches, Articles, Vita, and News pages.*/

#page {
margin: 0px 100px 100px 100px;
height: auto;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 30px;
border: 20px;
border-style: solid;
background-color: #ffffff;
}

#page_events_past {
margin: 20px 0px 0px 0px;
height: auto;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
border: 5px;
border-style: solid;
border-color:#333366;
background-color: #bdbdbd;
}

/*This is the page style for the improvingstandards, testimony, cartoons, and lee_letter pages.*/

#page2 {
position: relative; 
margin: 40px 100px 100px 100px;
height: auto;
padding:10px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 30px;
border: 20px;
border-style: solid;
border-color:#333366;
background-color: #ffffff;
}


/*This is the page style for the comments pages (comments, comments_all, comments_page1, etc.),
as well as the smaller pages (video, KPFA, thirteenspeech, nea_speech).*/

#page3 {
margin: 0px 100px 100px 100px;
height: 100%;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 30px;
background-color: #ffffff;
}


/*This is the page style for the Index page.*/

#page4 {
margin: 0px 100px 100px 100px;
height: auto;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-top: 20px;
border-right: 20px;
border-bottom: 0px;
border-left:20px;
border-style: solid;
border-color:#DDB791;
background-color: #DDB791;
}

/*These settings are specifically for the interviews page.*/

#headerinterviews {
position: relative;
text-align: left; 
margin: 0px 100px 0px 100px;
height: 160px;
background-color: #000000;
padding-top: 20px; 
padding-left: 20px; 
}


/*These settings are specifically for the events page.*/

#headerevents {
position: relative;
text-align: center; 
margin: 0px 100px 0px 100px;
height: 180px;
background-color: #333366;
}

/*These settings are specifically for the future directory pages.*/

#headerevents2 {
position: relative;
text-align: center; 
margin: 0px 100px 0px 100px;
height: 20px;
background-color: #333366;
}

/*These settings are specifically for the reviews page.*/

#headerreviews {
position: relative;
text-align: center; 
padding-top: 0px;
padding-bottom: 0px;
margin: 0px 100px 0px 100px;
height: 150px;
background-color: #ffffff;
}

/*These settings are specifically for the speeches page.*/

#headerspeeches {
position: relative;
text-align: left; 
margin: 0px 100px 0px 100px;
height: 160px;
background-color: #000000;
padding-top: 20px; 
padding-left: 20px; 
}


/*These settings are specifically for improvingstandards.html, testimony.html, and action.html.*/

#author {
text-indent: 0px;
font-family: Georgia;
font-size: 0.9em;
text-align: center;
text-weignt: normal;
}

.article {
text-indent: 20px;
margin-top:0px;
margin-bottom:5px;
}
p.article {
font-family: Georgia;
font-size: 0.9em;
font-weight: normal;
}

li.article {
text-indent: 0px;
padding-left: 10px;
padding-right: 0px; 
margin-top:0px;
margin-bottom:5px;
font-family: Georgia;
font-size: 0.9em;
font-weight: normal;
}

.action {
text-indent: 0px;
margin-top:0px;
}
p.action {
font-family: Georgia;
font-size: 0.9em;
font-weight: normal;
margin-bottom:15px;
}

/*These settings are specifically for comments and letters.*/

div.para {
padding-left: 40px; 
padding-right: 40px; 
}

p.para {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.commentlinks1 {
position: absolute; 
margin: 0px 100px 0px 75px;
padding-top: 0px;
padding-bottom: 0px;
}

p.commentlinks1 {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.commentlinks1a {
position: absolute; 
margin: 95px 0px 0px 75px;
padding-top: 0px;
padding-bottom: 0px;
}

p.commentlinks1a {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.commentlinks1b {
position: absolute; 
margin: 120px 0px 0px 75px;
padding-top: 0px;
padding-bottom: 0px;
}

p.commentlinks1b {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}


div.commentlinks2 {
position: absolute; 
margin: 0px 0px 0px 175px;
padding-top: 0px;
}

p.commentlinks2 {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.commentlinks3 {
position: absolute; 
margin: 0px 0px 0px 275px;
padding-top: 0px;
}

p.commentlinks3 {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.commentlinks4 {
position: absolute; 
margin: 0px 0px 0px 375px;
padding-top: 0px;
}

p.commentlinks4 {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.commentlinks5 {
position: absolute; 
margin: 0px 0px 0px 475px;
padding-top: 0px;
}

p.commentlinks5 {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}


#commentphoto {
position: relative; 
margin-top: 120px;
}

div.credit {
padding-left: 0px; 
padding-top: 0px;
}

p.credit {
font-family: Palatino, Bookman;
font-size: 0.8em;
font-weight: bold;
}

h3.letter {
font-family: Palatino, Bookman;
font-size: 1em;
text-decoration: underline;
padding-top: 0px;
padding-bottom: 0px;
font-weight: bold;
}

.letter {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 60px;
margin-right: 60px;
}

div.comment {
padding-left: 0px; 
text-indent: 20px;
} 

p.comment {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
margin-bottom: 3px;
}

div.comment2 {
padding-left: 0px; 
text-indent: 0px;
}

p.comment2 {
margin-bottom: 3px;
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.list1{
padding-left: 40px; 
text-indent: -15px;
}

p.list1 {
margin-bottom: 10px;
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.list2 {
padding-left: 60px;
text-indent: 0px;
}

p.list2 {
margin-bottom: 3px;
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.list3{
padding-left: 45px; 
text-indent: -20px;
}

p.list3 {
margin-bottom: 10px;
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.list4{
margin-top: 10px;
padding-left: 20px; 
text-indent: 0px;
}

p.list4 {
margin-bottom: 10px;
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.list5{
margin-top: 10px;
padding-left: 0px; 
text-indent: 0px;
}

p.list5 {
margin-bottom: 10px;
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}
div.indent {
padding-left: 40px; 
text-indent: 0px;
}

div.indent {
padding-left: 40px; 
text-indent: 0px;
}

p.indent {
margin-bottom: 10px;
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.salutation {
padding-left: 0px; 
text-indent: 0px;
margin-left: 0px;
margin-bottom: 15px;
margin-top:0px;
}

p.salutation {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.signature {
margin-left: 0px;
margin-top: 15px;
padding-left: 0px;
}

p.signature {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.closing {
margin-left: 0px;
margin-bottom: 10px;
padding-left: 0px;
}

p.closing {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.date {
margin-left: 0px;
margin-top: 40px;
margin-bottom: 15px;
padding-left: 0px;
}

p.date {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.note {
margin-left: 0px;
margin-top: 40px;
text-align: center;
font-style: italic;
margin-bottom: 20px;
padding-left: 0px;
}

p.note {
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
}

div.hr {
  height: 25px;
  background: #fff url(hr.jpg) no-repeat scroll center;
}

div.hr hr {
  display: none;
}



/*These settings are specifically for lee_letter.html.*/


li {
text-indent: 0px;
padding-left: 10px;
padding-right: 20px; 
margin-top:0px;
margin-bottom:5px;
font-family: Georgia;
font-size: 0.9em;
font-weight: normal;
}

p.headerfooter {
margin-top:0px;
margin-bottom:0px;
font-family: Georgia;
font-size: 0.9em;
font-weight: normal;
}

p.letter2 {
text-indent: 20px;
margin-top:0px;
margin-bottom:5px;
font-family: Georgia;
font-size: 0.9em;
font-weight: normal;
}

/*These settings are specifically for the news page. Note that the #newsheader declaration has two versions:
one for Internet Explorer and one for Firefox and Safari. They differ in height only. The declaration for 
Safari and Firefox begins with html>body.*/

#newsheader {
height: 340;
margin: 0px 100px 0px 100px;
padding-bottom: 20px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
border: none;
background-color: #FAF8CC;
}

html>body #newsheader {
height: 305;
margin: 0px 100px 0px 100px;
padding-bottom: 20px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
border: none;
background-color: #FAF8CC;
}

#headerbook {
position: absolute; 
margin: 0px 0px 0px 0px;
border: none;
background-color: #FAF8CC;
}

#headerlinks {
position: absolute; 
margin: -15px 0px 20px 280px;
border: none;
font-family: Times New Roman;
font-size: 1em;
font-weight: bold;
padding-top: 0px;
}

#headerpicture {
position: absolute; 
margin: 0px 0px 0px 527px;
border: none;
padding-top: 0px;
}

div.blurb {
padding-left: 0px;  
}

p.blurb {margin-top: 5px;
margin-bottom: 5px;
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
padding-top: 0px;
}

p2.blurb {margin-top: 5px;
margin-bottom: 5px;
text-indent: -18px;
font-family: Palatino, Bookman;
font-size: 0.9em;
font-weight: bold;
padding-top: 0px;
}



/*These settings are specifically for the vita page.*/

div.list {
text-indent: -20px;
padding-left: 40px;
padding-right: 40px; 
}

p.list {
margin-top:0px;
margin-bottom:0px;
font-family: Georgia;
font-size: 0.95em;
font-weight: normal;
}

p.vita {
margin-top:10px;
margin-bottom:10px;
text-indent: 0px;
padding-left: 0px;
padding-right: 20px; 
font-family: Georgia;
font-size: 0.95em;
font-weight: normal;
}

li.vita {
text-indent: -15px;
padding-left: 10px;
padding-right: 20px; 
margin-top:0px;
margin-bottom:5px;
font-family: Georgia;
font-size: 0.9em;
font-weight: normal;
}


/*These settings are specifically for the index page.*/

/* These are all specifications for the layout of the book info. There is a separate set of specifications for The Death and Life of the Great
American School System--see below. The two declarations that begin with "html>body" are for Firefox and Safari. */


div.book {
border-top: 0px;
border-right: 0px;
border-bottom: 15px;
border-left:0px;
border-style: solid;
border-color:#DDB791;
height: 140px;
}

html>body div.book {
border-top: 0px;
border-right: 0px;
border-bottom: 20px;
border-left:0px;
border-style: solid;
border-color:#DDB791;
height: 140px;
}


div.bookinfo {
position: relative;
margin: -145px 0px 0px 110px;
width: 619px;
height: 140px;
background-color: #FAF8CC;
}

html>body div.bookinfo {
position: relative;
margin: -140px 0px 0px 110px;
width: 619px;
height: 140px;
background-color: #FAF8CC;
}


p.bookinfo {
font-family: Palatino;
font-size: 14;
font-weight: bold;
padding-left: 20px;
padding-right: 0px;
padding-top: 25px;
}


/* These are all specifications for The Death and Life of the Great American School System--different from the rest because
Amazon, B&N, and Powell's are all listed, and this affects the layout of the text. */


div.booktextdeathandlife {
position: static; 
margin: 0px 0px 0px 20px;
font-family: Palatino;
font-size: 14;
font-weight: bold;
padding-top: 5px;
}

div.bookbuydeathandlife1 {
position: static; 
margin: 20px 0px 0px 20px;
font-family: Palatino;
font-size: 14;
font-weight: bold;
}

div.bookbuydeathandlife2 {
position: static; 
margin: -40px 0px 0px 230px;
font-family: Palatino;
font-size: 14;
font-weight: bold;
}