body {
	text-align: center;
	color: #333;
	background-color: #D4D9CB; }
	
img {
	display: block;
	border: 0px;
	margin: 0px;
	padding: 0px; }
	
#frame {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 804px;
	text-align: center; }
	
#sage {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 800px;
	text-align: center;
	background-image: url(images/sage_bg.gif);
	background-repeat: repeat-x;
	background-color: #DCCF89; }
	
#header {
	margin: 0px;
	padding: 0px;
	width: 794;
	background: #F4F6EE; }
	


/***************************************************
BODY TEXT ELEMENTS
***************************************************/
         
h1 {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 6px 15px;
	text-align: left;
	font-family: Trebuchet MS, verdana, helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height:16px;
	color: #812E2D;
	text-transform: uppercase; }
	
p {
	margin: 0px 0px 0px 0px;
	padding: 0px 22px 0px 15px;
	text-align: left;
	font-family: Trebuchet MS, verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height:18px;
	color: #2B3B27; }
	
p.box {
	margin: 0px 0px 0px 0px;
	padding: 4px 15px 0px 15px;
	text-align: left;
	font-family: Trebuchet MS, verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height:16px;
	color: #848156; }

p.button {
	margin: 0px 0px 0px 0px;
	padding: 26px 20px 14px 20px;
	text-align: center;
	font-family: Trebuchet MS, verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height:16px;
	color: #848156; }
	
p.contact {
	margin: 0px 0px 0px 0px;
	padding: 2px 22px 0px 0px;
	text-align: right;
	font-family: Trebuchet MS, verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height:16px;
	color: #2B3B27; }
	
/***************************************************
LEFT NAV ELEMENTS
***************************************************/

 #navcontainer ul
 {
 margin: 0px;
 padding: 0px 0px 0px 10px;
 list-style-type: none;
 text-align: left;
 }

 #navcontainer ul li a
 {
 background: transparent url(images/star_off.gif) left center no-repeat;
 padding-left: 15px;
 text-align: left;
 font: normal 11px Trebuchet MS, verdana, helvetica, sans-serif;
 text-decoration: none;
 line-height:18px;
 color: #812E2D;
 text-transform: uppercase;
 }

 #navcontainer ul li a:hover
 {
 background: transparent url(images/star_roll.gif) left center no-repeat;
 color: #7F8D6A;
 text-transform: uppercase;
 }

 #navcontainer ul li a#current
 {
 background: transparent url(images/star.gif) left center no-repeat;
 color: #2B3B27;
	text-transform: uppercase;
 }



/***************************************************
IMAGE SWAP
***************************************************/

#swap01 {
	background-image: url(images/button_demo_r.gif);    /* rollover state */
	width: 143px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap02 {
	background-image: url(images/button_data_r.gif);    /* rollover state */
	width: 143px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap03 {
	background-image: url(images/button_insite_r.gif);    /* rollover state */
	width: 143px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap04 {
	background-image: url(images/button_site_selection_r.gif);  /* rollover state */
	width: 143px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap05 {
	background-image: url(images/button_supply_r.gif);  /* rollover state */
	width: 143px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap06 {
	background-image: url(images/button_purchase_r.gif);  /* rollover state */
	width: 143px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap07 {
	background-image: url(images/button_contact_manage_r.gif);  /* rollover state */
	width: 143px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap08 {
	background-image: url(images/button_customer_r.gif);  /* rollover state */
	width: 143px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap09 {
	background-image: url(images/button_event_r.gif);  /* rollover state */
	width: 143px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap10 {
	background-image: url(images/button_cost_r.gif);  /* rollover state */
	width: 143px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap11 {
	background-image: url(images/button_contact_r.gif);  /* rollover state */
	width: 143px;                    /* image width */
	height: 24px;                   /* image height */
}
#swap12 {
	background-image: url(images/button_learn_r.gif);  /* rollover state */
	width: 143px;                    /* image width */
	height: 24px;                   /* image height */
}

/* Application: Common Code */

.rollover { display: block; border: 0;} /* Allow setting widths and heights */
.rollover:hover { visibility: visible; /* for IE */ border: 0;} /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; border: 0;} /* 'rolls over' the image */



	
/***************************************************
FOOTER TEXT ELEMENTS
***************************************************/

a.btmnav {
		color: #666;
		font-size: 10px; 
		text-decoration: none; }
			
a.btmnav:link { 
	color: #666;
	font-size: 10px; }
			
a.btmnav:visited { 
	color: #666;
	font-size: 10px; }
	
a.btmnav:hover { 
	color: #666;
	font-size: 10px; }
	
a.green {
	color: #2B3B27; 
	text-decoration: none; }
			
a.green:link { 
	color: #2B3B27;
	text-decoration: none; }
			
a.green:visited {
		color: #2B3B27; 
		text-decoration: none; }
	
a.green:hover { 
	color: #2B3B27;
	text-decoration: underline; }
	
p.copyright {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 12px;
	text-align: left;
	font-family: Trebuchet MS, verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height:16px;
	color: #2B3B27; }
	
p.foot {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 15px;
	text-align: left;
	font-family: Trebuchet MS, verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height:16px;
	color: #2B3B27; }