/* CSS Document */
/* maybe make width of container 990 and widen all divs */
/* maybe add body bgcolor */
/* change top nav links from h1 to p, use title caps */
/* change link formatting */
/* change h4 formatting */

/* maybe make non-template pages to emphasize pics */
/* add action items at bottom of each page */
/* expand about page */
/* add all poems from Rescue the Word with its own page */
/* add links to each poem from Wild Poppies */
/* add more MJB pics; take photo of Womens Bldg */
/* put pic by MW on wikicommons */

* {
margin:0;
padding:0;
}

body {
background-color: #FFF;    /* white */
font: normal 100% sans-serif;
text-align:center; 
}

#container {
margin: 0 auto;
width: 770px;
text-align: left;
background-color:#efecca; /* creme color */
}

#header {
width: 770px; 
height: 80px;  /* was 125px */
background-color:#065274; /* was #148ac1 medium blue, save the date blue*/
color:#FFFFFF;
border:0;
margin:0;
}

#header img {
padding:15px 0px 0px 13px;  /*top right bottom left*/
border: 0;
margin:0;
}

#header h1 {
float: left;
padding: 12px 2px 12px 24px;   /*top right bottom left*/
font-size: 1.0em;
line-height: 1em;
color: #FFFFFF;
font-size:2.0em;
}

#header p {
float: left;
padding: 40px 2px 6px 24px;   /*top right bottom left*/
font-size: 1.0em;
line-height: 1em;
color: #CCCCCC; /* gray*/
}

#header ul {
padding:10px 10px 12px 10px;  /*top right bottom left*/
text-align: left;
list-style: none;
margin:20px 0 0 0;  /*top right bottom left*/
height:25px;
background-color: #993399  /* purple */
}

#header ul li {
display: inline;
margin: 0 13px 0 15px;   /*top right bottom left*/
}

#header ul li a:link, #header li a:visited {   /* unvisited link */
text-transform: uppercase;
font-size: 1em;
line-height: 1em;
text-decoration: none;
color: #e1c05c;   /* lighter gold; cc9900 original gold */
font-weight:bold;
margin:0;
padding:0;
}

#header ul li a:hover {     /* mouse over link */
color:#ffffff;
}

#header ul li a:active {   /* selected or "active" link */
background-color: #cc9900;   /* original, darker gold color */
color: ##8e0308;      /* red */
} 

#main_heading {
border:0;
margin:0;
padding:10px 0 10px 24px;  /* top right bottom left */
background-color:#cc9900;  /* gold */    /* #e1c05c lighter gold; cc9900 original gold */
height:20px;
}

#main_heading h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
color:#FFFFFF;
}

#content_container {
float:left;
width:770px;
}

#main_content {
float:left;
width: 522px;
padding:1em 24px 1em 24px;  /* top right bottom left */
margin:0;
line-height: 1.3em;
/* background-color:#efecca; light creme color*/
/* border-right:dashed #743f00 thin; */
}

#main_content p {
font-size: 1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height:1.3em;
padding:7px 0 4px 0;  /* top right bottom left */
}

#main_content h1 {
font-size: 1.2em;
font-family: "Lucida Grande", Verdana, sans-serif;
color: #8e0308;  /* red */
padding:10px 0 0 0;  /* top right bottom left */
}

#main_content h2 {
font-size: 1.2em;
font-family: "Lucida Grande", Verdana, sans-serif;
color: #8e0308;   /* red */
padding:10px 0 0 0;  /* top right bottom left */
font-weight:bold;
}

#main_content h3 {
font-size: 1.2em;
font-family: "Lucida Grande", Verdana, sans-serif;
color: #8e0308;    /* red */
padding:10px 0 0 0;  /* top right bottom left */
font-style:italic;
font-weight:bold;
}

.floatedImageRight {
	float: right;
	margin-bottom: 3px;
	margin-left: 5px;
	border: 1px solid #111111;
}

.floatedImageLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
	border: 1px solid 111111;
}

#secondary_content {
float: right;
width: 184px;
padding:1em 0 1em 0;  /* top right bottom left */
margin:0;
line-height:1.3em;
/* background-color: #efecca; light creme color, same as main content*/
}

#secondary_content p {
font-size: 1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #333333;
padding:7px 12px 4px 0;  /* top right bottom left */
}

#secondary_content h1 {
font-size: 1.2em;
font-family: "Lucida Grande", Verdana, sans-serif;
color: #8e0308;  /* red */
padding:10px 0 0 0;  /* top right bottom left */
}

#secondary_content h2 {
font-size: 1.2em;
font-family: "Lucida Grande", Verdana, sans-serif;
color: #8e0308;  /* red */
padding:10px 0 0 0;  /* top right bottom left */
}

#secondary_content h3 {
font-size: 1.2em;
font-family: "Lucida Grande", Verdana, sans-serif;
font-style:italic;
color: #8e0308;  /* red */
padding:10px 0 0 0;  /* top right bottom left */
}

.audio embed {
  border: 1px;
	margin: 0;
	padding: 0;
	width: 320px;
	height: 30px;
}

#footer {
clear: right;
width: 770px; 
background-color: #065274; /*lighter medium blue*/
 /*height: 44px;*/
text-align:center;
border:0;
margin:0;
padding:10px 0 10px 0;  /* top right bottom left */
}

#footer p {
color: #EFECCA; /*light creme color for font*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
line-height:1.3em;
}

#footer a:link, #footer a:visited {
color:#FFFF99;
}