/*** This is the styling for Main Page Content and  Planting Guides ***/

#content {
background: #FFFFFF;
color:#000000;
margin:0 auto;
padding: 5px;
width:100%;
}

/*** Styles Links on Low Water List & Special Situations Lists ***/

#list a{
color: #4682B4;
font-family: Arial, Helvetica;
font-size: 1.0em;
font-weight: bold;
}

#list a:hover{
color: #4682b4;
font-family: arial;
font-size: 1.0em;
font-weight: bold;
border-bottom: 1px solid #000;}



/*** This styles Hours of Operation on EZpages 

 .centerColumn a {
color: #943948;
font-weight: bold;
}

.centerColumn a:hover {
color: #943948;
font-weight: bold;
border-bottom: 1px solid;
}

***/





/*** This styles the special situations box ***/

#roundbox {
background: #EEF1E1 url(images/bottombox.jpg) no-repeat 0 100%;
width: 203px;
padding-bottom: 10px;
float: right;
}

#roundbox p {
padding: 0 20px;
font-size: .8em;
}

#roundbox h2 {
font-size: 1.3em;
color: #8f9f7f;
margin: 0;
padding: 10px 20px 0 20px;
background: url(images/topbox.jpg) no-repeat 100% 0;
}

#roundbox p.moreinfo {
text-align: right;
}

#roundbox a {
text-decoration: none;
color: #7F7F9F;
}


.imgfloatleft {
float: left;
padding-top: 10px;
padding-right: 10px;
padding-left: 5px;
}






/*** Styling for tip boxes on planting guide page ***/

#tip1 {
background: #FFFFFF;
width: 150px;
height: 40px;
font-family: Verdana, sans-serif, Helvetica;
font-size: 1em;
text-align: center;
padding: .3em .4em;
color: #BC8000;
border: 1px solid #000000;
margin-left: 8em;
margin-bottom:2em;
margin-top:1em;
}

#tip2 {
background: #FFFFFF;
width: 150px;
height: 40px;
font-family: Verdana, sans-serif, Helvetica;
font-size: 1em;
text-align: center;
padding: .3em .4em;
color: #BC8000;
border: 1px solid #000000;
margin-left: 8em;
}



/*** This styles the heading at top of EZ pages ***/



#heading {
text-align: left;
font-size: 1.1em;
color: #D3D3C5;
background:#9F907F;
margin-bottom: 20px;
padding: 5px;
}

#headingCitrus {
text-align: center;
font-size: 1.25em;
color: #fff;
background: #FFA820;
background-image: url(/images/citrus_thmb1.jpg);
background-repeat: no-repeat;
padding: 6px;
float: left;
width: 90%;
}



#headingOrchard {
text-align: center;
font-size: 1.50em;
font-family: Comic Sans MS, Fantasy, Arial;
color: #fff;
background: #8dc54c;
background-image: url(/includes/templates/utf/images/custom/apple1.jpg);
background-repeat: no-repeat;
padding: 2px;
float: left;
width: 90%;
}

.orchardFloat {
float: right;
width: 200px;
margin-left: 5px;
margin-bottom: 20px;
}

#pageNav {
text-align: right;
font-family: Comic Sans MS;
font-size: 1.5em;
}

#pageNav a:hover {
border-bottom: 1px solid;
}



/*** Styling for h1, h2 ***/



h1 {
	font-size: 1.4em;
	color: #7D7D57;
	padding-left:30px;
	background: url(../images/h1bg.gif) 10px 2px no-repeat;
	}

/***
h1 {
text-align: center;
font-size: 1.75em;
color: #A08090;
background:#FAFADE;
display:none;
}
***/


h2 {
margin-top: 5px;
font-size: 1em;
font-family: Verdana, sans-serif, Helvetica;
color: #6B2121;
text-align: center;
background: #FFFFFF;
}


/*** Styling for paragraph text ***/

p {
font-family: Arial, Verdana, Helvetica;
font-size: .9em;
}


/*** Floats the image and allows text to wrap on guide pages, etc ***/

.plantguide {
float: right;
width: 243px;
margin-left: 5px;
margin-bottom: 20px;
}

.plantguide1 {
width: 243px;
margin-left: 5px;
margin-bottom: 10px;
margin-top:20px;
}

/*** Styles content footer on guide pages, etc. ***/

#address {
margin-top: 10px;
background: #EEF1E1;
padding: 5px;
font-family: Arial, Verdana, Helvetica;
font-size: .9em;
color:#BC8000;
}

#address .disclaimer {
float: right;
width: 315px;
background-color: #FAFADE;
padding: 5px;
font-family: Verdana, sans-serif, Helvetica;
font-size: .9em;
color:#A08090;
}



/*** Styles text and disclaimer on Specific Recommendations page ***/

#specific {
margin-top: 0px;
background: #fff;
padding: 5px;
font-family: Helvetica, Arial;
font-size: 1.2em;
color:#000;
width: 97%;
}

#specific p {
font-family: Helvetica, Arial;
font-size: 1.2em;
color: #000;
}

#specific a {
font-family: Helvetica, Arial;
font-size: 1.3em;
color: #4682B4;
line-height: 1.7em;
}

#specific a:hover {
font-family: Helvetica, Arial;
font-size: 1.3em;
color: #4682B4;
line-height: 1.7em;
text-decoration: underline;
}

.specific {
background: url(/includes/templates/utf/images/custom/blossom.jpg) no-repeat;
background-position: 80% 50%;
margin: 0 auto;
padding: 10px;
border: 1px dotted #ecc5be;
}




/*** Styles the list and adds an image for bullet ***/

#ezPageDefault ul li {
padding-top: 20px;
padding-right:20px;
font-family: Arial, Vedana, Helvetica;
font-size: .9em;
margin-left: 40px;
}

.ul2 {
padding-top: 5px;
}







/*** Delivery Table CSS ***/
#notes {
margin: auto;
border: 1px solid #C9C7C7;
background: #F4E4C6;
color: #564E40;
margin-bottom:1em;
padding: 5px;
font-family: sans-serif, Helvetica, Verdana;
font-size: .9em;
}

.datatable {
   margin: auto;
   margin-top: -.2em;
   border: 1px solid #D6DDE6;
   border-collapse: collapse;
   width: 100%;
   }
   
   .datatable td {
     font-family: Arial, Verdana, Helvetica;
     font-size: 1.0em;
   	 /*text-align:center;*/
     padding: 0.3em;
     }
     
 .datatable th {
    border: 1px solid #C9C7C7;
    background-color: #F4E4C6;
    font-weight: bold;
	font-size:1.3em;
    font-family: Arial, Verdana, Helvetica;
    color: #564E40;
    text-align: left;
    padding-left: 0.3em;
    }
    
 .datable caption {
 
   font: bold 110% Arial, Helvetica, sans-serif;
   color: #33517A;
   text-align: left;
   padding: 0.4em 0 0.8em 0;
   }
   
 .datatable tr.altrow {
  background-color: #F5F5F5;
  color: #000000;
  }
  
  /*** Styling for the WUCOLS lists ***/
  
  .datatableWUCOLS {
   margin: auto;
   margin-top: -.2em;
   border: 1px solid #D6DDE6;
   border-collapse: collapse;
   width: 100%;
   }
   
   .datatableWUCOLS td {
     font-family: Arial, Verdana, Helvetica;
     font-size: 1.0em;
     color: #000;
   	 /*text-align:center;*/
     padding: 0.3em;
     }

     
 .datatableWUCOLS th {
    border: 1px solid #C9C7C7;
    background-color: #7D7D4F;
    font-weight: bold;
	font-size:1.3em;
    font-family: Arial, Verdana, Helvetica;
    color: #BEBE98;
    text-align: left;
    padding-left: 0.3em;
    }
    
 .datableWUCOLS caption {
 
   font: bold 110% Arial, Helvetica, sans-serif;
   color: #33517A;
   text-align: left;
   padding: 0.4em 0 0.8em 0;
   }
   
 .datatableWUCOLS tr.altrow {
  background-color: #f5f5f5;
  color: #000000;
  }
  
 .datatableWUCOLS tr {
  background-color: #fff;
  color: #000000;
  }
  

/***  This forces content below a floated element ***/

.clear {
clear: both;
}