body { 
	background: #ffffff url(layout/bg-tile.jpg) repeat-x top;
	text-align:center;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Trebuchet, Verdana , Arial, Helvetica, sans-serif;
	letter-spacing: .75px;	
	}

html, body {
	height: 100%;
	}

/* STRUCTURE -------------------------------------------------- */

#frame {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	background: #ffffff url(layout/bg-marimba.jpg) no-repeat top center;
	}

#left {
	width:425px;
	padding-left:87px;
	padding-top:50px;
	float:left;
	}

#right {
	width:292px;
	position:relative;
	left:46px;
	top:79px;
	float:left;
	}

#header {
	display:block; width: 476px; height: 92px;
	background: url(layout/title.gif) no-repeat top center;
	position:relative;
	left:41px;
	top:31px;
	}

#header a {
	width: 476px; height: 92px;
	display: block;
	text-indent: -5000px;
	}

/* GREENMENU -------------------------------------------------- */

#greenmenu {
	float:left;
	width:292px;
	background:url(layout/greenbottom.gif) no-repeat right bottom;
	margin:0;
	padding:0;
	list-style:none;
	}

#greenmenu ul {
	float:center;
	background:url(layout/greentop.gif) no-repeat right top;
	margin:0;
	padding: 25px 10px 25px 10px;
	}

#greenmenu li {
	display:block;
	}


/* NAVIGATION -------------------------------------------------- */

#nav {
	width:292px;
	height:205px;
	background: url(layout/nav-slice.gif);
	}

#nav li {
	margin: 0; padding: 0; list-style: none;
	position: absolute;
	}

#nav li, #nav a {
	text-indent: -5000px;
	width: 292px;
	display: block;
	}

#nav1 {top: 9px; height: 20px;}
#nav2 {top: 29px; height: 20px;}
#nav3 {top: 49px; height: 20px;}
#nav4 {top: 69px; height: 20px;}
#nav5 {top: 89px; height: 20px;}
#nav6 {top: 109px; height: 20px;}
#nav7 {top: 129px; height: 20px;}
#nav8 {top: 149px; height: 20px;}
#nav9 {top: 169px; height: 20px;}

#nav1 a:hover {background: transparent url(layout/nav-slice.gif) 0px -214px no-repeat;}
#nav2 a:hover {background: transparent url(layout/nav-slice.gif) 0px -234px no-repeat;}
#nav3 a:hover {background: transparent url(layout/nav-slice.gif) 0px -254px no-repeat;}
#nav4 a:hover {background: transparent url(layout/nav-slice.gif) 0px -274px no-repeat;}
#nav5 a:hover {background: transparent url(layout/nav-slice.gif) 0px -294px no-repeat;}
#nav6 a:hover {background: transparent url(layout/nav-slice.gif) 0px -314px no-repeat;}
#nav7 a:hover {background: transparent url(layout/nav-slice.gif) 0px -334px no-repeat;}
#nav8 a:hover {background: transparent url(layout/nav-slice.gif) 0px -354px no-repeat;}
#nav9 a:hover {background: transparent url(layout/nav-slice.gif) 0px -354px no-repeat;}
#nav9 a:hover {background: transparent url(layout/nav-slice.gif) 0px -374px no-repeat;}


/* TEXT STYLES -------------------------------------------------- */

#title {
	font-family: Trebuchet MS, Trebuchet, Verdana , Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #4b7235;
	font-weight: bold;
	}

/* IE HACKS -------------------------------------------------- */

* html #left {
	width:512px;
	}
    
     /* 
     silly box issue.  the padding didn't move the box
     over enough, so i had to add the padding value to
     the width value to get 512.
     */