/* CSS Document 
Authored by:SJ
For:Capital City Community Center
Date:3/26/07*/


html, body, div, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {/*Sets up a series of default settings, and how other selectors can inherit them. This reduces the size of your CSS file and decreases any style maintenance*/
   margin: 0;
   padding: 0;
   border: 0;
}	
.imagepadright {
   margin-right: 10px;
}
.imagepadleft {
   margin-left: 10px;
}
body {

  text-align: center;
 background-color: #B0B3B3;
}
#wrapper {
    margin: 0 auto;
  text-align: left;
  width: 823px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  
}
#mast {
  background: url(../images/mast_stripe.gif);
  height: 129px;
}
#topnav {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .7em;
 text-align: right;
  padding: 10px 18px 0 0;
}
#topnav a,#topnav a:link,#topnav a:visited {
  color: #FFFFFF;
  text-decoration: none;
  padding: 0 4px;

}
#topnav a:hover {
  text-decoration: underline;
}
#logo {
  padding-left: 28px;
  float: left;
  width: 228px;
  margin-top: -10px;
}
#logo img {
  border: 0;
}
#search {
  float: right;
  width: 230px;
  margin-top: 62px;
  text-align: right;
  margin-right: 18px;
}
#search img.label {
  float: left;
}
.searchtext {
  height: 12px;
  width: 150px;
  vertical-align: top;
}
#contentwrapper {
  padding: 20px 0 0 0;

}
#left {
  float: left;
  width: 170px;

}
#left a,#left a:link,#left a:visited {
  color: #990000;
  text-decoration: none;
}
#left a:hover {
  text-decoration: underline;
}
#left ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .8em;
  font-weight: bold;
  padding-left: 35px;
  padding-right: 35px;
}
#left li {
  list-style-type: none;
  text-align: right;
  padding: 6px 0 6px 0;

}
#left li.blue {
  border-bottom: 2px solid #2B4F8B;
}
#left li.orange {
  border-bottom: 2px solid #FF6600;
}
#left li.yellow {
  border-bottom: 2px solid #FFCC00;
}
#left li.green {
  border-bottom: 2px solid #4A9816;
}
.quote {
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #003399;
  font-style: italic;
  font-size: .7em;
  line-height: 150%;
  text-align: right;
  margin-top: 60px;
margin-bottom: 30px;
  width: 100px;
 margin-left: 35px;
 padding: 15px 0 15px 0;
  border-top: 1px dashed #7C6BAD;
   border-bottom: none;
   display: block;
  
  
}
#middle {
  float: left;
  width: 505px;

}
#headers {
  background-image: url(../images/head_bkgd.gif);
  background-repeat: repeat-x;
  width: 455px;
  height: 32px;

}
#headers h1 {
  float: left;
  width: 200px;

}
#headers h2 {
 float: right;
 width: 245px;
 text-align: right;
 color: #18599A;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 padding-top: 8px;
 letter-spacing: .06em;

}
#contenttext {
  padding: 0 45px 5px 0;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: .8em;
  line-height: 167%;
}
#contenttext p {
  padding-bottom: 22px;
}
#contenttext a,#contenttext a:link,#contenttext a:visited {
  color: #990000;
}
#contenttext li {
  list-style-type: square;
  margin-left: 25px;
}

#contenttext ul {
  
  margin-bottom: 22px;
}
#contenttext .imageleft {
  float: left;
  margin-right: 15px;
}
#contenttext .imageright {
  float: right;
  margin-left: 15px;
}
#right {
  float: left;
  width: 140px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .75em;
  padding-top: 25px;
}
#right ul {
  padding-bottom: 35px;
}
#right li {
  list-style-type: none;
  background: url(../images/bullet_subnav.gif) no-repeat 0 27%;

  padding: 0 20px 7px 12px;
 
}
#right a,#right a:link,#right a:visited {
 color: #990000;
 text-decoration: none;
}
#right a:hover {
  text-decoration: underline;
  color: #003399;
}
#footer {
  background-color: #F3F3F3;
  border-top: 1px solid #B5B5B5;
  border-bottom: 1px solid #B5B5B5;
  color: #666666;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-size: .7em;
  font-family: Arial, Helvetica, sans-serif;
}
#footer a,#footer a:link,#footer a:visited {
  text-decoration: underline;
  color: #666666;
}
#copyright {
  font-size: .7em;
  padding: 10px 0 20px 20px;
  font-family: Arial, Helvetica, sans-serif;
}
/*homepage styles*/
#homecontentwrapper {
  padding: 15px 0 15px 0;

}
#homeleft {
  float: left;
  width: 140px;
}
#homeleft a,#homeleft a:link,#homeleft a:visited {
  color: #990000;
  text-decoration: none;
}
#homeleft a:hover {
  text-decoration: underline;
}
#homeleft ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .8em;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
}
#homeleft li {
  list-style-type: none;
  text-align: right;
  padding: 6px 0 6px 0;

}
#homeleft li.blue {
  border-bottom: 2px solid #2B4F8B;
}
#homeleft li.orange {
  border-bottom: 2px solid #FF6600;
}
#homeleft li.yellow {
  border-bottom: 2px solid #FFCC00;
}
#homeleft li.green {
  border-bottom: 2px solid #4A9816;
}
#homemiddle {
  float: left;
  width: 465px;
}
#homeright {
  float: left;
  width: 195px;
  font-family: "Trebuchet MS", Arial, Verdana;
  font-size: .75em;
  padding-top: 5px;
  line-height: 140%;
}
#homeright h1 {
  margin-bottom: 10px;
}
#homeright a,#homeright a:link,#homeright a:visited {
 color: #990000;
 text-decoration: none;
}
#homeright a:hover {
  text-decoration: underline;
  color: #003399;
}
#homeyellowstripe {
  background-image: url(../images/home_yellowstripe.gif);
  height: 21px;
  padding-left: 140px;
  padding-top: 6px;
}

.spotlight {
  margin-left: 108px;
  margin-right: 157px;
  
}
#homecontentwrapper2 {
  background-image: url(../images/home_bottom_bkgd.gif);
  background-repeat: repeat-y;
  font-family: "Trebuchet MS", Arial, Verdana;
  font-size: .7em;
  line-height: 130%;
  margin-left: 140px;
  padding-top: 22px;
  padding-bottom: 5px;
}
#homecontentwrapper2 a,#homecontentwrapper2 a:link,#homecontentwrapper2 a:visited {
  color: #CC0000;
  font-weight: bold;
  text-decoration: none;
}
#homecontentwrapper2 a:hover {
  text-decoration: underline;
}
#homeleft2 {
  float: left;
  width: 208px;
  padding-right: 13px;
  color: #333333;
}
#homeleft2 p {
  padding-bottom: 15px;
}
#homeleft2 .imageleft {
  float: left;
  margin-right: 15px;
}
#homeleft2 .imageright {
  float: right;
  margin-left: 15px;
}
#homemiddle2 {
  float: left;
  width: 220px;
  padding-left: 10px;
  color: #333333;
}
#homeright2 {
  float: left;
  width: 208px;
  padding-left: 15px;
  color: #494949;
}
#homeemail {
  width: 181px;
  height: 65px;
  background-image: url(../images/home_email_bkgd.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  padding: 45px 10px 0 10px;
  font-size: 1.1em;
  font-family: Arial, Helvetica, sans-serif;
}
#homeemail p {
  padding-bottom: 4px;
}
#homeemail input.text {
  border: 1px solid #483872;
  height: 14px;
  width: 110px;
  margin-right: 5px;
  vertical-align: bottom;
}
.header {
  color: #666666;
  font-size: 16px;
  font-weight: bold;
}
/*clears floats with no presentational markup*/
.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
   display: inline-table;
}
/*Hides from IE Mac \*/

.clearfix {
    display: block;
	height: 1%;
}
/*End Hack \*/