body {
	background-color: #671313;
	color: white;
	background-image: url(images/global/thai_bg.png);
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Geneva, sans-serif;
}

a:link {
	text-decoration: none;
	color: #6a461d;
}

a:visited {
	text-decoration: none;
	color: #6a461d;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

#artifactBox {
	margin-top: 30px;
	margin-bottom: 15px;
	margin-left: 15px;
	padding: 0;
}

#artifactHome {
	background-color: #93ac68;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

#homeSidePanel a:link {
	text-decoration: none;
	color: #482608;
}

#homeSidePanel a:visited {
	text-decoration: none;
	color: #482608;
}

#homeSidePanel a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

#homeSidePanel a:active {
	text-decoration: underline;
	color: #FFFFFF;
}

#container {
	width: 811px;
	padding: 0 0 0 31px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/global/content_bg.png) repeat-y;
}

#contentLayerOne {
	width: 780px;
	position: relative;
	margin: 0;
	padding: 0;
	background: url(images/global/content_main_bg.jpg) repeat-y;
}

#contentLayerTwo {
	width: 780px;
	position: relative;
	margin: 0;
	padding: 0;
	background: url(images/global/top_bg.jpg) no-repeat 0 top;
}

#content {
	width: 780px;
	position: relative;
	margin: 0;
	color: #6a461d;
	padding: 0;
	background: url(images/global/bottom_bg.jpg) no-repeat 0 bottom;
}

#content .last-child {
	margin: 0;
	padding: 0 15px 15px;
}

#content .tableFix {
	margin: 0;
	padding: 0 15px;
}

#endcap {
	margin-left: auto;
	width: 842px;
	background-image: url(images/global/endcap.png);
	height: 30px;
	margin-right: auto;
}

#footer {
	background: url(images/global/footer_bg.gif) repeat-x;
	border-top: 1px solid #fff6d3;
	border-right: 1px solid #d5c3a0;
	border-bottom: 1px solid #d5c3a0;
	border-left: 1px solid #d5c3a0;
	padding-left: 15px;
	padding-top: 7px;
	height: 66px;
	padding-bottom: 0;
	margin-top: 6px;
	width: 763px;
}

#footer a:link, #footer a:visited {
	color: #482608;
}

#footer a:hover {
	color: #ffffff;
}

#footer a:active {
	color: #fe7f24;
}

.blockOneThird {
	float: left;
	width: 33%;
}

.blockOneThird p {
	margin: 0;
	padding: 0;
}

.blockTwoThirds {
	
}

.blockTwoThirds p {
	margin-left: 257px;
}

.cookBook {
	padding-top: 20px;
}

.dates {
	font-weight: bold;
	font-size: 14px;
}

.footerContent {
	color: #482608;
	font-size: 11px;
	border: 1px solid #806b42;
	padding: 12px 0 8px 10px;
	margin: 0;
	width: 736px;
	line-height: 13px;
}

.home {
	height: 385px;
}

.homeFeature {
	width: 311px;
	float: left;
	font-size: 12px;
	line-height: 17px;
	background: url(images/home/kof_logo.png) no-repeat 0 bottom;
}

.last-child {
	background: none;
}

.homeHeader {
	margin: 0;
	padding: 3px 0 11px;
	background: none;
}

.homeFeatureImage {
	float: left;
	margin: 0;
	padding: 12px 8px 70px 14px;
}

.imageLarge {
}

.imageLeft {
	margin-bottom: 13px;
	padding: 1px;
	background-color: white;
}

.main {
	font-size: 12px;
	line-height: 17px;
}

.main a:link {
	color: #fe7f24;
}

.main a:visited {
	color: #fe7f24;
}

.main a:hover {
	color: #fe7f24;
}

.main a:active {
	color: white;
}

.main p {
	padding-left: 15px;
	padding-right: 15px;
}

#homeSidePanel {
	background: url(images/home/home_sidepanel_bg.gif) repeat-y;
	position: absolute;
	right: 14px;
	top: 0;
	width: 241px;
	z-index: 0;
	height: 361px;
	padding-top: 23px;
	font-size: 11px;
	border-bottom: 1px solid #e4cdae;
}

#homeSidePanel p {
	padding-left: 27px;
	width: 204px;
	line-height: 14px;
}

#homeSidePanel img {
	border: 1px solid #3e1f01;
	margin: 0 0 0 -9px;
	padding: 0;
}

#homeSidePanel .header {
	border-style: none;
}


#logo {
	position: absolute;
	top: -13px;
	left: 0;
	z-index: 1000;
}

#navigation {
	background: #93ac68 url(images/global/nav_bg.jpg) no-repeat;
	width: 780px;
	height: 100px;
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 1000;
}

#navArc {
	width: 780px;
	height: 32px;
	position: absolute;
	background-image: url(images/global/nav_arc.png);
	z-index: 1;
}

#secondHeader {
	border: 1px solid #fe7f24;
	width: 778px;
	color: #231204;
	height: 136px;
	padding: 0;
	margin-bottom: 6px;
}

#slideshowHome {
	border: 1px solid #fe7f24;
	width: 778px;
	color: #231204;
	height: 273px;
	padding: 0;
	margin-bottom: 6px;
}

#topcap {
	margin-left: auto;
	width: 842px;
	background-image: url(images/global/topcap.png);
	height: 30px;
	margin-right: auto;
}

/* @group Navigation */

.sectionOne {
	background-color: none;
	padding: 0;
	margin: 0;
	right: 76px;
}

.sectionTwo {
	background-color: none;
	margin: 0;
	padding: 0;
	right: 41px;
}

.sectionThree {
	background-color: none;
	margin: 0;
	padding: 0;
	right: 5px;
}

#smoothmenu1 {
	position: absolute;
	top: 70px;
	right: 0;
}

#topFeature {
	width: 780px;
	height: 100px;
	position: relative;
	margin: 0;
	padding: 0;
}

.ddsmoothmenu	{
	font: bold 12px Helvetica;
	/*background: #96bd5d;*/ /*background of menu bar (default state)*/
	/*width: 100%; */
}

.ddsmoothmenu ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li	{
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li ul li a	{
	display: block;
	background: #a8c46f; /*background of menu items (default state)*/
	color: #361d08;
	padding: 8px 10px;
	border-right: 1px solid #778;
	text-decoration: none;
}

* html .ddsmoothmenu ul li a	{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited	{
	color: #361d08;
}

.ddsmoothmenu ul li ul li a.selected	{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: #f99c41; 
	color: white;
}

.ddsmoothmenu ul li ul li a:hover	{
	background: #e0f594; /*background of menu items during onmouseover (hover state)*/
	color: #361d08;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul	{
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li	{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul	{
	top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a	{
	font: normal 13px Helvetica;
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu	{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.sectionOne .downarrowclass {
	padding-right: 0;
}

.sectionTwo .downarrowclass {
	padding-right: 0;
}

.sectionThree .downarrowclass {
	padding-right: 0;
}

.downarrowclass	{
	position: absolute;
	top: 12px;
	right: 7px;
}


.rightarrowclass	{
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow	{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

.toplevelshadow	{ /*shadow opacity. Doesn't work in IE*/
	opacity: 0.3;
}

#artifactNav1 {
	margin: 0;
	padding: 0;
	width: 748px;
	height: 550px;
	position: absolute;
	top: 47px;
	left: 15px;
}

#artifactNav2 {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 15px;
	position: absolute;
	top: 30px;
	left: 17px;
}

/* @end */