@CHARSET "UTF-8";

body {font-family: Verdana,Tahoma,Arial; color: #ffeac2; margin: 0px; padding: 0px; background-color: #002000; /*overflow: hidden;*/ height: 100%;}
img {padding: 0; margin: 0; border: 0; }
a, :active { outline: none; }
a, :focus {-moz-outline-style: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;}

h1 {font-size: 20pt; color: #ffeac2;}
h2 {font-size: 16pt; font-family: Humanist; font-weight: bold;}

.sharp .cufon-vml cvml\:shape {antialias: false !important;} 

p {font-size: 8.5pt; line-height: 1.4; font-style: italic;}
a:link, a:visited, a:active, a:hover{color: #ffeac2;}

a.linkHref:hover {text-decoration: underline;}
a.linkHref {text-decoration: none;} 


.main {width: 890px; min-width: 890px; height: 800px; margin: 0 auto; background: url('i-bcg-main.png') no-repeat center 112px;}
.head {width: 890px; height: 112px; min-height: 112px; margin: 0 0 60px 0; padding: 0; z-index: 900;}
.top {height: 59px; background: url('i-head-top.png') no-repeat; z-index: 900;}
.menu {height: 59px; background: url('i-head-menu.png') no-repeat; z-index: 900;}

/* menu */
.nav, .nav .container {list-style: none; margin: 0; padding: 0;}
.nav {z-index: 900; position: relative; margin: 0px; padding: 0px;}
.nav span a {color: #ffeac2; font-size: 18px; text-decoration: none;}
.nav li {float: left; margin: 0px; padding: 0px; position: relative;}
.nav li .fadeHover {color: #ffeac2; display: block; text-decoration: none; text-align: center; font-size: 18px;}
.nav li a.menuItem, .nav li a.menuItem:link, .nav li a.menuItem:active, .nav li a.menuItem:visited {color: #ffeac2; display: block; text-decoration: none; text-align: center; font-size: 11pt; padding: 5px 2px;}
.nav li a.menuItem:hover{color: #FFFFFF; background: #008A00;}
.nav div.container {list-style: none; position: absolute; top: -999em; left: -12px;}
.nav li:hover div.container, .nav li.sfHover div.container, a:hover{left: -27px; top: 53px;}
.nav ul a { color: magenta; white-space: nowrap; text-align: center;}

.sbRight 	{background: url('i-shadow-right.png') top right repeat-y; _background: url('i-empty.gif') top right repeat-y; padding-right: 12px;}
.sbLeft 	{background: url('i-shadow-left.png') top left repeat-y; _background: url('i-empty.gif') top right repeat-y; padding-left: 12px;}
.sbContent 	{background: url('i-item-bcg.png'); width: 100px; padding: 0px; margin: 0px;}
.sbBottomCenter {background: url('i-shadow-bottom.png') repeat-x; height:12px; margin: 0 12px 0 12px;}
.sbBottomLeft 	{background: url('i-shadow-corner-left.png') top left no-repeat; position: relative; left: -12px; height: 12px; width: 12px; line-height: 12px; float: left;}
.sbBottomRight 	{background: url('i-shadow-corner-right.png') top left no-repeat; position: relative; right: -12px; height: 12px; width: 12px; float: right;}


/* body */

.body div {color: #ffeac2; line-height: 14px;}

div#mainFlash {width: 800px; height: 370px; float: left;}
div.contentFlash {position: relative; top: -30px; z-index: 2; padding-left: 140px;}

div#moreFl {position: relative; z-index: 4;}

.body .sideContent {color: #ffeac2; z-index: 3; position: absolute; height: 426px; width: 132px; margin: 40px 40px 0 103px; padding: 5px 0px 5px 15px;}
.body .sideContent a {text-decoration: none;}
.body #leftMenu {position: absolute; z-index: 1; float: left; height: 426px; width: 132px; margin: 0 40px 0 103px; padding:0px;}
.body #leftMenu .topLeft 		{background: url('i-menu-top-l.png') no-repeat; 	height: 5px; 	float: left; width: 5px; font-size: 4px; line-height: 4px;} 
.body #leftMenu .topCenter 		{background: url('i-menu-top-c.png') repeat-x; 		height: 5px; 	float: left; width: 122px; font-size: 0px; line-height: 0px;}
.body #leftMenu .topRight 		{background: url('i-menu-top-r.png') no-repeat; 	height: 5px; 	float: left; width: 5px; font-size: 0px; line-height: 0px;}
.body #leftMenu .middle 		{background: url('i-menu-center.png') repeat-x; 	height: 416px; 	float: left; max-height: 416px; width: 132px;}
.body #leftMenu .bottomLeft 	{background: url('i-menu-bottom-l.png') no-repeat; 	height: 5px; 	float: left; min-height: 5px; width: 5px;; font-size: 0px; line-height: 0px;} 
.body #leftMenu .bottomCenter 	{background: url('i-menu-bottom-c.png') repeat-x; 	height: 5px; 	float: left; min-height: 5px; width: 122px; font-size:0px; line-height: 0px;} 
.body #leftMenu .bottomRight 	{background: url('i-menu-bottom-r.png') no-repeat; 	height: 5px; 	float: left; width: 5px; font-size: 0px; line-height: 0px;}

#search { position: absolute; top: 280px; width: 93px; height: 18px; border: 0px}
#search_bcg {width: 93px; height: 18px; background: url('i-search-bcg.png') transparent no-repeat; z-index: 1; position: relative;}
#search_text {width: 68px; height: 18px; background: transparent; border: 0px;  font-size: 10px; padding-left: 3px; color: #6f6f6e; display: inline; float: left; z-index: 20; position:relative; top: -18px; left: 0;}
#search_submit {width: 18px; height: 18px; border: 0px;  background: transparent; cursor: hand; cursor: pointer; display: inline; z-index: 30; position:relative; top: -18px; left: 0;}

.SearchContainer a {color: #ffeac2; text-decoration: none; font-size: 12px;}
.SearchContainer .resultTitle {font-size: 14pt; padding-top: 15px;}
.SearchContainer h2 {font-size: 14pt;}
/* LAYOUTS */

/* content */
.content {float: left; display: inline; height: 250px; width: 550px; overflow: auto; color: tan; font-size: 11px; line-height: 16px; text-align: justify;}
.contentFoot {float: left; display: inline; height: 150px; width: 550px; color: tan; margin-top: 30px; text-align: right;}

/* 3 sections */
.bodyContent {padding: 0 0 0 260px !important; padding: 0px; width: 570px !important; width: 0px; margin-left: 0px;}
.bodyContent .contentLeft {float: left; width: 275px; height: 425px;}
.bodyContent .contentLeft .scrollMe {height: 425px;}
.bodyContent .contentRightTop {float: right; width: 285px; height: 190px;}
.bodyContent .contentRightTop .scrollMe {height: 190px;}
.bodyContent .contentRightBottom {float: right; padding-top: 5px; width: 295px; height: 160px;}
.bodyContent .contentRightBottom .scrollMe {height: 160px;}
.bodyContent .contentRightTitle {float: right; width: 285px; height: 50px;}

.bodyContent .contentRightBottom a {text-decoration: none;}

/* horizontal */
	
.contentH {width: 570px; padding: 0 0 20px 260px; color: #ffeac2; height: 200px !important; height: 300px;}
.contentHFoot {width: 570px; padding: 20px 0 0 260px; max-width: 570px; margin-right: 10px; color: #ffeac2; font-size: 8pt; height:150px;}

.contentHWTTitle {width: 570px; padding: 0 0 0px 260px; color: #ffeac2; height: 40px;}
.contentHWT {width: 570px; padding: 0 0 20px 260px; color: #ffeac2; height: 180px;}
.contentHWTFoot {width: 570px; max-width: 570px; padding: 20px 10px 0 260px; color: #ffeac2; font-size: 8pt; height:150px;}


.contentEmpty {float: left; width: 570px; padding: 0 0 0 260px; color: #ffeac2; height: 425px;}


.healthTop {width: 570px; height: 100px; background: url('i-health-top.png') no-repeat; position: relative; top: -40px; left: 0px; height: 168px;}
.healthContent {background: url('i-health-content.png') no-repeat left 108px; width: 560px; position: relative; top: 0px; left: 260px; color: #ffeac2; height:420px;}
.healthText {width: 510px; padding: 0px 0px 0px 20px; position: relative; top: -20px;}
.healthText .scrollMe {height: 240px;}

/* vertical with title */

.contentVWTTitle {width: 360px; float: left; color: #ffeac2; height: 40px;}
.contentVWTLeft {width: 360px;  float: left; margin: 10px 0 0 0; height: 373px; max-height: 373px;}
.contentVWTLeft .scrollMe {height: 373px;}
.contentVWTRight {width: 200px; float: right; height: 425px; max-height: 425px; position: relative;}
.contentVWTRight .scrollMe {height: 425px;}
	
/* empty with title */
	
.contentEWTTitle {width: 570px; padding: 0 0 0px 260px; color: #ffeac2; height: 40px;}
.contentEWT {width: 570px; padding: 10px 0 0 260px; color: #ffeac2; height: 373px;}

/* END: LAYOUTS */

.loadPage{position: absolute; z-index: 99999; left:0px; top: 112px; background-color: #002000; min-height: 8000px; height: 8000px; width: 100%; color: #FBF9EA; }
.loadPage div {margin: 0 auto; padding-left: 190px; width: 50px;  margin-top: 215px; font-size: 10pt;}

.loadPageIE6{position: absolute; z-index: 99999; left:0px; top: 0px; background-color: #002000; min-height: 8000px; height: 8000px; width: 100%; color: #FBF9EA; }
.loadPageIE6 div {margin: 0 auto; width: 400px;  margin-top: 215px; color: #ffeac2; line-height: 1.3; text-align: center;}
.loadPageIE6 div p {margin: 0 auto; width: 400px;  margin-top: 215px; line-height: 12pt; padding: 0px; margin: 0px;}
.loadPageIE6 div p a {text-decoration: none;}
.loadPageIE6 div p a:hover {text-decoration: underline;}
	
.f12pt {font-size: 12pt;}
.f13pt {font-size: 13pt;}
.f14pt {font-size: 14pt;}
.f15pt {font-size: 15pt;}
.f16pt {font-size: 16pt;}
.f17pt {font-size: 17pt;}
.f18pt {font-size: 18pt;}
.f19pt {font-size: 19pt;}
.f20pt {font-size: 20pt;}
.f21pt {font-size: 21pt;}
.f22pt {font-size: 22pt;}
.f23pt {font-size: 23pt;}
.f24pt {font-size: 24pt;}
.f25pt {font-size: 25pt;}
.f26pt {font-size: 26pt;}

a.sideItem {font-size: 8pt; color: #ffeac2; text-decoration: none; font-style: italic;}

li {font-size: 8pt; font-style:italic;}

.underline {background: url(i-underline.png) no-repeat center 42px;}

.newsTooltip {display: none; padding: 15px 5px 30px 20px; background: url(i-tooltip.png) no-repeat top left; width: 227px; height: 107px; font-size: 7pt;}
.newsTooltip .close {position: absolute; right: 36px; top: 6px; padding: 4px; cursor: pointer; cursor: hand;}
.newsTooltip .container {padding-top: 10px;}
.newsTooltip .textI {float: left; display: inline; background: transparent; border: 1px solid  #ffeac2; width: 165px; font-size: 9pt; color: white; text-align: center; padding: 2px; font-family: Tahoma, Verdana; color: #ffeac2;}
.newsTooltip .buttonI {float: left; margin-bottom: 5px; background: transparent; border: 1px solid #ffeac2; cursor: hand; cursor: pointer; width: 14px; height: 14px; font-size: 9pt; color: white; margin-left: 3px; padding: 2px;}
.newsTooltip .message, .newsTooltip #errorPane {font-size: 8pt; width: 193px; line-height: 15px;}
.newsTooltip #errorPane {font-weight: bold;}
.newsTooltip .message {margin-top: 5px;}

#thumbs a.active img {z-index:9999; position:relative;}

#newsletter {font-style: italic; font-size: 8pt; padding-top: 0; margin-top: 0px; position: absolute; top: 30px; left: 0px; cursor: hand; cursor: pointer;}
#newsletter img {padding: 5px;}

#SideHeader a {color: #ffeac2;}

/* recipe tables */
td, td p {font-size: 8.5pt; line-height: 16px; font-style: italic; padding: 0; margin: 0;}

.listMenu, .listMenu a {color: #f7a600 !important; font-weight: bold;}

.createdBy {font-size: 10px; position: relative; top: 190px; color: #047C04 !important;}
.createdBy a {letter-spacing: 1px; color: #047C04; outline: none;}
.createdBy a:hover{text-decoration: underline;}