@charset "UTF-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #e3e3e3;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding:20px 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
a {
	color:#993300;
	text-decoration:none;
	}
a:hover {
	color:#CC3300;
	text-decoration:underline;
}

#topcontainer {
	width:960px;
	height:273px;
	background:url(images/bgrnd-l1top.jpg) no-repeat;
	position:relative;
}

.logo {
	background:url(images/logo.gif) no-repeat;
	margin:0;
	width:113px;
	height:158px;
	Position:absolute;
	top:22px;
	left:49px;
}

#topcontainer .textbox {
	margin:0;
	width:400px;
	position:absolute;
	top:90px;
	left:238px;
}
#topcontainer .textbox p {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#4f3f22;
}

#topcontainer .textbox-eastern {
	margin:0;
	width:581px;
	position:absolute;
	top:102px;
	left:239px;
}
#topcontainer .textbox-eastern p {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#224f27;
}

#midcontainer {
	width:960px;
	height:26px;
	background:url(images/bgrnd-l1median.jpg) no-repeat;
}
#midcontainer .textbox {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	padding:4px 0 0 20px;
}

#bottomcontainer {
	width:960px;
	background:url(images/bgrnd-l1bottom.jpg) no-repeat top #a6c8a6;
}

#bottomcontainer .textbox {
	width:196px;
	margin:20px 3px 0 20px;
	font:Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#4f3f22;
	float:left;
}


/* ------------------------
	Eastern Brand definitions
--------------------------*/

#topcontainer-eastern {
	width:960px;
	height:273px;
	background:url(images/bgrnd-l1top-eastern.jpg) no-repeat;
	position:relative;
}

#topcontainer-eastern .textboxeastern {
	margin:0;
	width:581px;
	position:absolute;
	top:102px;
	left:239px;
}
#topcontainer-eastern .textboxeastern p {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#224f27;
}

#midcontainer-eastern {
	width:960px;
	height:26px;
	background:#224f27;
}
#midcontainer-eastern .textbox {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	padding:4px 0 0 20px;
}

#bottomcontainer-eastern {
	width:960px;
	background:#efe19d;
}

#bottomcontainer-eastern .textbox {
	width:196px;
	margin:20px 3px 0 20px;
	font:Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#4f3f22;
	float:left;
}


/* ------------------------
	Content text definitions
--------------------------*/

h1 {
	font-size:15px;
	font-weight:bold;
}

h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:-8px;
}
h3 {
	font-size:12px;
	font-weight:bold;
	color:#000;
	margin-bottom:-8px;
}
p {
	font-size:12px;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#4f3f22;
}

/*------------------------------
        FOOTER
---------------------------------*/


#footercontainer {
	width:960px;
	background:url(images/bgrnd-l1footer.jpg) no-repeat top;
	height:47px;
	margin-bottom:10px;
}
#footercontainer .textbox {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	padding:25px 0 0 20px;
}

#footercontainer-eastern {
	width:960px;
	background:url(images/bgrnd-l1footer-eastern.jpg) no-repeat top;
	height:47px;
	margin-bottom:10px;
}
#footercontainer-eastern .textbox {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	padding:25px 0 0 20px;
}

/*------------------------------
        content page layout
---------------------------------*/

#leftbarContainer {
	width:340px;
	margin: 0 auto;
	float:left;
	background:#c4b68d;
	position:relative;
}
#rightbarContainer {
	width:620px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	float:left;
}
#leftbarContainer #top {
	width:340px;
	background:url(images/bgrnd-l2top.jpg) no-repeat;
	float:left;
}

#l2hdr {
	width:178px;
	margin:33px 0 0 0;
	float:left;
}
#l3nav {
	width:178px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}
#l3nav a {
	color:#1e4e29;
	text-decoration:none;
}
#l3nav a:hover {
	color:#009900;
	text-decoration:none;
}
#l3nav .selected {
	color:#000;
	font-weight:bold;
}

/*----------------------------
          Menu
------------------------------*/

#menu {
	width: 614px;
	height: 31px;
	margin:0;
	padding:0px;
	position:absolute;
	left:346px;
	top:40px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:bold;
	background: url(images/navbar.gif) 0 bottom no-repeat;

	
}

#menu #home a {
	width:73px;
	height:31px;
	display:block;
}
#menu #home a:hover {
	background-position: 0 -31px;
}

#menu #home a.selected {
	background-position: 0 1px;
}

#menu #company a {
	width:81px;
	height:31px;
	display:block;
	background-position:-73px -63px
}
#menu #company a:hover {
	background-position: -73px -31px;
}

#menu #company a.selected {
	background-position: -73px 1px;
}

#menu #products a {
	width:166px;
	height:31px;
	display:block;
	background-position: -154px -63px;
}
#menu #products a:hover {
	background-position: -154px -31px;
}

#menu #products a.selected {
	background-position: -154px 1px;
}

#menu #easternbrand a {
	width:127px;
	height:31px;
	display:block;
	background-position: -320px -63px;
}
#menu #easternbrand a:hover {
	background-position: -320px -31px;
}

#menu #easternbrand a.selected {
	background-position: -320px 1px;
}



#menu #faqs a {
	width:59px;
	height:31px;
	display:block;
	background-position: -447px -63px;
}
#menu #faqs a:hover {
	background-position: -447px -31px;
}

#menu #faqs a.selected {
	background-position: -447px 1px;
}

#menu #contact a {
	width:108px;
	height:31px;
	display:block;
	background-position: -506px -63px;
}
#menu #contact a:hover {
	background-position: -506px -31px;
}

#menu #contact a.selected {
	background-position: -506px 1px;
}

/* ------------------------
	Level 3 navigation
--------------------------*/

#l3nav {
	width:470px;
	position:absolute;
	left:430px;
	top:78px;
	margin:0;
}

#l3nav ul.l3nav   {
	padding:5px;
	margin:0;
	list-style:none;
	display: inline;
}
#l3nav .l3nav li {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:18px;
	display: inline;
	padding-right:15px;
	
}
#l3nav .l3nav li a {
	color:#1e4e29;
	text-decoration:none;
	background: url(images/l3nav-bullet.gif) no-repeat center left;
	padding-left:14px;
}
#l3nav .l3nav li a:hover {
	color:#009900;
	list-style:none;
	background: url(images/l3nav-bullet-on.gif) no-repeat center left;
}


#l3nav .l3nav li a.selected {
	color:#4f3f22;
	font-weight:bold;
	list-style:none;
	background: url(images/l3nav-bullet-on.gif) no-repeat center left;
}