html, body {
margin: 0;
padding: 0;
}
html {
background-color: #f3f3f3;
}
body {
font-size: 9pt;
font-family: verdana, helvetica, arial;
line-height: 1.5em;
}
img {
border: 0;
}
#container_general {
width: 975px;
height: 1428px;
background-color: #ffffff;
}
#inner_container_general {
width: 917px;
height: 1428px;
background-color: #ffffff;
float: left;
}
#left_general {
float:left;
background-image:url(../images/left.jpg);
background-repeat: repeat-y;
height:1428px;
width:29px;
}
#right_general {
float:right;
background-image:url(../images/right.jpg);
background-repeat: repeat-y;
height:1428px;
width:29px;
}
#container_long {
width: 975px;
height: 1648px;
background-color: #ffffff;
}
#inner_container_long {
width: 917px;
height: 1648px;
background-color: #ffffff;
float: left;
}
#left_long {
float:left;
background-image:url(../images/left.jpg);
background-repeat: repeat-y;
height:1648px;
width:29px;
}
#right_long {
float:right;
background-image:url(../images/right.jpg);
background-repeat: repeat-y;
height:1648px;
width:29px;
}
#container {
width: 975px;
height: 2076px;
background-color: #ffffff;
}
#inner_container {
width: 917px;
height: 2076px;
background-color: #ffffff;
float: left;
}
#left {
float:left;
background-image:url(../images/left.jpg);
background-repeat: repeat-y;
height:2076px;
width:29px;
}
#right {
float:right;
background-image:url(../images/right.jpg);
background-repeat: repeat-y;
height:2076px;
width:29px;
}
#header {
height: 219px;
width: 917px;
float: left;
}
/*
#header_1 {
height: 125px;
width: 208px;
float: left;
}
#header_2 {
height: 125px;
width: 501px;
float: left;
}
#header_3 {
height: 125px;
width: 208px;
float: right;
}
*/
/*
#header_1 {
height: 169px;
width: 281px;
float: left;
}
#header_2 {
height: 169px;
width: 709px;
float: right;
}
*/
#under_header {
background-image:url(../images/bottom.jpg);
background-repeat: repeat-x;
height: 15px;
width: 917px;
margin-top: 219px;
}
#under_header h1 {
font-size: 12pt;
color: #2c9962;
padding-top: 5px;
padding-bottom: 0;
}
#top_menu {
margin-top: 20px;
margin-bottom: 30px;
height: 30px;
width: 917px;
background-image:url(../images/top_menu_background.jpg);
background-repeat: repeat-x;
}
#top_menu ul {
margin: 0;
height: 30px;
list-style-type: none;
}
#top_menu ul li {
list-style-type: none;
height: 30px;
float: left;
padding: 6px;
}
#top_menu ul li a, #top_menu ul li a:hover, #top_menu ul li a:active, #top_menu ul li a.active {
text-decoration: none;
color: #000000;
font-size: 8,5pt;
height: 30px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 15px;
padding-right: 15px;
font-weight: bold;
}
#top_menu ul li a:active, #top_menu ul li a.active {
color: #2c9962;
height: 30px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 15px;
padding-right: 15px;
font-weight: bold;
}
#top_menu ul li a:hover {
color: #2c9962;
height: 30px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 15px;
padding-right: 15px;
font-weight: bold;
}
#left_front {
float:left;
background-image:url(../images/left.jpg);
background-repeat: repeat-y;
height:857px;
width:29px;
}
#right_front {
float:right;
background-image:url(../images/right.jpg);
background-repeat: repeat-y;
height:857px;
width:29px;
}
#container_front {
width: 975px;
height: 857px;
background-color: #ffffff;
}
#inner_container_front {
width: 917px;
height: 857px;
background-color: #ffffff;
float: left;
}
#landscape {
width: 302px;
height: 350px;
float: left;
margin-left: 2px;
margin-right:2px;
}
#growers {
width: 302px;
height: 350px;
float: left;
margin-left: 1px;
margin-right:1px;
}
#retail {
width: 302px;
height: 350px;
float: right;
margin-left: 2px;
margin-right:2px;
}
#landscape h1 a, #growers h1 a, #retail h1 a {
font-size: 12pt;
color: #2c9962;
font-weight: bold;
text-decoration: none;
}
#landscape p, #growers p, #retail p {
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
#landscape h1 a:hover, #growers h1 a:hover, #retail h1 a:hover {
font-size: 12pt;
color: #2c9962;
font-weight: bold;
text-decoration: underline;
}
#main_front {
width: 917px;
height: 330px;
background-color: #ffffff;
float: left;
}
#text {
width: 120px;
padding-left: 40px;
padding-right: 40px;
margin: 0;
height: 600px;
float: left;
text-align: left;
}
#text a {
color:#2c9962;
text-decoration: underline;
font-weight: bold;
}
#text a:hover {
color:#2c9962;
text-decoration: none;
font-weight: bold;
}
#main {
width: 917px;
height: 1141px;
background-color: #ffffff;
float: left;
}
#main_general {
width: 917px;
height: 941px;
background-color: #ffffff;
float: left;
}
#main_long {
width: 917px;
height: 1161px;
background-color: #ffffff;
float: left;
}
#main h1, #main_general h1, #main_long h1 {
font-size: 14pt;
color: #2c9962;
padding-top: 10px;
padding-bottom: 20px;
}
#main h4, #main_general h4, #main_long h4 {
font-size: 9pt;
color: #2c9962;
text-align: center;
margin-top: 8px;
margin-bottom: 0;
}
#main h1, #main h2, #main h3, #main_general h1, #main_general h2, #main_general h3, #main_long h1, #main_long h2, #main_long h3 {
text-align: left;
}
#main h2, #main_general h2, #main_long h2 {
padding-left: 50px;
}
#main p, #main_general p, #main_long p {
text-align: justify;
padding-left: 50px;
padding-right: 50px;
}
#main p a, #main_general p a, #main_long p a {
color: #2c9962;
text-decoration: underline;
}
#main p a:hover, #main_general p a:hover, #main_long p a:hover {
color: #2c9962;
text-decoration: none;
}
#main table, #main_general table, #main_long table {
border: solid 1px #2c9962;
}
#main td, #main_general td, #main_long td {
vertical-align: bottom;
}
td.table_title {
background-color: #2c9962;
color: #ffffff;
}
td.table_title2 {
color: #2c9962;
}
#main_content {
width: 700px;
height: 1120px;
text-align: left;
float: right;
margin: 0;
padding: 0;
}
#main_content ul {
margin: 0;
padding: 0;
}
#main_content ul a {
color: #000000;
background-color: #F3F3F3;
text-decoration: none;
}
#main_content ul a:hover {
color: #000000;
background-color: #2c9962;
text-decoration: none;
}
#main_content p {
padding-right: 25px;
text-align: justify;
}
#main_content h1 {
font-size: 14pt;
color: #2c9962padding-top: 0;
padding-bottom: 0;
margin-left: 20px;
margin-top: 0;
margin-bottom: 0;
}
#main_content h2 {
font-size: 12pt;
margin-bottom: 30px;
}
#main_content H3 {
color: #2c9962;
}
#main_content a {
color: #2c9962;
text-decoration: underline;
}
#main_content a:hover, #main_content a:active {
color: #2c9962;
text-decoration: none;
}
#main_design {
width: 917px;
height: 1141px;
background-color: #ffffff;
float: left;
}
#main_design h1, #design_themes_title1 h1 {
font-size: 14pt;
color: #2c9962
}
#main_design h1, {
padding-top: 10px;
padding-bottom: 20px;
}
#design_themes_title1 h1 {
padding-top: 5px;
padding-bottom: 10px;
}
#main_design h1, #design_themes_title1 h1 {
text-align: left;
padding-left: 135px;
}
#design_themes_title2 {
padding-right: 260px;
}
#main_design img {
margin-top: 20px;
}
#main_design_title {
text-align: left;
height: 70px;
margin-top: 20px;
}
#design_themes_title1, #design_themes_title2 {
height: 40px;
}
#design_themes_title1 {
float: left;
}
#design_themes_title2 {
float: right;
}
#illustration {
width: 95px;
margin: 0;
padding: 0;
height: 600px;
float: left;
}
#illustration2 {
width: 622px;
margin: 0;
padding: 0;
height: 600px;
float: right;
}
#design_themes_links {
width: 160px;
padding-left: 20px;
padding-right: 20px;
}
#design_themes_links_2 {
width: 182px;
float: right;
background: #2c9962;
text-align: left;
font-size: 8pt;
height: 600px;
padding-left: 20px;
padding-right: 20px;
}
#design_themes_links_2 h2 {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 13pt;
font-weight: bold;
}
#design_themes_links_2 h3 {
margin-top: 0;
padding-top: 10px;
padding-bottom: 0;
margin-bottom: 0;
font-size: 11pt;
font-weight: bold;
}
#design_themes_links_2 a {
color: #ffffff;
text-decoration: underline;
font-size: 8pt;
}
#design_themes_links_2 a:hover {
color: #ffffff;
text-decoration: none;
font-size: 8pt;
}
#design_themes_links_extra {
width: 895px;
height: 30px;
padding: 10px;
border: solid 1px #2c9962;
margin-top: 650px;
text-align: left;
}
#design_themes_links_extra a {
color: #2c9962;
text-decoration: underline;
}
#design_themes_links_extra a:hover {
color: #2c9962;
text-decoration: none;
}
#design_themes_text {
width: 520px;
padding-left: 40px;
padding-right: 40px;
}
#design_themes_text p {
margin-top:0;
text-align: justify;
}
#design_themes_text a {
color:#2c9962;
text-decoration: underline;
}
#design_themes_text a:hover {
color:#2c9962;
text-decoration: none;
}
#design_themes_links, #design_themes_text {
margin: 0;
height: 600px;
float: left;
text-align: left;
}
#design_themes_links a {
color: #2c9962;
font-weight: bold;
text-decoration: underline;
}
#design_themes_photos {
height: 570px;
width: 917px;
background-color: #1c1c1c;
float: left;
padding: 0;
}
.library, .library a {
float: left;
width: 100px;
height: 180px;
margin: 5px;
padding: 10px;
list-style-type: none;
font-size: 8pt;
text-align: left;
}
.library a {
border: 0;
text-decoration: none;
}
a.species {
color: #2c9962;
font-weight: bold;
text-decoration: underline;
}
a:hover.species {
color: #2c9962;
font-weight: bold;
text-decoration: none;
}
a.type {
color: #2c9962;
text-decoration: underline;
}
a:hover.type {
color: #2c9962;
text-decoration: none;
}
#next, #back_next {
margin-top: 890px;
}
#next, #back, #back_next {
text-align: center;
}
#next a, #back a, #back_next a {
text-decoration: underline;
color: #2c9962;
background-color: #ffffff;
padding: 20px;
}
#next a:hover, #back a:hover, #back_next a:hover {
text-decoration: none;
color: #2c9962;
background-color: #ffffff;
padding: 20px;
}
#definition{
margin:25px;
}
h3.popup {
color: #2c9962;
}
#content_line_1 {
height: 350px;
}
#content_line_2 {
height: 500px;
}
#content_left_1, #content_right_1, #content_left_2, #content_right_2 {
width: 433px;
border: solid 1px #2c9962;
}
#illustration_left {
width: 50px;
height: 300px;
float: left;
}
#species_links {
width: 150px;
height: 300px;
float: left;
}
#illustration_right {
width: 233px;
height: 300px;
float: right;
}
#content_left_1, #content_right_1 {
height: 300px;
margin-top: 10px;
}
#content_left_2, #content_right_2 {
height: 500px;
}
#content_left_1, #content_left_2 {
margin-left: 0px;
float: left;
}
#content_right_1, #content_right_2 {
margin-right: 0px;
float: right;
}
#content_left_1 h1, #content_right_1 h1 {
width: 150px;
}
#content_left_2 h1, #content_right_2 h1 {
width: 433px;
}
#content_left_1 h1, #content_right_1 h1, #content_left_2 h1, #content_right_2 h1 {
font-size: 12pt;
color: #000000;
font-weight: bold;
height: 50 px;
margin: 0;
text-align: center;
padding-left: 0;
padding-bottom: 0;
}
#content_left_1, #content_left_2 {
float: left;
}
#content_right_1, #content_right_2 {
float: right;
}
#content_left_1 ul, #content_left_2 ul, #content_right_1 ul, #content_right_2 ul {
margin: 0;
padding: 0;
height: 475px;
}
#content_left_1 ul a, #content_left_2 ul a, #content_right_1 ul a, #content_right_2 ul a {
color: #000000;
background-color: #F3F3F3;
}
#content_left_1 ul a:hover, #content_left_2 ul a:hover, #content_right_1 ul a:hover, #content_right_2 ul a:hover {
color: #000000;
background-color: #2c9962;
}
#footer {
width: 917px;
height: 125px;
margin-top: 400px;
font-size: 8pt;
}
#footer1 {
width: 280px;
height: 80px;
float: left;
margin-left: 2px;
margin-right:2px;
text-align: left;
padding-left: 20px;
padding-top: 20px;
}
#footer2 {
width: 280px;
height: 80px;
float: left;
margin-left: 1px;
margin-right:1px;
text-align: center;
padding-top: 20px;
}
#footer3 {
width: 280px;
height: 80px;
float: right;
margin-left: 2px;
margin-right:2px;
text-align: right;
padding-right: 20px;
padding-top: 20px;
}
#footer a, #footer1 a, #footer2 a, #footer3 a {
font-size: 8pt;
text-decoration: none;
color: #2c9962;
}
#footer a, #footer1 a:hover, #footer2 a:hover, #footer3 a:hover {
font-size: 8pt;
text-decoration: underline;
color: #2c9962;
}