/*      Arthur Lathouris Garden Designer
         Style Guide as at 18/4/07:
        body : black
		  wrap : arthurs_images/gradient.jpg
		  heading details, borders : #CC6666
		  AL Green: #259CA2;
		  white : FEF5E6;
			send button on form #66CCFF;
			reset button on form: #CC6666;
			plant names, latin names: #663366; 
			links:  #3300CC; 
			visited links: #006600
			hover links: #66CCFF
*/
body  {
      background-color: #000000;
      font-family: "Century Gothic", Tahoma, Arial, helvetica, sans-serif ;
      color: black;
      text-align: center;
}
a:link {color: #3300CC;}
a:link img {border: 1px solid #666666;}
a:visited {color: #006600}
a:active {color: #66CCFF}
a:hover {color: #66CCFF}
a:hover img {border: 1px solid white;
} 
/* general classes  */
.clear {clear: both 
}
.clearleft {clear: left;
}
.clearright {clear: right;
}
.copyright  {color: #FEF5E6;
             font-size: .75em;
             text-align: center;
}
.copyright a {font-weight: bold;
          font-style: italic;
					font-size: 1em;
					color: #FEF5E6;
} 
.bold {font-weight: 900);
}  
.plantslist, .plantslist2 
                  {color:  #3300CC;
		   font-size: .9em;
		   font-weight: bold;
}
.plantslist      {margin-left: 25px;
				margin-right: 225px;
}
.plantslist2      {float: right;
                width:200px; 
				padding-left: 25px;
}
.plantslist  li ul li, .plantslist2  li ul li
                  {margin-left: 1.5em; 
		 text-decoration: none;
		 line-height: 120%;
		 font-size: .9em;
}
/*.plantslist2  .shrubs li, .plantslist2  .perennials li, .plantslist2  .groundcovers li*/
.processlink {font-size: 1em;
			 font-weight: bold;
}                  
/*   common CSS for all the gardens  */   
.grdntext   {margin-top: 5px;
}
.grdntitle  {margin-left: 5px;
		   margin-right: 30%;
		   min-width: 200px;
		   max-width: 250px;
}
.grdntitle p {margin-top: 1em;
              margin-left: 5px;
              font-weight: bold;
			 font-size: 1em;
}
.grdntitle h2 {margin-top: 0px;
	          margin-bottom: 20px;
			  padding-top:10px;
}
* html .grdntitle h2 {line-height: 100%;
                    margin-top: 25px; 
		            margin-bottom: 20px;
}     
.grdncol2 { 
          width: 60%; 
          margin-right: 2px;
	      float: right;
}
.grdncol2 p {margin-top: 5px;
            text-align: right;
}  
#wrap { 
       width: 98%;
       text-align: left;
       margin-left:  auto;
       margin-right: auto;
       background-position: left; 
       background-repeat: repeat-y;
       background-repeat: repeat-y;
	   background: #EFF0F5 url(../arthurs_images/gradient.jpg) 100% 0 repeat-y;    
       border-bottom: 5px solid #CC6666; 
       padding-bottom: 20px;	  
       border-right: 5px solid #CC6666;
	   margin-top: 10px;
	   margin: 20px auto 0px;
	   max-width: 1100px; 
	   min-width: 784px;

}  
#picbar   {  width: 289px;
           float: right;  
}
#picbar img { 
             margin-bottom: 5px;
             margin-right: 5px;
	           float: right;
}
#contents { 
	         padding-top: 6px;
	        margin-right: 260px;
			margin-left: 5%;
             color: black;
	         margin-bottom: 5px;
}
#header { 
         padding-bottom: 5px;
        border-bottom: 5px solid #CC6666;  
        margin-right: 0px;		
}
#header h1 {position: absolute;
            left: -1000px;
					  width: 900px;
}
#hdrline1  {font-size: 48px;
            font-weight:900;
				color: #259CA2;
				margin-top: 5px;
				margin-bottom: 1px;
				margin-left: 5px;
}
#hdrline2  {font-size: 20px;
           font-weight: 900;
	       color: black;
	       margin-bottom: 18px;
	       margin-left: 5px;
}
#nav  { 
       margin-top: 5px;
	   margin-right: 0px;
       padding-bottom: 0; 
       text-align: center; 
       background-color:  #259CA2; 		
       border:	1px solid #259CA2;
}
#navlist   {font-size: 1em;
          font-weight: bold;
          font-family: "arial narrow", helvetica, sans-serif;
}
#navlist li {float: left;  
            border-right: 2px solid black; 
            list-style-type: none;
            padding-top: .2em;
            padding-bottom: .2em; 
            padding: .2em -1%;	
		    width: 14%;
			text-align: center;
}
#navlist li#processnav {width: 16%;
}
#navlist li#linksnav {border-right: none;
                    width: 7%;
} 

/*  drop down menu stuff */
#navlist li a
{           
             display: block;
             background-color: #259CA2;
             color: black;				 
             text-decoration: none;
             padding-top: .2em;
             padding-bottom: .2em;	  
             padding-left: .5em; 
             padding-right: .5em;  
             font-size: 110%;			 
}
#navlist li a:hover
{
             background-color: white;  
             color: black;
}
#navlist a.currentpage {color: white;
}
#navlist li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	color: white;
	background-color: #259CA2;
}
#navlist  li:hover ul, #navlist  li.sfhover ul {
	left: auto;
	text-align: left;
	padding-right: 5px;
}
#navlist  li ul li 
{
	display: block;
	border-right: none; 
	border-bottom: 2px solid black; 
    list-style-type: none;
    padding-top: 0;
    padding-bottom: 0; 
	padding-left: 0;  
    width: 10em;
}


#artlath {font-weight: bold;
          color: #259CA2;
		  font-size: 1em;
}
h2      {margin-top: .75em;
         margin-left: 10px;
	       font-size: 2em;
	       margin-bottom: .1em;
		     color: black;
		     font-weight: bold;
}
h3      {margin-left: 10px;
	      font-size: 1.5em;
		    margin-top: .75em;
	      margin-bottom: .1em;
		    color: #CC6666;
		    font-weight: 600;
}

/*  this is the CSS for index.html */

#hometext  {margin-top: 3em;
		        margin-right: 30%;
		        font-size: .95em;
		        font-weight: bold; 
		        color: black;	
}
#hometext p {margin-top: 1.5em;
             margin-bottom: 1em;	 
}

#addrdtls     {color: black;
              font-size: .95em;
              margin-top: 3em;
}
#addrdtls  p  {margin-top: .1em;
               margin-bottom: .5em;
}
/*#mobno      {padding-left: 20px;
}*/
#aildm      {margin-left: 25px;
             margin-top: 3em;
             margin-bottom: 5px;
}   
#aildm a img {border: 0px}
#aildm a:hover img {border: 1px solid white;
}
* html #aildm a img	{border:	0px;
}
* html #aildm a:hover img {border: 2px solid #66CCFF;
}
/*   CSS for contactme.php   */

.errormsg     {display:none;
}
#contacttext  { 
              margin-right: 30%;
}
#userfeedbackform {margin-left: 2em;
              border: 1px solid #259CA2;
	            padding-top: 5px;
			        padding-left: 10px;
			        margin-bottom: 5px;
			        font-weight: bold;
}
#userfeedbackform fieldset {border: none;
                       margin-bottom: 1em;
}
#userfeedbackform textarea 
              {background-color: black;
	             color: #FEF5E6;
							 margin-bottom: 1em;
							 font-weight: bold;
}
#userfeedbackform input
              {padding-bottom: 1em;
							 background-color: white;
							 color: black;
							 font-weight: bold;
}
#userfeedbackform #email, textarea
              {width: 260px;
}
#userfeedbackform #subbutton {font-size: 1.2em;
                         color: #CC6666;
                         font-weight: bold;
						 margin-right:.2em;
						 margin-left: 240px;
						 padding-bottom: 0;
						 background-color: black;
}
#userfeedbackform #resetbutton {font-size: 1.2em;
                           color: #FEF5E6;
                           font-weight: bold;
                           padding-bottom: 0;
													 background-color: black;
}
#userfeedbackform label
       {clear: left;
	     float: left;
	     width: 7em; 
}	
#formresponse p  {margin-top: 10px;
                  margin-left: 40px;
                  font-weight: bold;
}	

/*   CSS for process.php   */

#processtext  {margin-right: 30%;
}
#processtext  h5{font-weight: bold;
                margin: 10px 0px 20px 10px;
				font-size: 105%;
}
#processtext p {margin: 0px;
			   font-size: 1em;
			font-weight: bold;
}	
#proclinks    {margin-top: 25px;
             margin-left:5px;
			 font-size: .9em;
}
#processtext p.procthumbs   {float: left;
              width: 55px;
}
#processtext p.procdesc   {margin-left:75px;
}
#processtext div.procgallery   {margin: 20px 0px 30px 10px;
}

/*   CSS for services.php   */

#servicestext  { 
              margin-right: 30%;
}
#servicestext p {margin-top: 1em;
                margin-bottom: 1em; 
				margin-left: 10px;
				font-size: .95em;
				font-weight: bold;
}
#servicestext p span {font-size: 1.1em;
}
#servicestext .serviceslist ul {margin-left: 40px;
        font-size: .85em;
		font-weight: bold;
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 0;
		list-style-type: disc;
}
#servicestext .serviceslist ul  li#spaced_item {margin-top: 10px;
}	
#servlinks    {margin-top: 25px;
             margin-left:5px;
			 font-size: .9em;
}
#servlinks   li a  {padding-right: 10px;
}

/*   CSS for bellavista.php   */
#bv1   {margin-left: 5px;
}
#bv5   {margin-left: 5px;
}
#bv7   {margin-left: 25px;
        margin-top: 0px;
}
#bv3   {margin-top: 0px;
}
#bv8   {margin-top: 0px;
        margin-left: 5px;
}
/*   CSS for alathouris.php   */ 
#al20, #al22  {margin-left: 5px;
}
#al22 {margin-top: 5px;
}
#al9  {margin-left: 5px;
}
/*#al17   {margin-left: 21px;
} 
#al5a    {/*margin-right: 5px;
          margin-left: 5px;	 
}*/
#al14a    {margin-left: 10px;			
}
/*   CSS for ccrag.php   */   
#cc6   {margin-left: 5px;
}
#cc9   {margin-left: 5px;
}
#cc1a   {margin-left: 15px;
         margin-top: 0px;
} 
#cc3   {margin-top: 0px;
}
#cc4   {margin-top: 0px;
        margin-left: 0px;
}
/*   CSS for galston.php   */   
#gg5a   {margin-left: 5px;
}
#gg3   {margin-left: 5px;
}
#gg5   {margin-left: 5px;
}
#gg2a  {margin-left: 11px;
        margin-top: 0px;
}
#gg6a  {margin-top: 0px;
}
/*   CSS for huntershill.php   */   
#hh1   {margin-left: 5px;
}
#hh7   {margin-left: 5px;
}
#hh5   {margin-left: 20px;
        margin-top: 0px;
}
#hh3   {margin-top: 0px;
}
#hh9   {margin-top: 0px;
        margin-left: 5px;
}
/*   CSS for leura.php   */   
#lr2   {margin-left: 5px;
}
#lr5   {margin-left: 5px;
}
#lr7   {margin-left: 20px;
        margin-top: 0px;
}
#lr3   {margin-top: 0px;
}
#lr8   {margin-top: 0px;
        margin-left: 5px;
}
/*   CSS for wfalls.php   */   
#wfs7  {margin-left: 5px;
}
#wfs1, #wfs11 {margin-top: 0px;
}
#wfs10  {margin-left: 5px;
}
#wfs8a   {margin-left: 5px;
          margin-top: 0px;
}
#wfs4   {margin-top: 0px;
         margin-left: 0px;
}
/*   CSS for wfsustainable.php   */   
#wfss6   {margin-left: 5px;
}
#wfss7   {margin-left: 5px;
}
#wfss8   {margin-left: 16px;
          margin-top: 0px;
}
#wfss9a   {
        margin-top: 0px;
				margin-left: 5px;
}
#wfss12a  {margin-top: 0px;
        margin-left: 2px;
}
#wfssheader {font-size: 1.9em;
}
/*   CSS for aboutme.php   */

#aboutmetext  {/*margin-right:  80px;*/
              margin-right: 30%;
               font-weight: bold;
}
#aboutmetext h4 {margin-top: .2em;
                margin-bottom: .5em; 
		            margin-left: 10px;
		            font-size: 1.1em;
		            font-weight: bold;
}
#aboutmetext p {margin-top: .5em;
                margin-bottom: .5em; 
		            margin-left: 10px;
		            font-size: .9em;
		            font-weight: bold;
}
#aboutmetext #awarddiv {margin-left: 10px;
}
#aboutmetext .awards img {float:right;
}
#aboutmetext ul {margin-left: 30px;
		            font-size: .9em;
		            font-weight: bold;
								margin-bottom: 1.5em;   
}
#aboutmetext  li {line-height: 118%;
}
#aboutmetext  ul#profassoc  li , #aboutmetext  ul#educ  li {margin-bottom: 10px;
}
#aboutmetext  ul#profassoc  li  ul li {margin: 5px 0px;
                                font-size: 105%;
}
#aboutmetext .awards {margin-bottom: 1.5em;            
}
#aboutmetext .awards  h5 {padding-top: 0px;
                          margin-bottom: .1em;
                          margin-top: 0px;
                          font-style: italic;
                          font-size: 1em;
}
#aboutmetext .awards  a {font-size: 1em;
}
#aboutmetext .awards  p {  margin-left: 0px;
                           margin-top: 0px;
													 margin-bottom: 0px;
}
#aboutmetext .hdgdetail  {font-style: italic;
												color: #CC6666;
}

/*   CSS for gallery.php   */

#gallerytext  { 
              margin-right: 30%;
               margin-left: 40px;
							 font-size: .9em;
	             font-weight: bold;
}
#gallerytext img
             {margin-top: 20px;
}
/*#gallerytext .gallery1, .gallery2 
             {width: 170px;
} 
#gallerytext .gallery1 {margin-left:10px;
}
#gallerytext .gallery2 {float: right;
}
#gallerytext .gallery2 img {float: right;
                            clear: right;
}
#gallerytext .gallery2 p   {float: right;
                            clear: right;
}
#gallerytext .gallery1 p, .gallery2 p
              {margin-top: .1em;
	             margin-left: 5px;	             
}
#gallerytext .gallery2 p
               {text-align: right;
}
#gallerytext .boldlink  
              {font-size: 1.2em;
}*/


/*   common CSS for all process gardens   */  
.grdnproctext    { 
                margin-right: 30%;
}
.grdnproctext h3 {margin-top: .1em;
}
.grdnproctext h4 {margin-top: .75em;
         margin-left: 10px;
	       font-size:1.7em;
	       margin-bottom: .1em;
		     color: black;
		     font-weight: bold;
}
.grdnproctext h5 {margin-left: 10px;
	      font-size: 1.2em;
		    margin-top: .75em;
	      margin-bottom: .1em;
		    color: #CC6666;
		    font-weight: 600;
}
.grdnproctext p  {margin-left: 10px;
                  margin-top: 1em;
                  margin-bottom: 0px; 
				          font-size: .9em;
				          font-weight: bold;
}
.grdnproctext .plantnames   {color: #663366;
}
.grdnproctext .latinnames   {font-style: italic;
               color: #663366;
}
.gallery1 {margin-left:10px;
}
.gallery2 {float: right;
}
/*#gallerytext .gallery2 img {margin-left: 125px;
}*/
.gallery2 img {float: right;
                            clear: right;
}
.gallery2 p   {float: right;
                            clear: right;
}
.gallery1 p, .gallery2 p
              {margin-top: .1em;
	             margin-left: 5px;	             
}
.gallery2 p
               {text-align: right;
}
.boldlink  
              {font-size: 1.2em;
}
/*   CSS for wfprocess.php  */ 
#wfplants   {margin-top: 10px;
}
#wfplants .plantslist2  .perennials
		             {margin-top: 3em;
}
#wfplants .plantslist   .grasses
		             {margin-top: .9em;
} 
/*   CSS for krprocess.php  */ 
#krplants   {margin-top: 10px;
}
#krplants .plantslist  .shrubs
		             {margin-top: 3em;
}
#krplants .plantslist2  .groundcovers
		             {margin-top: .3em;
}
#krplants  .plantslist2   .grasses
		             {margin-top: .3em;
} 

/*   CSS for links.php  */  
#linkstext    { 
		     margin-right: 30%;
}
#linkstext h3 {color: #3300CC;	
               margin-top: 2em;
}
#linkstext   p {margin-top: .5em;
		            margin-left: 10px;
		            font-size: 1em;
								font-weight: bold;
								color: #CC6666;
}
/*   CSS for pbprocess.php  */ 
#h2probono .grdnproctext   {font-size: 1.5em;
}
#h3probono .grdnproctext  {font-size: 1.1em;
}