/* CSS Document :: Colorado Council Home Page */

#grad1 { border-left: 0; }

#main {
  padding: 0;
  margin: -8px 0 0 0;
  width: 554px;
  border: 0;
  background-color: transparent;
  }

#header {
  background-image:  url("../images/head-gradient.jpg");
  }

#nav {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #996633;
  margin: 0;
  }
#grad2 {
  background-color: transparent;
  }


/* Middle column stuff */

#midcol {
  float: left;
  background-image:  url("../images/mood1.jpg");
  background-repeat: no-repeat;
  width: 433px;
  padding: 225px 0 0 0;
  position: relative;
  }

#midcol h3 {
  font-size: 100%;
  font-weight: 800;
  color: #653300;
  padding: 2em 0 .1em .5em;
  margin: 0;
  border: 0;
  }
#midcol p {
  color: #333;
  font-size: 80%;
  margin: 0 0 .5em 0;
  padding: 0 1em 0 0;
  } 
img.handbook {
 float: left;
 margin: 0 10px 0 10px;
 }

/* Left column stuff */

#sidebar {
  float: left;
  width: 203px !important;
  font-size: 85%;
  }
div.promo1 {
  border-left: 1px solid #cc9966;
  margin: 0;
  padding: 7px 0 7px 0;
  min-height: 298px;
  height: auto !important;
  height: 303px;
  }
div.promo1 h2 {
  background-color:#dcc9a8;
  padding: .1em 0 .1em .5em;
  color: #653300;
  font-size: 160%;
  font-weight: bold;
  margin: 0;
  }   

#sidebar h3 {
  font-size: 120%;
  font-weight: 800;
  color: #653300;
  padding: .1em 0 .1em .5em;
  margin: 0;
  }

#sidebar ul {
  color: #663300;
  margin: 1em 0 0 2.5em;
  padding: 0;
  list-style-image: url("../images/arrow.gif");
  }
#sidebar li {
  margin: 0 0 1em 0;
  padding: 0 .5em 0 0;
  }



/* Right column stuff */

#rtcol {
  float: right;
  width: 117px;
  border-right: 1px solid #cc9966;
  position: relative;
  padding: 0;
  }
img.imgpromo {
  border: 0;
  padding: 0 0 7px 0;
  margin: 0;
  }
 
 
/* Bottom section stuff */  
  
#purple {
  clear: both;
  margin: 7px 0 0 0;
  width: 100%;
  border-top: 7px solid #574171;
  border-bottom: 7px solid #574171;
  } 
td {
  vertical-align: top;
  padding: 0;
  }
  
td.ltpurp {
  width: 433px;
  background-color: #b5acc1;
  border-right: 3px solid #574171;
  background-image: url("../images/bkd-wave1.gif");
  background-repeat: repeat-x;
  background-position: bottom left;
  padding-bottom: 3em;
  }
#purple td.ltpurp h3 {
  font-size: 160%;
  font-weight: 500;
  background-color: #c4bdcd;
  color: #663366;
  padding: .3em 0 .3em .5em;
  margin: 3px;
  } 
#purple td.ltpurp p {
  font-size: 100%;
  color: #663366;
  padding: .5em 1.5em 0 1.5em;
  margin: 0;
  }  
#purple td.ltpurp a:link {text-decoration: underline; color: #663366; font-weight: 900;}
#purple td.ltpurp a:visited {text-decoration: underline; color: #663366; font-weight: 900;}
#purple td.ltpurp a:hover {text-decoration: underline; color: #996699; font-weight: 900;}




 
      
td.midpurp {
  width: 113px;
  background-color: #837397;
  border-right: 3px solid #574171;
  background-image: url("../images/bkd-flower2.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
  } 
#purple td.midpurp h3 {
  font-size: 110%;
  font-weight: 500;
  background-color: #634e7b;
  color: #ccc;
  padding: .3em 0 .3em .5em;
  margin: 2px;
  } 
#purple td.midpurp p {
  font-size: 90%;
  color: #ccc;
  padding: 0 .4em 0 .7em;
  margin: 0;
  } 
#purple td.midpurp a:link {text-decoration: underline; color: #ccc; font-weight: 400;}
#purple td.midpurp a:visited {text-decoration: underline; color: #ccc; font-weight: 400;}
#purple td.midpurp a:hover {text-decoration: underline; color: #fff; font-weight: 400;}




td.darkpurp {
  width: 203px; 
  background-color: #574171;
  border-left: 1px solid #574171;
  border-right: 3px solid #574171;
  background-image: url("../images/bkd-flower1.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
  }  
#purple td.darkpurp h3 {
  font-size: 100%;
  font-weight: 500;
  background-color: #634e7b;
  color: #ccc;
  padding: .3em 0 .3em .5em;
  margin: 0;
  } 
#purple td.darkpurp p {
  font-size: 90%;
  color: #ccc;
  padding: 0;
  margin: .7em 1em 0 1em;
  }  
#purple td.darkpurp ul {
  font-size: 100%;
  color: #ccc;
  margin: 1em 0 2em 2.5em;
  padding: 0;
  }
#purple td.darkpurp li {
  margin: 0 0 .5em 6em;
  padding: 0;
  } 
#purple td.darkpurp a:link {text-decoration: underline; color: #ccc; font-weight: 400; font-size: 90%;}
#purple td.darkpurp a:visited {text-decoration: underline; color: #ccc; font-weight: 400; font-size: 90%;}
#purple td.darkpurp a:hover {text-decoration: underline; color: #fff; font-weight: 400; font-size: 90%;}



/* footer */

#footer { 
  background-color: #ccc; 
  border-bottom: 1px solid #663366;
  }