body {
background-color:#f4fdd9;
margin:10px;
}

table {
background-color:#FFFFFF;

}


h1{
color:#006463;
font-family:verdana, helvetica, sans serif;
font-size:18px;
margin-top:15px;

}

.text_custom_box {
font-family: verdana,helvetica,sans serif;
color:#333333;
font-size:11px;
text-align:left;
padding-left:25px;
padding-right:5px;
line-height:17px;
margin-top:0px;
padding-top:0px;
vertical-align:top;
}

.custom_box { 
width:187px;
height:500px;
background-image:url(/images/curvy-box.gif);
margin-right:20px;
margin-left:0px;
margin-top:17px;
}


p, .form_label, .text {
font-family: verdana,helvetica,sans serif;
color:#333333;
font-size:11px;
text-align:left;
padding-left:40px;
padding-right:5px;
line-height:17px;
margin-top:0px;
padding-top:0px;
vertical-align:top;
}

.super-footer { 
background-image:url(http://growing-gardens.org/images/breadcrumbs-background.gif);
font-family: verdana,helvetica,sans serif;
color:#333333;
font-size:9px;
text-align:left;
line-height:17px;
padding-top:5px;
padding-left:30px;
vertical-align:top;
}

.breadcrumbs_cell {
font-family: verdana,helvetica,sans serif;
color:#333333;
font-size:8px;
text-align:left;
padding-left:40px;
vertical-align:top;
color:#CCCCCC;
}

a.breadcrumbs {

color:#CCCCCC;
text-decoration:underline;
}



.footer {
font-family: verdana,helvetica,sans serif;
font-size:10px;
font-weight:bold;
vertical-align:bottom;
padding-left:3px;
padding-right:3px;
padding-top:5px;
color:#666666;
}		 

a.footer {
	color:#506638;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	
}


a {
	text-decoration:underline;
}


/* box on left og home page */

h3 {
	font-family:arial, sans-serif; 
	font-weight:bold; 
	font-size:1.5em; 
	letter-spacing:-1px; 
	color:#333333;
	padding-top:15px;
	padding-left:17px;
	padding-bottom:0px;
	margin-bottom:5px;
	margin-top:3px;
}

textarea, input {
font-family: verdana,helvetica,sans serif;
color:#333333;
font-size:11px;
text-align:left;
border: 1px solid #CCCCCC;
}

.submit-button
{
color: #FFFFFF;
font-weight:bold;
padding:1px;
background: #006463;
border:2px #CCCCCC outset;
} 


.nav {
font-size:10px;
font-family:verdana, helvetica, sans serif;
color:#9b999a;
padding-left:15px;
}

.nav:hover {
font-size:10px;
font-family:verdana, helvetica, sans serif;
color:#FFFFFF;
padding-left:15px;
}



/* navigation style */

div.menu {
	background:#FFFFFF;
	padding-right:10px;
	padding-bottom:10px;
	margin-right:10px;
	margin-bottom:15px;
	margin-top:5px;
	font-family:verdana, arial, helevetica, sans serif;
	font-size:10px;
	font-weight:normal;
	width:25%;
	float:left;
	border-right:3px solid #84bF33;
}

.menu a {
	display:block;
	width:100%;
	padding:0.3em;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
	font-family:verdana, arial, helevetica, sans serif;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	border-top:1px solid #FFFFFF;
	background-color:#FFFFFF;
}

.home a {
	display:block;
	width:100%;
	padding:0.3em;
	font-weight:bold;
	color:#006463;
	text-decoration:none;
	font-family:verdana, arial, helevetica, sans serif;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	border-top:1px solid #FFFFFF;
	background-color:#FFFFFF;
}


html>body div.menu a {width:auto;}

div.menu a:hover {
	color:#006463;
}
div.menu a.home {background:#FFFFFF;color:#006463;
}



#page_nav {
width:250px;
float: left;
border-right:2px solid #006463;
text-align:right;
padding-bottom:10px;
margin-bottom:15px;
}
a.page_nav {
color:#999999;
padding-right:10px;
}










/* Navigation Bar
------------------------------------------------*/
#nav {
	width: 752px;
	background-color: #97c058;
	margin: 0px auto;
}
#nav ul {
	margin:0px;
	list-style-type: none;
	padding: 0px;
	border-top:1px solid #F5F5F5;
	background-color: #97c058;

}
#nav ul li {
	display: inline;
	font: bold 12px lucida sans, Arial, Helvetica, sans serif;
	margin: 0px;
	position: relative;
	float: left;
	overflow: visible;
	z-index:5;
	margin-bottom:5px;
	background-color: #97c058;

}

#nav ul li.home {
	background-image:url(http://localhost/backup/BitByBit/images/computer-rentals-highlight.gif);
	background-repeat:no-repeat; 
	background-position: bottom;
	}

#nav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
	display: block;
	height: 24px;
	padding-left:20px;
	padding-right:20px;
	float:left;
}
#nav ul li a:hover, #nav ul li.selected a {
	color:#00349A;
	height: 24px;
}

#nav a.home { color:#00349a;	}






	/* Sub-nav
	------------------------------------------------*/
	#nav ul li ul {
		border: 1px solid #F5F5F5;
		display: none;
		position: absolute;
		background-color:#97c058;
		padding-left: 15px;
		width: 140px;
		top: 24px;
		border:0px solid #000000;
		/* for IE: */
		left: 0;
	}
	#nav ul li ul li {
		border:0px solid #000000;
	}

	#nav ul li>ul {
		/* to fix above IE hack in Opera: */
		left: auto;
		list-style-type: disc;
	}
	#nav ul li:hover ul, #nav ul li.over ul {
		display: block;
	}
	#nav li ul li {
		font: bold 11px Arial, Helvetica, sans serif;
		color: #666666;
		text-transform: none;
		float: none;
		display:block;
		border-bottom: 1px solid #666666;
		width: 100%;
		padding: 2px 0px;
	}
	#nav li ul li a, #nav ul li.selected ul li a {
		padding: 0px;
		float: none;
		height:100%;
		line-height:normal;
		color:#666666;
		background-image: none;
		/* for IE: */
		padding-left: 0px;
	}
	#nav li ul li>a {
		padding-left:0px;
	}
	#nav li ul li a:hover {
		color:#666666;
		display: list-item;
		height:100%;

	}
	#nav li ul li.over { /* IE only */
		color:#00349A;
	}