/*Cascading Style Sheet for CeliaofSantaBarbara.com Home index page*/

       	
body{
   margin: 0;
   padding: 0;
   color: #000; background-color: #fff;
/*  font-family: arial, helvetica, verdana, sans-serif; font-size: .8em;*/
    font-family: Trebuchet MS; verdana, sans-serif; font-size:.85em;
}
a { 
    color: #000; 
}
a:hover{color: #309;}
a.plain{ /*undecorated in same color as content text*/
     text-decoration: none;
}
.blue{color: #309}
a.content:link { 
	font-weight: bold;
	text-decoration: none; color: #369; 
}
a.content:visited{color: #009; text-decoration: none; font-weight: normal}
a.content:hover{text-decoration: underline; color: #099;
}
a.content:active{color: #009;
}
a.hidden, a.hidden:link, a.hidden:visited {
 text-decoration: none; display: block; width: 100%;
 color: #D6ECCC; 
}
a.hidden:hover{  color: green; background-color: #D6ECCC;}
a.hidden:active{color: #009
}
.black{color: #000;}
.large{font-size: large;
}
.xlarge{
      font-size: x-large;
}
.xsmall{
   font-size: x-small; font-weight: normal;
}
.small {
   font-size: small; font-weight: normal;
}
.smaller{ font-size: .66em; font-weight: normal;
}
.medium{
font-size: medium; font-weight: normal;
}
.bold{ font-weight: bold;}

.center {text-align: center;}

.alignrt{text-align: right;}

.first{
    color: #309;
    font-weight: 600;
}
.smcap {
     font-variant: small-caps
}
.space{line-height: 1.75;}
.flrt{ float: right}
#header{
   height: 175px; width: 100%; 
   color: #fff;
   background-color: #6699cc;
    font-family: Georgia, "Times New Roman", Times, Serif;
}
#header img{
  float: right; 
  padding: 1px 6% 0 0;
}


#busname h1{
   position: absolute; width: 900px;
   top: 0px; left: 30px;
   font-family: Georgia, "Times New Roman", Times, Serif;
   font-size: x-large;
   font-style: italic; 
}
#busdescrip_1 h2{
   position: absolute; width: 900px;
    top: 43px; left: 25px;
    font-family: Georgia, "Times New Roman",Times, Serif;
    font-style: italic;
   font-size: large; font-weight: normal;
}
#busdescrip_2 h3{
    color: #333399;
    position: absolute; width:900px;
    top: 82px; left: 84px;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-style: normal; font-size: medium; 
}
#busphone {
    position: absolute; width: 900px;
    top: 127px; left: 78px; z-index: 2;
    font-size: x-large; font-weight: bold;
}


#bodycontent {
              margin-left: 195px; 
	padding: 5px 4% 5px 0px;       
               min-width: 350px;
	 font-family: Trebuchet MS; verdana, sans-serif;
}

.massagepic {
    float: right; width: 125px; height: 125px; 
   position: relative; top: -1em; left: 10px;
}

#slogan {
     color: #369; text-align: center;
     font-family: Georgia, serif; 
     font-size: 135%; font-weight: 600;
     font-style: italic; 
     padding-bottom: 1.5em;
}

#navigation{padding: 20px 2px 19px 7px; }
     
#leftsidebar{
    float: left;
    width: 175px; 
    padding: 0px 0px 18% 5px;
    background-color: rgb(211, 230, 204);
    background-image: url(Images/forest-left.jpg); 
     text-align: center; overflow: hidden; clear: left;
}
table.nav {
 width: 152px; 
 border: 0;
}
td.nav-button {
  text-align: center;  height: 25px; width: 151px;
  padding: 0;  
  border: 0;
  background-image: url(Images/nursery-button.jpg);
  background-position: center center; 
  background-repeat: no-repeat; 
  font-weight: bold; overflow: hidden;
  font-size: 14px; 
 color: #369;
 } 
a.btn-txt, a.btn-txt:link, a.btn-txt:visited {
  display:block; width:100%; 
  text-decoration: none;
  color: #369; background-image: url(nursery-button);
   font: bold 12px Arial,Verdana,  sans-serif;
  vertical-align: top;
 } 
a.btn-txt:hover{ color: #fff;}
a.btn-txt:active{color: #009;
}
span.active{color: #009; 
}
img.leftside-wtrfall{
position: relative; right: 3px; padding-bottom: 50px;
}
#credentials {
	position: relative; top: 20px; padding-bottom: 100px;
} 
#specialoffer {
    background-color: #FFFFCC; color: #330099;
     padding: 20px; 
    text-align: center;
    font-family: Georgia, "Times New Roman", serif;
}
#tanfeature{
   color: #309; font-size: small;  font-weight: bold; 
   font-family: Georgia, "Times New Roman", serif; 
   word-spacing: .2em; padding: 3em 0;
}
#tanfeature h3{
 font-weight: 700; font-size: small; padding-left: 135px;
}
#tanfeature p{
    padding-left: 35px; height: 1%; 
}
#tanfeature img{
     float: left; margin: 10px 20px 0px 10px; border: none;
}
#tanfeature a{ text-decoration: none; color: #309;}
table.rates {position: relative; left: 40px;}
table.rates th{text-align: left;}
table.rates  td {padding: 0 30px;
}

#callforappt{
     height: 1%; /*The height property here is a "Holly" hack to prevent disappearing elements in IE6*/
      font: bold x-large Georgia, "Times New Roman", times, serif; color: #309;
}
#footer{
  clear: left; 
   background-color: #f0f8ff;
  text-align: center; padding: 15px;}

#footernav{ text-align: center; color: #369; font-weight: bold;
}
/*footer navigation styles*/
a.navftr, a.navftr:link, a.navftr:visited{
   font: bold medium Arial, Verdana, sans-serif ;
   color: #369; background-color: #f0f8ff;
   text-decoration: none;
}
a.navftr:hover{
   color: #fff; background-color: #369;
/*    text-decoration: underline;*/
}
a.navftr:active{
   color: #309; background-color:  #fff;
   /*background-color: rgb(214, 236, 204)*/

}
/*end of footer navigation styles*/
/*top navigation styles*/
#topnav{
text-align: center; color: #369; font-weight: bold; margin-top:5px;
 padding: 5px 1%;
}
a.topnav, a.topnav:link, a.topnav:visited{
   font: bold medium Arial, Verdana, sans-serif ;
   color: #369; 
   text-decoration: none; 
}
a.topnav:hover{  color: #fff; background-color: #369;}
a.topnav:active{ color: #309; background-color:  #f0f8ff;
}
/*End of top navigation styles*/