/* color wheel        
66886C darker mint - quote 3
DA8F3A darker mustard - quote 4
BFAF2C light mustard  - quote 2
946EA8 violet - quote 1
FF7062 salmon - banner and border
6ACD97 mint - body background
*/

*{
  margin: 0;
  padding: 0;
}

body {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif ;
  background: #FF7062 ;
}


li {
  margin-left: 2em ;
}

p {
	margin-bottom:1em;
}

#header {
  float: left ;
  width: 100% ;
}

#banner {
  background: #FF7062 url(../graphics/scls_logo.gif) no-repeat top left;
  padding: 113px 25px 0 0 ;
  vertical-align: bottom ;
  position: relative;
}

#headline {
	margin-left: 0px;
	padding-top: 1.5em;
	position: absolute;
	bottom: 2em;
	width: 100%;
	height: 80px;
	left: 0px;
	top: 10px;
}

#headline p {
  font-style: italic ;
}

#content {
  background: #FFFFFF ;
  clear: both ;
  padding: 1em ;
  line-height: 1.3em ;
}

#sidebar1 {
  float: left ;
  width: 60% ;
  padding: 1em ;
}

.quote1 {
  background: #946EA8 ;
  margin: 0 0 1em 1em ;
  padding: 1em ;
  font-size:medium;  
  font-weight: strong;
}

.answer {
  background: #FFFFFF ;
  margin: 0 0 1em 1em ;
  padding: 1em ;
  font-size:medium;  
  font-weight: strong;
}

.quote2 {
  background: #BFAF2C ;
  margin: 0 0 1em 1em ;
  padding: 1em ;
  font-size:medium;  
  font-weight: strong;
}

.quote3 {
  background: #66886C ;
  margin: 0 0 1em 1em ;
  padding: 1em ;
  font-size:medium;  
  font-weight: strong;
}

.quote4 {
  background: #DA8F3A ;
  margin: 0 0 1em 1em ;
  padding: 1em ;
  font-size:medium;
  font-weight: strong;
}

#sidebar2 {
  float: right ;
  width: 30% ;
  padding: 1em ;
}

#credits {
  clear: both ;
  color: #000 ; 
  font-size: small ;
  line-height: 1.1em ;
  text-align: center ;
  padding-top: 1em ;
}

#content h1,  #content h2,  #content h3 {
  margin-bottom: 0.8em ;
  margin-top: 0.8em ;
}