/*colors: HOME: 1; yellow/sunflower mainnav:FFCC33; subnavFFCC66 PLANTS: 2; green onion mainnav:669933; subnav SAFETY: 3; blue mainnav:9999FF DESIGN: 4; red/tulip mainnav:CC3300 DOGS: 5; Purple mainnav:9966CC INDEX: 6; Orange/marigold mainnav: STORE: 7; pink */ body{ font:62.5%/1.5 arial, sans-serif; color:#424242; background-color: #FFFFFF;} * {margin:0; padding:0;} body{ text-align:center;} a{ font-size: 14px; color:#335511; text-decoration: underline;} a:hover{ font-size: 14px; color:#661166; text-decoration: underline;} a:visited{ font-size: 14px; color:#551177; text-decoration: underline;} ul li{list-style:none;} a img{border:0} .clear{clear:both;} .assist-text{position:absolute; left:-5000px; top:-1000px} .print {display: none;} /*---------------------LAYOUT------------------------------*/ #container {width:780px; text-align:left; margin:auto; position:relative; background-color: #FFFFFF; } /*------------------------------topnav---------------------------------*/ #top-nav{background:#8F8F8F; border:1px solid #000; text-align:right; padding: 5px 0px 0px 0px } #top-nav li{display:inline;} #top-nav li a{padding:0px 13px 0px 13px; background: url("images/top_sep.gif") right bottom no-repeat; } #top-nav li.last a{background:0; padding:0px 2px 0px 5px;} #top-nav li.last2 a{background:0; padding:0px 0px 0px 10px;} #top-nav a{color:#fff; text-decoration:none; } #top-nav a:hover{color:#000} /*----------------------------header------------------------------------------*/ #header{height:150px; position: relative; margin: 0px;} /*--------------------------main navigation------------------------------*/ #main-nav {background:#F2F2F2 url("images/nav_bg.gif") left bottom repeat-x; overflow:hidden} #main-nav li{float:left;background:url("images/nav_sep.jpg") right bottom no-repeat;background:url("images/nav_sep.jpg") right bottom no-repeat;padding-right:0px;} #main-nav a{ text-decoration:none; padding:5px 15px 4px 15px; float:left; font-size:17px; color:#000;} #main-nav{border-bottom:1px solid #666} #main-nav a:hover, #main-nav li.active a{color:#fff;} /*---------- Main Navigation links------------ */ #main-nav li#main_nav1 a:hover {background:#FFCC33; } #main-nav li#main_nav12 a{background:#FFCC33; color:#FFFFFF} #main-nav li#main_nav2 a:hover{background:#669933;} #main-nav li#main_nav22 a{background:#669933; color:#FFFFFF} #main-nav li#main_nav3 a:hover{background:#6666CC;} #main-nav li#main_nav32 a{background:#6666CC; color:#FFFFFF} #main-nav li#main_nav4 a:hover{background:#CC3300;} #main-nav li#main_nav42 a{background:#CC3300; color:#FFFFFF} #main-nav li#main_nav5 a:hover{background:#663399;} #main-nav li#main_nav52 a{background: #663399; color:#FFFFFF} #main-nav li#main_nav6 a:hover{background:#FF6600;} #main-nav li#main_nav62 a{background:#FF6600; color:#FFFFFF} #main-nav li#main_nav7 a:hover{background:#993366;} #main-nav li#main_nav72 a{background:#993366; color:#FFFFFF} /*-------------------------------main--------------------------------*/ #main{background: #FFFFFF; width:780px; clear:both; overflow:hidden; position:relative} /*---------------------------------sub nav------------------------*/ #subnav{width:170px; float:left; padding-left:0px; padding-right:0px; padding-bottom:0px; position:relative} #subnav ul{border-top:1px solid #fff; margin-bottom:10px;} #subnav li{border-bottom:1px solid #fff; width:170px; } #subnav li a{width: 160px; padding:5px 0px 5px 10px; text-decoration:none; display:block; } #subnav li#subnav1 a{background:#FFCC33; font-size:17px; color:#CC3300;} #subnav li#subnav1 a:hover {background:#FFCC33; font-size:17px; color:#FFFF66;} #subnav li#subnav12 a{background:#FFFF99; color:#CC3300; font-size:15px; } #subnav li#subnav12 a:hover{background:#FFFF99; color:#FFFFFF; font-size:15px; } #subnav li#subnav13 a{background:#FFFF99; color:#CC3300; font-size:15px; } #subnav li#subnav13 a:hover{background:#FFFF99; color:#FFFFFF; font-size:15px; } #subnav li#subnav2 a{background:#669933; font-size:17px; color:#FFFFFF;} #subnav li#subnav2 a:hover {background:#669933; font-size:17px; color:#336600;} #subnav li#subnav22 a{background:#99CC66; color:#336600; font-size:15px; } #subnav li#subnav22 a:hover{background:#99CC66; color:#FFFFFF; font-size:15px; } #subnav li#subnav23 a{background:#CCFF99; color:#336600; font-size:15px; } #subnav li#subnav23 a:hover{background:#CCFF99; color:#FFFFFF; font-size:15px; } #subnav li#subnav24 a{background:#DDFF88; color:#336600; font-size:15px; } #subnav li#subnav24 a:hover{background:#DDFF88; color:#FFFFFF; font-size:15px; } #subnav li#subnav3 a{background:#6666CC; font-size:17px; color:#FFFFFF;} #subnav li#subnav3 a:hover {background:#6666CC; font-size:17px; color:#CCCCFF;} #subnav li#subnav32 a{background:#9999FF; color:#333399; font-size:15px; } #subnav li#subnav32 a:hover{background:#9999FF; color:#FFFFFF; font-size:15px; } #subnav li#subnav33 a{background:#CCCCFF; color:#333399; font-size:15px; } #subnav li#subnav33 a:hover{background:#CCCCFF; color:#FFFFFF; font-size:15px; } #subnav li#subnav4 a{background:#CC3300; font-size:17px; color:#FFFFFF;} #subnav li#subnav4 a:hover {background:#CC3300; font-size:17px; color:#FF9966;} #subnav li#subnav42 a{background:#FF9966; color:#CC3300; font-size:15px; } #subnav li#subnav42 a:hover{background:#FF9966; color:#FFFFFF; font-size:15px; } #subnav li#subnav43 a{background:#FFCC99; color:#CC3300; font-size:15px; } #subnav li#subnav43 a:hover{background:#FFCC99; color:#FFFFFF; font-size:15px; } #subnav li#subnav5 a{background:#663399; font-size:17px; color:#FFFFFF;} #subnav li#subnav5 a:hover {background:#663399; font-size:17px; color:#CC99FF;} #subnav li#subnav52 a{background:#AA66EE; color:#330066; font-size:15px; } #subnav li#subnav52 a:hover{background:#AA66EE; color:#FFFFFF; font-size:15px; } #subnav li#subnav53 a{background:#CC99FF; color:#330066; font-size:15px; } #subnav li#subnav53 a:hover{background:#CC99FF; color:#FFFFFF; font-size:15px; } #subnav li#subnav6 a{background:#FF6600; font-size:17px; color:#FFFFFF;} #subnav li#subnav6 a:hover {background:#FF6600; font-size:17px; color:#CC3300;} #subnav li#subnav62 a{background:#FFBB44; color:#CC3300; font-size:15px; } #subnav li#subnav62 a:hover{background:#FFBB44; color:#FFFFFF; font-size:15px; } #subnav li#subnav63 a{background:#FFCC66; color:#CC3300; font-size:15px; } #subnav li#subnav63 a:hover{background:#FFCC66; color:#FFFFFF; font-size:15px; } #subnav li#subnav7 a{background:#993366; font-size:17px; color:#FFFFFF;} #subnav li#subnav7 a:hover {background:#993366; font-size:17px; color:#FF99FF;} #subnav li#subnav72 a{background:#BB77BB; color:#FFFFFF; font-size:15px; } #subnav li#subnav72 a:hover{background:#BB77BB; color:#993366; font-size:15px; } #subnav li#subnav73 a{background:#FFCCFF; color:#993366; font-size:15px; } #subnav li#subnav73 a:hover{background:#FFCCFF; color:#FFFFFF; font-size:15px; } #subnavfoot1 {width:160px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#FFFF66; text-align:center; } #subnavfoot2 {width:160px; margin-top: 0px; padding-top:5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#CCFF66; font-size:15px; color:#336600;text-align:center; } #subnavfoot3 {width:160px; margin-top: 20px; padding-top:15px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#9999FF; font-size:15px; color:#CCCCFF;text-align:center;} #subnavfoot4 {width:160px; margin-top: 0px; padding-top:5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#FF9966; font-size:15px; color:#FF9966;text-align:center;} #subnavfoot5 {width:160px; margin-top: 0px; padding-top:5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#9966CC; font-size:15px; color:#CC99FF;text-align:center;} #subnavfoot6 {width:160px; margin-top: 0px; padding-top:5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#FFDD66; font-size:15px; color:#CC3300;text-align:center;} #subnavfoot7 {width:160px; margin-top: 0px; padding-top:5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#FF99FF; font-size:15px; color:#993366;text-align:center;} #subnavfoot12 {width:160px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#FFFF99; text-align:center; } #subnavfoot22 {width:160px; margin-top: 0px; padding-top:5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#DDFFAA; font-size:15px; color:#336600;text-align:center; } #subnavfoot32 {width:160px; margin-top: 20px; padding-top:15px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#CCCCFF; font-size:15px; color:#CCCCFF;text-align:center;} #subnavfoot42 {width:160px; margin-top: 0px; padding-top:5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#FFCC99; font-size:15px; color:#FF9966;text-align:center;} #subnavfoot52 {width:160px; margin-top: 0px; padding-top:5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#CC99FF; font-size:15px; color:#CC99FF;text-align:center;} #subnavfoot62 {width:160px; margin-top: 0px; padding-top:5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#FFCC66; font-size:15px; color:#CC3300;text-align:center;} #subnavfoot72 {width:160px; margin-top: 0px; padding-top:5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; background:#FFCCFF; font-size:15px; color:#993366;text-align:center;} #subnavfoot1 h1 { font-size: 15px; text-decoration: none; color:#996600; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;} #subnavfoot1 p{ font-size: 12px; color:#CC3300; text-decoration: none; padding: 2 2 2 2;} #subnavfoot12 h1 { font-size: 15px; text-decoration: none; color:#996600; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;} #subnavfoot12 p{ font-size: 12px; color:#CC3300; text-decoration: none; padding: 2 2 2 2;} #subnavfoot2 h1 { font-size: 15px; text-decoration: underline; color:#336600; padding: 12px 2px 2px 2px} #subnavfoot2 p{ font-size: 12px; color:#336600; text-decoration: none; padding: 2 2 2 2;} #subnavfoot22 h1 { font-size: 15px; text-decoration: underline; color:#336600; padding: 12px 2px 2px 2px} #subnavfoot22 p{ font-size: 12px; color:#336600; text-decoration: none; padding: 2 2 2 2;} #subnavfoot3 h1 { font-size: 15px; text-decoration: underline; color:#CCCCFF} #subnavfoot3 p { font-size: 12px; color:#FFFFFF; text-decoration: none; padding: 2 2 2 2;} #subnavfoot32 h1 { font-size: 15px; text-decoration: underline; color:#000066} #subnavfoot32 p { font-size: 12px; color:#000033; text-decoration: none; padding: 2 2 2 2;} #subnavfoot4 h1 { font-size: 15px; text-decoration: underline; color:#CC3300;} #subnavfoot4 p{ font-size: 12px; color:#FFFFFF; text-decoration: none; padding: 2 2 2 2;} #subnavfoot42 h1 { font-size: 15px; text-decoration: underline; color:#CC3300;} #subnavfoot42 p{ font-size: 12px; color:#ffffff; text-decoration: none; padding: 2 2 2 2;} #subnavfoot5 h1 { font-size: 15px; text-decoration: underline; color:#330066;} #subnavfoot5 p{ font-size: 12px; color:#FFFFFF; text-decoration: none; padding: 2 2 2 2;} #subnavfoot52 h1 { font-size: 15px; text-decoration: underline; color:#330066;} #subnavfoot52 p{ font-size: 12px; color:#FFFFFF; text-decoration: none; padding: 2 2 2 2;} #subnavfoot6 h1 { font-size: 15px; text-decoration: underline; color:#EE7700;} #subnavfoot6 p{ font-size: 12px; color:#EE7700; text-decoration: none; padding: 2 2 2 2;} #subnavfoot62 h1 { font-size: 15px; text-decoration: underline; color:#FFCC66;} #subnavfoot62 p{ font-size: 12px; color:#EE7700; text-decoration: none; padding: 2 2 2 2;} #subnavfoot7 h1 { font-size: 15px; text-decoration: underline; color:#993366;} #subnavfoot7 p{ font-size: 12px; color:#993366; text-decoration: none; padding: 2 2 2 2;} #subnavfoot72 h1 { font-size: 15px; text-decoration: underline; color:#993366;} #subnavfoot72 p{ font-size: 12px; color:#993366; text-decoration: none; padding: 2 2 2 2;} /*---------------------------------subnav column right ----------------------------------*/ #subnav-right{width:170px; float:right; margin-top: 0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; display:inline;} /*-----------------------------content pages ---------------------------------------------*/ #page{width:605px; float:right; margin-top:5px; display:inline; background:#FFFFFF;} #page h1 { font-size: 20px; text-decoration: underline; color:#996600; margin-top:5px; margin-bottom:5px;} #page h2 { font-size: 15px; text-decoration: underline; color:#996600;} #page p{ font-size: 14px; color:#000000; text-decoration: none; padding: 5px 5px 5px 5px;} /*--------------------main content-----------------------------------*/ .pcleft {width:295px; float:left; margin:0px 2px 0px 2px; background-color: #FFFFFF; } .pcright {width:295px; float:right; margin:0px 0px 0px 2px; background-color: #FFFFFF;} .bold{ font-size: 14px; color:#000000; text-decoration: none; font-weight:bold;} .flowerbox {float:left; margin:7px 0px 0px 0px; background-color: #FFFFFF; padding: 0px 0px 0px 0px; } .boxbase { height: 87px; width:605px; float:left; margin:7px 0px 7px 0px; background-color: #EEFFAA; padding: 10px 5px 10px 5px; } .boxbaseamazon1 { height: 250px; width:605px; float:left; margin:7px 0px 0px 0px; background-color: #EEFF88; padding: 10px 5px 10px 5px; } .boxbaseamazon2 { height: 250px; width:595px; float:right; display:inline; margin:7px 0px 0px 0px; background-color: #CCFF66; padding: 10px 5px 10px 5px; } .boxbaseamazon3 { height: 250px; width:605px; float:left; margin:7px 0px 0px 0px; background-color: #EEFF88; padding: 10px 5px 10px 5px; } .boxbaseamazon4 { height: 250px; width:605px; float:left; margin:7px 0px 0px 0px; background-color: #EEFF88; padding: 10px 5px 10px 5px; } .boxbaseamazon5 { height: 250px; width:605px; float:left; margin:7px 0px 0px 0px; background-color: #EEFF88; padding: 10px 5px 10px 5px; } .boxbaseamazon6 { height: 250px; width:605px; float:left; margin:7px 0px 0px 0px; background-color: #EEFF88; padding: 10px 5px 10px 5px; } .boxfoot { width:565px; float:right; margin:7px 0px 7px 0px; background-color: #EEFFAA; padding: 20px 20px 10px 20px; font-size: 12px; color:#000000; text-align: justify;} /*--------------------index---home-----------------------------------*/ #page1{width:605px; float:right; margin-top:5px; display:inline; background:#FFFF99; text-align:center;} #page1 h1 { font-size: 20px; text-decoration: none; color:#996600; margin-top:5px; margin-bottom:0px;} #page1 h2 { font-size: 15px; text-decoration: underline; color:#996600;} #page1 p{ font-size: 14px; color:#000000; text-decoration: none; padding: 0px 5px 5px 5px;} #page12{width:605px; float:right; margin-top:0px; display:inline; background:#FFFFFF; text-align:center;} #page12 h1 { font-size: 20px; text-decoration: none; color:#996600; margin-top:opx; margin-bottom:2px;} #page12 h2 { font-size: 15px; text-decoration: underline; color:#996600;} #page12 p{ font-size: 12px; color:#000000; text-decoration: none; padding: 0px 5px 2px 5px;} .box1 {height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #EEFF99; padding: 10px 5px 10px 5px; } .box2 {height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFDD88; padding: 10px 5px 10px 5px; } .box3 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFFFBB; padding: 10px 5px 10px 5px;} .box4 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFFF77; padding: 10px 5px 10px 5px; } .box5 { height: 130px; width:288px; float:left; margin:7px 0px 0px 0px; background-color: #EEFFCC; padding: 10px 5px 10px 5px; } .box6 { height: 130px; width:288px; float:left; margin:7px 0px 0px 0px; background-color: #EEFF88; padding: 10px 5px 10px 5px; } /*--------------------plants-----------------------------------*/ #page2{width:605px; float:right; margin-top:5px; display:inline; background:#DDFFAA; text-align:center; text-indent: none;} #page2 h1 { font-size: 25px; text-decoration: none; color:#336600; margin-top:5px; margin-bottom:0px; padding: 2px 15px 2px 15px;} #page2 h2 { font-size: 20px; text-decoration: underline; color:#336600;} #page2 p{ font-size: 12px; color:#000000; text-decoration: none; padding: 5px 15px 5px 15px; text-align: justify; text-indent: none;} #page22{width:605px; float:right; margin-top:0px; display:inline; background:#FFFFFF; text-align:center;} #page22 h1 { font-size: 20px; text-decoration: underline; color:#336600; margin-top:5px; margin-bottom:0px; padding: 5px 15px 0px 15px;} #page22 h2 { font-size: 15px; text-decoration: underline; color:#336600;} #page22 p{ font-size: 12px; color:#000000; text-decoration: none; padding: 5px 15px 5px 15px; text-align: center; } #page23{width:605px; float:right; margin-top:5px; display:inline; background:#DDFF88; text-align: justify;} #page23 h1 { font-size: 25px; text-decoration: none; color:#336600; margin-top:5px; margin-bottom:0px; padding: 5px 15px 0px 15px; text-align: center;} #page23 h2 { font-size: 15px; text-decoration: underline; color:#336600;} #page23 p{ font-size: 12px; color:#000000; text-decoration: none; padding: 5px 15px 5px 15px; } .box21 {height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #DDFFBB; padding: 5px 5px 10px 5px; } .box22 {height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #DDFF88; padding: 5px 5px 10px 5px; } .box23 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #DDFF77; padding: 5px 5px 10px 5px;} .box24 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #DDFFCC; padding: 5px 5px 10px 5px; } .box25 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #CCFF88; padding: 5px 5px 10px 5px; } .box26 { height: 130px; width:288px; float:left; margin:7px 0px 0px 0px; background-color: #CCFF66; padding: 10px 5px 10px 5px; } .boxp1 { width:290px; float:left; margin:7px 0px 0px 0px; background-color: #DDFFBB; padding: 5px 5px 5px 5px; } .boxp2 { width:290px; float:left; margin:7px 0px 0px 0px; background-color: #DDFF88; padding: 5px 5px 5px 5px; } a.plant{ font-size: 14px; text-decoration: underline; color:#330066; } a.plant:hover{ font-size: 14px; color:#990066; text-decoration: underline;} a.plant:visited{ font-size: 14px; color:#330066; text-decoration: underline;} a.planth{ font-size: 17px; text-decoration: underline; color:#330066; } a.planth:hover{ font-size: 17px; color:#990066; text-decoration: underline;} a.planth:visited{ font-size: 17px; color:#330066; text-decoration: underline;} /*--------------------safety-----------------------------------*/ #page3{width:605px; float:right; margin-top:5px; display:inline; background:#CCCCFF;text-align:center; text-indent: none;} #page3 h1 { font-size: 25px; text-decoration: none; color:#5555AA; margin-top:5px; margin-bottom:0px; padding: 2px 15px 2px 15px;} #page3 h2 { font-size: 15px; text-decoration: none; color:#5555AA;} #page3 p{ font-size: 14px; color:#000000; text-decoration: none; padding: 5px 15px 5px 15px; text-align: justify; text-indent: none; } #page32{width:605px; float:right; margin-top:0px; display:inline; background:#FFFFFF; text-align:center;} #page32 h1 { font-size: 20px; text-decoration: none; color:#5555AA; margin-top:5px; margin-bottom:0px; padding: 5px 15px 0px 15px;} #page32 h2 { font-size: 15px; text-decoration: underline; color:#333333; } #page32 p{ font-size: 12px; color:#000000; text-decoration: none; padding: 5px 15px 5px 15px; text-align: center;} #page33{width:605px; float:right; margin-top: 4px; margin-left: 3px; display:inline; background:#DDEEFF; text-align: center; } #page33 h1 { font-size: 25px; text-decoration: none; color:#5555AA; padding: 0px 15px 0px 15px;} #page33 h2 { font-size: 20px; text-decoration: none; color:#5555AA; padding: 0px 15px 0px 15px;} #page33 h3 { font-size: 15px; text-decoration: none; color:#333333; } #page33 p{ font-size: 12px; color:#000000; text-decoration: none; padding: 5px 15px 5px 15px; text-align: justify;} .box31 {height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #CCDDFF; padding: 5px 5px 10px 5px; } .box32 {height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #DDDDFF; padding: 5px 5px 10px 5px; } .box33 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #AAAAEE; padding: 5px 5px 10px 5px;} .box34 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #AABBEE; padding: 5px 5px 10px 5px; } .box35 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #CCEEFF; padding: 5px 5px 10px 5px; } .box36 { height: 130px; width:288px; float:left; margin:7px 0px 0px 0px; background-color: #BBCCFF; padding: 10px 5px 10px 5px; } a.header3{ font-size: 20px; text-decoration: none; color:#5555AA;} a.header3:hover{ font-size: 20px; text-decoration: none; color:#330066;} a.header3:visited{ font-size: 20px; text-decoration: none; color:#5555AA;} /*--------------------design-----------------------------------*/ #page4{width:605px; float:right; margin-top:5px; display:inline; background:#FFEE88;} #page4 h1 { font-size: 25px; text-decoration: none; color:#CC3300; margin-top:5px; margin-bottom:5px; text-align:center;} #page4 h2 { font-size: 15px; text-decoration: none; color:#CC3300; text-align: center;} #page4 p{ font-size: 14px; color:#000000; text-decoration: none; padding: 5px 15px 15px 15px;} #page42{width:605px; float:right; margin-top:0px; display:inline; background:#FFFFFF; text-align:center;} #page42 h1 { font-size: 20px; text-decoration: none; color:#CC3300; margin-top:5px; margin-bottom:0px; padding: 5px 15px 0px 15px;} #page42 h2 { font-size: 17px; text-decoration: none; color:#CC3300; padding: 5px 10px 0px 10px;} #page42 p{ font-size: 12px; color:#000000; text-decoration: none; padding: 5px 15px 5px 15px; text-align: center;} .box41 { width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFDD88; padding: 5px 5px 10px 5px; } .box42 { width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFBB88; padding: 5px 5px 10px 5px; } .box43 { width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFBB66; padding: 5px 5px 10px 5px;} .box44 { width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFAA66; padding: 5px 5px 10px 5px; } .box45 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFEE77; padding: 5px 5px 10px 5px; } .box46 { height: 130px; width:288px; float:left; margin:7px 0px 0px 0px; background-color: #FF9977; padding: 10px 5px 10px 5px; } /*--------------------dogs-----------------------------------*/ #page5{width:605px; float:right; margin-top:5px; margin-left:5px; display:inline; background:#DDBBFF; } #page5 h1 { font-size: 25px; text-decoration: none; color:#330066; margin-top:5px; margin-bottom:5px; text-align:center;} #page5 h2 { font-size: 15px; text-decoration: none; color:#330066; text-align: center;} #page5 h3 { font-size: 14px; text-decoration: none; color:#330066; text-align: center;} #page5 p{ font-size: 14px; color:#000000; text-decoration: none; padding: 2px 30px 20px 30px; text-align: justify;} #page5 p.links{ font-size: 12px; color:#000000; text-decoration: none; padding: 2px 30px 20px 30px; text-align: justify;} #page52{width:605px; float:right; margin-top:5px; padding-bottom: 5px; display:inline; background:#FFFFFF; text-align: center; } #page52 h1 { font-size: 20px; text-decoration: none; color:#330066; margin-top:5px; margin-bottom:0px; padding: 5px 15px 0px 15px;} #page52 h2 { font-size: 20px; text-decoration: underline; color:#330066; } #page52 h3 { font-size: 15px; text-decoration: none; color:#330066; } #page52 p{ font-size: 12px; color:#000000; text-decoration: none; padding: 5px 15px 5px 15px; text-align: center;} .box51 {height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #CCBBFF; padding: 5px 5px 10px 5px; } .box52 {height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #DDBBFF; padding: 5px 5px 10px 5px; } .box53 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #CCCCFF; padding: 5px 5px 10px 5px;} .box54 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #BBAAFF; padding: 5px 5px 10px 5px; } .box55 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #CCAAFF; padding: 5px 5px 10px 5px; } .box56 { height: 126px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #BBBBDD; padding: 10px 5px 10px 5px; } .boxd1 { width:290px; float:left; margin:7px 0px 0px 0px; background-color: #CCBBFF; padding: 5px 5px 5px 5px; } .boxd2 { width:290px; float:left; margin:7px 0px 0px 0px; background-color: #CCCCFF; padding: 5px 5px 5px 5px; } a.blueh{ font-size: 20px; text-decoration: none; color:#330066; } a.blueh:hover{ font-size: 20px; color:#990066; text-decoration: none;} a.blueh:visited{ font-size: 20px; color:#330066; text-decoration: none;} a.blue15{ font-size: 15px; text-decoration: none; color:#330066; } a.blue15:hover{ font-size: 15px; color:#990066; text-decoration: none;} a.blue15:visited{ font-size: 15px; color:#330066; text-decoration: none;} /*--------------------atoz-----------------------------------*/ #page6{width:605px; float:right; margin-top:5px; margin-left:5px; display: inline; background:#FFDD66; } #page6 h1 { font-size: 25px; text-decoration: none; color:#EE6600; margin-top:5px; margin-bottom:5px; text-align: center;} #page6 h2 { font-size: 15px; text-decoration: none; color:#EE6600;} #page6 p{ font-size: 14px; color:#000000; text-decoration: none; padding: 5px 5px 5px 5px;} #page62{width:605px; float:right; margin-top:0px; display:inline; background:#FFFFFF; text-align: center;} #page62 h1 { font-size: 20px; text-decoration: none; color:#EE6600; margin-top:5px; margin-bottom:0px; padding: 5px 15px 0px 15px; } #page62 h2 { font-size: 15px; text-decoration: underline; color:#333333; } #page62 p{ font-size: 12px; color:#000000; text-decoration: none; padding: 5px 15px 5px 15px; text-align: center;} .box61 {height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFEE88; padding: 5px 5px 10px 5px; } .box62 {height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFFF88; padding: 5px 5px 10px 5px; } .box63 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFDD88; padding: 5px 5px 10px 5px;} .box64 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFCC66; padding: 5px 5px 10px 5px; } .box65 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFEE66; padding: 5px 5px 10px 5px; } .box66 { height: 130px; width:288px; float:left; margin:7px 0px 0px 0px; background-color: #FFDD66; padding: 10px 5px 10px 5px; } /*--------------------links-----------------------------------*/ #page7{width:605px; float:right; margin-top:5px; display:inline; background:#FFCCFF; } #page7 h1 { font-size: 20px; text-decoration: none; color:#993366; margin-top:5px; margin-bottom:5px; text-align: center;} #page7 h2 { font-size: 15px; text-decoration: underline; color:#993366;} #page7 p{ font-size: 14px; color:#000000; text-decoration: none; padding: 5px 5px 5px 5px; text-align: center;} #page72{width:605px; float:right; margin-top:0px; display:inline; background:#FFFFFF; text-align: center;} #page72 h1 { font-size: 20px; text-decoration: none; color:#993366; margin-top:5px; margin-bottom:0px; padding: 0px 15px 0px 15px;} #page72 h2 { font-size: 15px; text-decoration: underline; color:#333333; } #page72 p{ font-size: 12px; color:#000000; text-decoration: none; padding: 0px 10px 0px 10px; text-align: center;} .box71 {height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #EEBBFF; padding: 5px 5px 10px 5px; } .box72 {height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #DDAAEE; padding: 5px 5px 10px 5px; } .box73 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #DD88FF; padding: 5px 5px 10px 5px;} .box74 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #EE99FF; padding: 5px 5px 10px 5px; } .box75 { height: 130px; width:290px; float:left; margin:7px 0px 0px 0px; background-color: #FFBBFF; padding: 5px 5px 10px 5px; } .box76 { height: 130px; width:288px; float:left; margin:7px 0px 0px 0px; background-color: #EEAAFF; padding: 10px 5px 10px 5px; } .boxl1 { width:290px; float:left; margin:7px 0px 0px 0px; background-color: #EEDDFF; padding: 5px 5px 5px 5px; } .boxl2 { width:290px; float:left; margin:7px 0px 0px 0px; background-color: #EECCEE; padding: 5px 5px 5px 5px; } a.pinkh{ font-size: 17px; text-decoration: underline; color:#550077; } a.pinkh:hover{ font-size: 17px; color:#990066; text-decoration: underline;} a.pinkh:visited{ font-size: 17px; color:#990066; text-decoration: underline;} a.pink{ font-size: 12px; text-decoration: underline; color:#550077;} a.pink:hover{ font-size: 12px; color:#990066; text-decoration: underline;} a.pink:visited{ font-size: 12px; color:#990066; text-decoration: underline;} /*----------------------------------------------------------*/ a.header{ font-size: 20px; text-decoration: none;} a.header:hover{ font-size: 20px; text-decoration: none; color:#330066;} a.header:visited{ font-size: 20px; text-decoration: none;} a.books{ font-size: 15px; text-decoration: underline; color:#000000;} a.books:hover{ font-size: 15px; color:#330066; text-decoration: underline;} a.books:visited{ font-size: 15px; color:#330066; text-decoration: underline;} a.sub{ color:#336600; text-decoration: underline;} a.sub:hover{ color:#330066; text-decoration: underline;} a.sub:visited{ color:#336600; text-decoration: underline;} .midpic {clear:both; border:1px solid #ccc; background-color: #FFFFFF; width: 150px; margin:auto; padding:5px 5px 5px 5px; font-size: 12px; text-decoration: none; color:#000000; text-align: center;} .rightpic {clear:both; border:1px solid #ccc; background-color: #FFFFFF; float:right; margin:5px 5px 5px 5px; padding:5px 5px 5px 5px; font-size: 12px; text-decoration: none; color:#000000; text-align: center;} .leftpic {clear:both; border:1px solid #ccc; background-color: #FFFFFF; float:left; margin:5px 5px 5px 5px; padding:5px 5px 5px 5px; font-size: 12px; text-decoration: none; color:#000000; text-align: center;} .centertext{text-align:center} table.flowerpics { background: #DDFFAA; border: none; margin:auto } td.flowerpic {background:#FFFFFF; color:#000000; border:1px solid #000000; padding:2px 2px 2px 2px; text-align: center; font-size: 12px; color:#000000; text-decoration: none;} span.black12{color: #000000; font-size:12px;} /*-------------------------names table---------------------------------*/ #name-table {width: 550px; background: #FFFFFF; border: solid 2px #663399; margin-left: 25px; } #name-table td { width: 200px; background:#FFFFFF; color:#330066; font-size:20px; text-align: center;} #name-table td.one { width: 200px; background:#FFFFFF; color:#000000; font-size:15px; padding-left: 3px; text-align: center;} #name-table td.two { width: 350px; background:#FFFFFF; color:#000000; font-size:10px; text-align: right;} #name-table td.three {width: 350px; background:#FFFFFF; color:#000000; font-size:12px; padding-left: 3px; text-align: left;} #name-table a {color:#990033; text-decoration: underline; font-size:10px; text-align: right;} #name-table a:hover {color:#000000; text-decoration: underline; font-size:10px; text-align: right;} #name-table a:visited {color:#990033; text-decoration: underline; font-size:10px; text-align: right;} /*-----------------------------------------plant lists-----------------------------------*/ span.latin {font-style:italic; font-size: 12px; color:#000000} span.latin1 {font-style:italic; font-size: 17px; color:#000000} span.toxic {font-size: 12px; color: #CC0000} span.common {font-size: 12px; color:#000000} #safety{text-align: justify; margin-top: 10px; margin-left: 20px; margin-right: 20px; } #safety li{ text-align: center; font-size: 17px; color: #660033; } #safety li.one{ text-align: justify; font-size: 12px; color: #000000; } #safety li.letter{text-align: center; font-size: 30px; color: #666666;} #pta{text-align: center; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding-left: 10px;} #pta li{ text-align: left; font-size: 17px; color: #000000; margin-left: 50px; margin-right: 30px;} #pta li.top{ text-align: right; font-size: 10px; color: #000000; padding-right: 20px;} #pta li.one{ text-align: left; font-size: 12px; color: #330066; padding-left: 20px;} #pta li.letter{text-align: center; font-size: 30px; color: #666666;} #pta p{text-align: justify; margin-top: 10px; margin-left: 10px; margin-right: 10px; padding-left: 0px;} #pf{text-align: center; margin-top: 10px; margin-left: 10px; margin-right: 10px;} #pf li{font-size: 17px; color: #336600;} #pf li.top{ text-align: right; padding-right: 20px;} #pf li.one {font-size: 12px; color: #000000;} #pf li.letter{font-size: 15px; color: #666666;} #safety{text-align: left; margin-top: 10px; font-size: 15px; color: #000000; position: relative; margin: auto;} #safety li{padding: 5px 10px 5px 10px; } /*--------------------------------------safe plants tables--------------------------------------------*/ #plant-table {width: 590px; background:#CCFF66; border: solid 2px #99CC33; margin-left:8px; } #plant-table a {color:#666666; text-decoration:none; font-size: 30px;} #plant-table a:hover{color:#000; text-decoration:none; font-size: 30px;} #plant-table td {width: 45px; background:#CCFF66; border: solid 2px #99CC33; font-size: 30px; color:#666666; text-align:center; } #plant-table td.two {width: 45px; background:#CC9933; border: solid 2px #99CC33; font-size: 30px; color:#ffffff; text-align:center;} /*--------------------------------------safe plants tables--------------------------------------------*/ #plant-table-avoid {width: 590px; background:#FFFFFF; border: solid 2px #000000; margin-left:8px; } #plant-table-avoid a {color:#CC0000; text-decoration:none; font-size: 30px;} #plant-table-avoid a:hover{color:#000; text-decoration:none; font-size: 30px;} #plant-table-avoid td {width: 45px; background:#FFFFFF; border: solid 2px #000000; font-size: 30px; color:#666666; text-align:center; } /*--------------------------------------footnote--------------------------------------------*/ #footer {padding: 0px 0px 0px 0px; border:solid 10px #ffffff; text-align:center; background:#ffffff;} #footer-table { width: 760px; border-top: solid 1px #000000; position: relative; margin: 10px 5px 5px 10px; } #footer-table td { width:100px; text-align:center; border: none; font-size: 12px; color:#000000; padding: 0px 0px 0px 0px;} #footer-table a {text-decoration:underline; color:#000000; border: none;} #footer-table a:hover {text-decoration:underline; border: none; color:#990000;} #footer-table a:visited {text-decoration:underline; border: none; color:#000000;} /*--------------------------------------breed tables--------------------------------------------*/ #breed-table {width: 590px; background:#CCBBFF; border: solid 2px #330066; margin-left:8px; } #breed-table a {color:#666666; text-decoration:none; font-size: 30px;} #breed-table a:hover{color:#000; text-decoration:none; font-size: 30px;} #breed-table td {width: 45px; background:#CCDDFF; border: solid 2px #330066; font-size: 30px; color:#666666; text-align:center; } #breed-table td.two {width: 45px; background:#; border: solid 2px #330066; font-size: 30px; color:#330066; text-align:center;} #db{text-align: center; margin-top: 10px; margin-left: 10px; margin-right: 10px;} #db li{font-size: 20px; color: #330066;} #db li.group{font-size: 20px; color: #330066; text-decoration:underline;} #db li.top{ text-align: right; padding-right: 20px;} #db li.letter{font-size: 20px; color: #666666;} #db li.info{font-size: 14px; color: #330066;}