@charset "UTF-8";

body{
	font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #DFE2CD;
	padding:0;
}
a{
	text-decoration: none;
	color: #a13926;
	cursor:pointer;
}
a:hover{
	color: #daad88;
	cursor: pointer;
}
hr{display: none;}
strong{font-weight: bold;}

#nav {
	margin: 0px 0px 0px 16px;
	padding: 0;
	list-style: none;
}

/* Generic navigation rules here */
#nav a {
	display: block;
	width: 197px;
	height:43px;
	padding:0;
	color:#DFE2CC;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: right;
}
/* Rules specific to the link */ 
#nav li#home a {
background-image: url(../images/welcome.gif);
}
#nav li#home a:hover, li#home a:active {
background-image: url(../images/welcome_active.gif);
} 
#nav li#contact a {
background-image: url(../images/contact.gif);
}
#nav li#contact a:hover, li#home a:active {
background-image: url(../images/contact_active.gif);
}
#nav li#directions a {
background-image: url(../images/directions.gif);
}
#nav li#directions a:hover, li#home a:active {
background-image: url(../images/directions_active.gif);
}
#nav li#store a {
background-image: url(../images/store.gif);
}
#nav li#store a:hover, li#home a:active {
background-image: url(../images/store_active.gif);
}
#nav li#gardens a {
background-image: url(../images/gardens.gif);
}
#nav li#gardens a:hover, li#home a:active {
background-image: url(../images/gardens_active.gif);
}
#nav li#lucy a {
background-image: url(../images/lucy.gif);
}
#nav li#lucy a:hover, li#home a:active {
background-image: url(../images/lucy_active.gif);
}
#nav li#friends a {
background-image: url(../images/friends.gif);
}
#nav li#friends a:hover, li#home a:active {
	background-image: url(../images/friends_active.gif);
}
#nav li#sudan a {
background-image: url(../images/sudan.gif);
border:1px solid #A2B58B;
}
#nav li#sudan a:hover, li#home a:active {
background-image: url(../images/sudan_active.gif);
border:1px solid #A2B58B;
}
#nav li#news a {
background-image: url(../images/news.gif);
}
#nav li#news a:hover, li#home a:active {
	background-image: url(../images/news_active.gif);
}


.container{
width:950px;
overflow:hidden;
margin: 0 auto;
}
h1{
position: absolute;
height: 214px;
top: 34px;
}
h1 a{
font: 24px/24px Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: -2px;
padding: 0;
display: block;
color: #fff;
cursor: pointer;
}
h1 a:hover{color: #fff; cursor: pointer;}
h1 a span{
height:71px;
width: 13px;
position: absolute;
top:0;
right: -13px;
cursor: pointer;
}

/* header layout */
#header{
	height: 330px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/header_blank.jpg);
	width: 950px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}
	
#banner{
	position: absolute;
	height: 250px;
	padding:0;
	width: 700px;
	left: 94px;
	top: 40px;
}
.logo{
	position:absolute;
	height:112px;
	width:235px;
	left: -3px;
	top: 40px;
	background-repeat: no-repeat;
}
.toppic{
	position:absolute;
	height:240px;
	width:255px;
	background-image: url(../images/summer_square.png);
	left: 700px;
	top: 90px;
	background-repeat: no-repeat;
}	
.leftplace{
	position:absolute;
	height:276px;
	width:230px;
	left: 0px;
	top: 54px;
	background-repeat: no-repeat;
	background-image: url(../images/top_logo_gen.png);
}
/* LAYOUT - main area layout */
#main{
width: 950px;
position: relative;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}

/* left column */
#leftcolumn{
	float: left;
	width:230px;
	background-image: url(../images/sd_menu.png);
	background-repeat: no-repeat;
	height: 600px;
	padding: 0;
	margin: 0 auto;
}

/* LAYOUT - hover popup images */
#pic_center {
	position: relative;
}
#pic_center a .large {
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
border: none;
}
#pic_center a .large2 {
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
border: none;
}

#pic_center a img {
}
#pic_center a.p1, #pic a.p1:visited {
display: block;
left: 1px;
text-decoration: none;
top: 1px;
}
#pic_center a.p1:hover {
text-decoration: none;
}
#pic_center a.p1:hover .large {
	display: block;
	left: 100px;
	position: absolute;
	top: -20px;
	width: 350px;
	border: 5px solid #A2B58B;
	height: 470px;
}
#pic_center a.p1:hover .large2 {
	display: block;
	left: 100px;
	position: absolute;
	top: -20px;
	width: 350px;
	border: 5px solid #A2B58B;
	height: 470px;
}

#pic {
	left: 672px;
	position: absolute;
	top: 184px;
	width: auto;
	height: auto;
}
#pichome {
	left: 635px;
	position: absolute;
	top: 160px;
	width: auto;
	height: auto;
}

#pic a .large {
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
border: none;
}
#pic a .large2 {
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
border: none;
}

#pic a img {
border: none;
}
#pic a.p1, #pic a.p1:visited {
display: block;
left: 1px;
text-decoration: none;
top: 1px;
}
#pic a.p1:hover {
text-decoration: none;
}
#pic a.p1:hover .large {
	display: block;
	left: -100px;
	position: absolute;
	top: 20px;
	height: 350px;
	width: 350px;
	border: 5px solid #A2B58B
}
#pic a.p1:hover .large2 {
	display: block;
	left: -150px;
	position: absolute;
	top: 20px;
	border: 5px solid #A2B58B;
	width: 400px;
	height: 300px;
}

#pic2_center {
	position: relative;
}
#pic2_center a .large {
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
border: none;
}
#pic2_center a .large2 {
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
border: none;
}


#pic2_center a img {
}
#pic2_center a.p1, #pic a.p1:visited {
display: block;
left: 1px;
text-decoration: none;
top: 1px;
}
#pic2_center a.p1:hover {
text-decoration: none;
}
#pic2_center a.p1:hover .large {
	display: block;
	left: 100px;
	position: absolute;
	top: -20px;
	width: 350px;
	border: 5px solid #A2B58B;
	height: 470px;
}
#pic2_center a.p1:hover .large2 {
	display: block;
	left: 100px;
	position: absolute;
	top: -20px;
	width: 350px;
	border: 5px solid #A2B58B;
	height: 470px;
}


#pic2 {
	left: 829px;
	position: absolute;
	top: 297px;
	width: auto;
	height: auto;
}

#pic2 a .large {
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
border: none;
}
#pic2 a .large2 {
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
border: none;
}

#pic2 a img {
border: none;
}
#pic2 a.p1, #pic a.p1:visited {
display: block;
left: 1px;
text-decoration: none;
top: 1px;
}
#pic2 a.p1:hover {
text-decoration: none;
}
#pic2 a.p1:hover .large {
	display: block;
	left: -100px;
	position: absolute;
	top: 20px;
	height: 350px;
	width: 350px;
	border: 5px solid #A2B58B
}
#pic2 a.p1:hover .large2 {
	display: block;
	left: -100px;
	position: absolute;
	top: 20px;
	height: 350px;
	width: 350px;
	border: 5px solid #A2B58B
}

/* LAYOUT - left column layout */
.leftbox{
	padding: 40px 0px 10px 0px;
	margin-bottom:0px;
	line-height:1.8em;
	list-style: none;
}

h3.leftbox{
font-size:19px;
color: #8c8685;
padding:5px 0 0px 18px;
padding-left: 18px;
}
h3.header_small{
font-size:15px;
font-weight: bold;
padding:0px 20px 5px 18px;
}
ul.leftbox{
font-size: 1.2em;
padding-right: 0px;
padding-left: 16px;
margin: 0 auto;
padding-top: 0px;
}
.features{
padding-top:0px;
font:1.27em Arial, Helvetica, sans-serif;
background: url(../images/left_bottom.jpg) left bottom no-repeat;
padding-bottom: 0px;
height: 200px;
padding-right: 35px;
padding-left: 18px;
}
#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px}	

	
/* CONTENT - center column */
#center{
float: left;
width:720px;
padding: 0;
padding-top: 0px;
}
.article_wrapper h2{
	color: #5699A7;
	font-size:2em;
	margin:0px 0px 12px 0px;
	text-align: left;
}

.article_wrapper h3{
	font-size:1.2em;
	font-weight: bold;
	color:#8c8685;
	letter-spacing: 3px;
	margin: 0;
	padding: 0;
}

.article_wrapper h4{
	font-size: 10px;
	font-weight: bold;
	color:#333;
	letter-spacing: 0px;
	margin-top: 0px;
	margin-bottom:opx;
	padding: 0;
}

.article_wrapper p{
	font-size:1.3em;
	color: #003974;
	padding: 0;
	margin: 18px 0px 6px 0px;
}	
.article_wrapper p{
	font-size:1.5em;
	color: #003974;
	padding: 0;
	margin: 8px 0px 12px 0px;
}
.article_wrapper ul{
	margin: 18px 0px 0px 0px;
	color: #003974;
	font-size: 1.5em;
}	

.inside_article_wrapper {
	padding:12px 280px 12px 0px;
	margin: 0;
}
.inside_article_wrapper_lower {
	padding:12px 20px 12px 0px;
	margin: 0;
}
.inside_article_wrapper_open {
	padding:12px 40px 12px 40px;
	margin: 0;
}

.centerimage{
	height:358px;
	background-image: url(../images/glasshouse.gif);
	left: 673px;
	background-repeat: no-repeat;
	position: absolute;
	top: 158px;
	width: 269px;
	margin: 0 auto;
	padding: 0;
}	
/* right column */
#rightcolumn{
float: right;
width:240px;
}
.rightbox_wrapper{
	padding:0px 5px 0px 5px;
	width:230px;
	overflow: hidden;
	font-size:11px;
	line-height: 18px;
	margin-top: 10px;
	border-left: 1px solid #8c8685;
}	
.rightbox{
	overflow: hidden;
	padding: 8px 8px 8px 8px;
}
.product_image{ float: left;margin: 6px 0 0 6px;}
.product_wrapper{
	float: right;
	width:220px;
	margin: 0;
}
.product_wrapper h4{
font-size:1.3em;
color: #483F3D;
font-weight: bold;
padding-top:0px;
}
.product_wrapper h5{
	font-size:1.2em;
	font-weight: bold;
	padding-top:0px;
	color:#8c8685;
	letter-spacing: 3px;
	margin: 6px 0px 0px 0px;
}
.product_wrapper p{
font-size:1em;
}
.lastbox{
margin-top: 20px;
margin-bottom: 20px;
}
.news{
width:230px;
overflow: visible;
font-size:11px;
line-height: 18px;
color: #58584D;
margin-top: 20px;
height: 310px;
background-color: #FFFFFF;
}
.newsbox{
margin-top: 0px;
margin-bottom: 0px;
background-image: url(../images/news.jpg);
background-repeat: no-repeat;
margin-left: 0px;
height: 300px;
width: 220px;
}

.clearfloat {
clear: both;
height: 0;
line-height:0;
}

/* =FOOTER */

#footer {
	font-size: 1em;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	width: 730px;
	color: #666666;
	text-align: center;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	position: relative;
	left: 110px;
}
#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}

#footer a{
	color: #B25D24;
}
#footer_navigation{float: right;padding-top:0px;}
#footer_navigation li{float: left;padding-left:18px;}
#footer_navigation li a{text-transform:uppercase;}
#footer_navigation li a:hover{color: #5699A7;}
	
img {

}
.border_img {
	padding: 6px;
	background-color: #A2B58B;
	border:0px;
}
.border_img a{
	
}
#vertnav{ 
	margin: 0px 0px 0px 16px;
	padding: 0;
	list-style: none;}

#vertnav ul { 
   padding:0;
    margin:0;
	list-style: none;
	width: 197px;
	z-index:99;
   overflow:visible;
   position:absolute;   
}

#vertnav li { 
	position: relative;
	width: 197px;
	border:none;
   display:block;
	height:43px;
   margin:0;
}

#vertnav ul li{
	background-color:none;
}

#vertnav li{ border:none;}
#vertnav li:last-child{border-bottom:none;}


#vertnav a { 
    padding: 0;  
    margin:0.2em 0 0.2em 0.1em; /*helps Opera with hover */
	display: block;
	width: 197px;
	height:43px;
	color:#DFE2CC;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: right;

}

#vertnav li#charities a {
background-image: url(../images/charities.gif);
}

#vertnav li#charities a:hover, li#home a:active {
background-image: url(../images/charities_active.gif);
}

#vertnav li#sudan a {
	background-image: url(../images/sudan.gif);
	background-color:#DFE2CC;
	border:1px solid #A2B58B;
}

#vertnav li#sudan a:hover, li#home a:active {
background-image: url(../images/sudan_active.gif);
border:1px solid #A2B58B;
	background-color:#DFE2CC;
}

#vertnav li#health a {
background-image: url(../images/health.gif);
border:1px solid #A2B58B;
	background-color:#DFE2CC;
}

#vertnav li#health a:hover, li#home a:active {
background-image: url(../images/health_active.gif);
border:1px solid #A2B58B;
	background-color:#DFE2CC;
}

#vertnav li:hover, #vertnav a:hover{
	background-color:#DDE1CA;
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{
    display:none; 
    position:absolute; 
    top:0; 
    left:3em;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul{
    display:none; 
  
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}


/* Win IE only \*/
* html #vertnav li{float:left;} 
/* end holly hack */