/* color wheel        
AA4054 mauve - quote 3
FFC62F mustard - quote 4
F37B8A pink  - quote 2
739E4C green - quote 2
965E7A violet - quote 1
739E4C green - banner and border
D3FFA3 light green - body background
*/

*{
  margin: 0;
  padding: 0;
}

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


li {
  margin-left: 2em ;
}

p {
	margin-bottom:1em;
}

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

#banner {
  background: #FFC62F 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: 11px;
}

#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: #965E7A ;
  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: #739E4C ;
  margin: 0 0 1em 1em ;
  padding: 1em ;
  font-size:medium;  
  font-weight: strong;
}

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

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

.quote5 {
  background: #F37B8A ;
  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 ;
}