/* CSS Document */
body{
	margin:0 0 30px 21px;
	padding:0;
	background:url(img/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #5d5d5d;
}
p a{
	text-decoration:none;
	color:#D3284B;
}
p a:hover{
	text-decoration:none;
	color:#F89F12;
}
h1{
	margin-top:0;
	padding-top:0;
	font-size:18px;
	font-weight:normal;
	color:#D3284B;
}
.gray{
	color: #5d5d5d;
}
.redbold{
	color:#D3284B;
	font-weight:bold;
}
h2{
	margin-top:0;
	padding-top:0;
	font-size:14px;
	font-weight:normal;
}
h3{
	margin:0;
	padding:0;
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	font-style:italic;
	letter-spacing:normal;
	color:#D3284B;
}
h4{
	margin-top:0;
	padding-top:0;
	font-size:18px;
	font-weight:normal;
	color:#D3284B;
}
h5{
	margin: 10px 0 10px 0;
	padding:0;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	font-style:italic;
	letter-spacing:normal;
	color:#D3284B;
}
h6{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	font-style:italic;
	letter-spacing:normal;
	color:#D3284B;
}
hr {
	color: #cccccc;
	height: 1px;
}
br.clear {
	clear: both;
	width: 0;
	height: 0;
	border: none;
	background: inherit;
	margin: 0;
	padding: 0;
}
/* wraps */
#mainwrap{
	width:698px;
	background:#FFF;
	border:1px solid #D3284B;
}
#contentwrap{
	width:698px;
	margin:0;
	padding:0;
}
#contentwrap2{
	width:698px;
	margin:0;
	padding:0;
	background:url(img/zonya_bg.gif) no-repeat;
}
/* speaking main page with left column photo split into top and bottom. */
#speakcontentwrap{
	width:698px;
	margin:0;
	padding:0;
	background:url(img/bg_speak_main.gif) no-repeat;
}
#speakbottomwrap{
	width:698px;
	margin: 0 0 15px 0;
	padding:0;
	display:block;
}
#calendarwrap{
	width:455px;
	display:inline;
	margin:0 0 15px 0;
}
#publicationswrap1{
	position:relative;
	height:150px;
	width:440px;
	float:right;
	margin:10px 0 10px 0;
}
#recipewrap1{
	position:relative;
	height:250px;
	width:422px;
	float:right;
	margin:0;
	padding:0;
	background:url(img/health_oee.jpg) no-repeat;
}
#recipewrapcontent{
	position:relative;
	margin: 70px 0 0 30px;
}
#speakcolleft1{
	position:relative;
	z-index:1;
	width:245px;
	min-height:241px;
	margin: 0px 0 0 -18px;
	float:left;
	display:block;
}
#speakcolleft2{
	position:relative;
	z-index:1;
	width:192px;
	height:340px;
	margin: 0px 0 0 -18px;
	float:left;
	display:block;
}
#speakcolrighttop{
	width:378px;
	margin: 180px 0 0 60px;
	float:right;
	display:inline;
}
#speakcolrightbot{
	width:470px;
	margin: 0;
	float:left;
	display:inline;
}
#speaktestimonial{
	width:170px;
	margin: 8px 13px 0 30px;
	display:block;
	font-style: italic;
}
#speaktestimonial2{
	width:200px;
	margin: 10px 0 0 40px;
	padding:0;
	display:block;
	font-style: italic;
}
.testimonial{
	display:block;
	font-style: italic;
}
/* speaking left columns adjusted for different width images */
#colleft{
	position:relative;
	z-index:1;
	width:258px;
	min-height:458px;
	margin: -10px 0 0 -20px;
	float:left;
	display:block;
}
#colleftcontent{
	width:216px;
	margin: -100px 0 0 42px;
	padding:0;
	display:block;
}
#colleftcontent img{
	border:0;
	margin: 5px 0 5px 0;
	display:block;
}
#colleft2{
	height:100%;
	width:145px;
	margin:0;
	padding:0;
	display:inline;
	float:left;
}
#colleftcalendar{
	width:238px;
	min-height:458px;
	margin: 0;
	float:left;
	display:block;
}
#collefttopics{
	width:220px;
	margin: 0;
	float:left;
	display:block;
}
#colleftnews{
	width:225px;
	margin: 0;
	float:left;
	display:block;
}
#colleftnewscontent{
	margin: 30px 18px 0 20px;
	padding:0;
	float:inline;
	display:block;
}
#colleftnewscontent a{
	text-decoration:none;
	font-weight:bold;
	color:#D3284B;
}
#colleftnewscontent a:hover{
	text-decoration:none;
	color:#F89F12;
}
#colleftcook{
	width:225px;
	margin: 0;
	float:left;
	display:block;
}
#collefthealth{
	width:225px;
	margin: 0;
	float:left;
	display:block;
}
#collefthealthcontent{
	margin: 30px 18px 0 20px;
	padding:0;
	display:block;
}
#collefthealthcontent a{
	text-decoration:none;
	font-weight:bold;
	color:#D3284B;
}
#collefthealthcontent a:hover{
	text-decoration:none;
	color:#F89F12;
}
#colleftnewscontent{
	margin: 30px 18px 0 20px;
	padding:0;
	display:block;
}
#collefttv{
	width:225px;
	margin: 0;
	float:left;
	display:block;
}
#collefttopicscontent{
	margin: 25px 18px 0 20px;
	padding:0;
	display:block;
}
#collefttopicscontent a{
	text-decoration:none;
	font-weight:bold;
	color:#D3284B;
}
#collefttopicscontent a:hover{
	text-decoration:none;
	color:#F89F12;
}
#colleftcontent2{
	margin: 30px 18px 0 20px;
	padding:0;
	display:block;
}
#colleftcontent2 a{
	text-decoration:none;
	font-weight:bold;
	color:#D3284B;
}
#colleftcontent2 a:hover{
	text-decoration:none;
	color:#F89F12;
}
#collefttopicscontent img{
	border:0;
	margin: 5px 0 5px 0;
	display:block;
}
#colleftcookcontent{
	margin: 25px 18px 0 20px;
	padding:0;
	display:block;
}
#colleftcookcontent a{
	text-decoration:none;
	font-weight:bold;
	color:#D3284B;
}
#colleftcookcontent a:hover{
	text-decoration:none;
	color:#F89F12;
}
#colleftlsmcontent{
	margin: 45px 18px 0 20px;
	padding:0;
	display:block;
}
#colleftlsmcontent a{
	text-decoration:none;
	font-weight:bold;
	color:#D3284B;
}
#colleftlsmcontent a:hover{
	text-decoration:none;
	color:#F89F12;
}
#colleftlsmcontent img{
	border:0;
	margin: 5px 0 5px 0;
	display:block;
}
.topicsnavheader {
	font-size: 16px;
	font-weight:bold;
	color:#5d5d5d;
	margin: 0cm 0cm 0.2cm 0cm;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #cccccc
}
.topicsnavheader a{
	text-decoration:none;
	color:#5d5d5d;
}
.topicsnavheader a:hover{
	text-decoration:none;
	color:#D3284B;
}
.topicsnav {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color:#666666;
	margin: 0cm 0cm 0.12cm 0cm;
}
.topicsnav a{
	text-decoration:none;
	font-weight:bold;
	color:#D3284B;
}
.topicsnav a:hover{
	text-decoration:none;
	color:#F89F12;
}
.topicsnavgray {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color:#666666;
	margin: 0.3cm 0cm 0.12cm 0cm;
}
.sidesubnav {
	font-size: 11px;
	line-height: 18px;
	color:#5d5d5d;
	margin: 20px 0 0 0;
}
.sidesubnav a{
	text-decoration:none;
	font-weight:bold;
	color:#D3284B;
}
.sidesubnav a:hover{
	text-decoration:none;
	color:#F89F12;
}

.gift {
	font-size: 11px;
	font-weight:bold;
	color:#666666;
}
.gift a{
	text-decoration:none;
	color:#D3284B;
}
.gift a:hover{
	text-decoration:none;
	color:#F89F12;
}
#colrighttopics{
	position:relative;
	z-index:1;
	width:211px;
	min-height:350px;
	margin: 0px -35px 0 0;
	padding:0;
	float:right;
	display:block;
}
#colrighttopicscontent{
	width:150px;
	margin: 0px 0px 12px 10px;
	padding:0;
	display:block;
}

/* speaking right columns adjusted to make room for different width left column photos */
#colright{
	width:455px;
	float:left;
	display:inline;
}
#colright2{
	width:212px;
	height:100%;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
#colrightcalendar{
	width:455px;
	float:right;
	display:block;
}
#colright3{
	width:440px;
	margin: 20px 15px 15px 0;
	padding:0;
	float:left;
	display:block;
}
#colright3 a{
	text-decoration:none;
	font-weight: bold;
	color:#D3284B;
}
#colright3 a:hover{
	text-decoration:none;
	color:#F89F12;
}
#colright4{
	width:440px;
	margin: 33px 15px 15px 0;
	padding:0;
	float:left;
	display:block;
}
#colright4 a{
	text-decoration:none;
	font-weight: bold;
	color:#D3284B;
}
#colright4 a:hover{
	text-decoration:none;
	color:#F89F12;
}
#colright5{
	width:425px;
	margin: 33px 15px 15px 30px;
	padding:0;
	float:left;
	display:block;
}
#colright5 a{
	text-decoration:none;
	font-weight: bold;
	color:#D3284B;
}
#colright5 a:hover{
	text-decoration:none;
	color:#F89F12;
}
#colright6{
	width:411px;
	margin: 33px 15px 15px 30px;
	padding:0;
	float:left;
	display:block;
}
#colright6 a{
	text-decoration:none;
	font-weight: bold;
	color:#D3284B;
}
#colright6 a:hover{
	text-decoration:none;
	color:#F89F12;
}
#colrightcook{
	width:435px;
	margin: 33px 15px 15px 20px;
	padding:0;
	float:left;
	display:block;
}
#recipeoee{
	position:relative;
	width:440px;
	min-height: 300px;
	margin: 0;
	padding: 50px 10px 10px 50px;
	background:url(img/health_oee.jpg) no-repeat;
}
#recipesidefolic{
	height: 220px;
	margin: 10px 0 10px 0;
	padding: 38px 5px 0px 15px;
	background:url(img/folic_recipe.jpg) no-repeat;
}
#recipesidefolic a{
	text-decoration:none;
	font-weight: bold;
	color:#D3284B;
}
#recipesidefolic a:hover{
	text-decoration:none;
	color:#F89F12;
}
#recipesidechoc{
	min-height: 220px;
	margin: 10px 0 10px 0;
	padding: 80px 0px 200px 22px;
	background:url(img/choc_recipe.jpg) no-repeat;
}
#recipesideberries{
	min-height: 220px;
	margin: 10px 0 10px 0;
	padding: 10px 0px 200px 15px;
	background:url(img/recipe_strawberries.jpg) no-repeat;
}
#recipesidegarlic{
	min-height: 220px;
	margin: 10px 0 10px 0;
	padding: 100px 0px 50px 22px;
	background:url(img/garlic_recipe.jpg) no-repeat;
}
#zonyaright{
	position:relative;
	z-index:1;
	width:349px;
	height:376px;
	margin: -376px -140px 0 0;
	padding:0;
	display:block;
	float:right;
}
#colright{
	width:455px;
	display:inline;
	border:1px solid #000;
}
#calendarleft{
	width:190px;
	margin: 0 15px 0 0;
	_margin:0 10px 0 0;
	float:left;
	display:block;
}
#calendarright{
	width:190px;`
	margin:0;
	float:right;
	display:block;
	}
#recipeleft{
	width:170px;
	margin: 0;
	float:left;
	display:inline;
}
#reciperight{
	width:210px;`
	margin:0;
	float:right;
	display:inline;
}
#colmiddle{
	width:341px;
	margin-top: 175px;
	margin-bottom:15px;
	padding:0;
	float:left;
	display:inline;
}
#colmiddle a{
	text-decoration:none;
	font-weight:bold;
	color:#D3284B;
}
#colmiddle a:hover{
	text-decoration:none;
	color:#F89F12;
}
#colmiddletopics{
	width:273px;
	margin: 33px 15px 15px 0;
	padding:0;
	float:left;
	display:block;
}
#colmiddletopics a{
	text-decoration:none;
	font-weight:bold;
	color:#D3284B;
}
#colmiddletopics a:hover{
	text-decoration:none;
	color:#F89F12;
}
.tablecontent{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #5d5d5d;
	padding: 4px;
	margin:0;
	text-align:center;
}
.tablecontentlt{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #5d5d5d;
	padding: 4px;
	margin:0;
}
.tableheader{
	font-size: 14px;
	font-weight:bold;
	color:#D3284B;
	padding: 4px;
	margin:0;
	text-align:center;
}
.contentint{
	padding: 30px 40px 15px 15px;
	margin:0;
}
.contentint a{
	text-decoration:none;
	font-weight:bold;
	color:#D3284B;
}
.contentint a:hover{
	text-decoration:none;
	color:#F89F12;
}
.content{
	padding: 12px 10px 0 10px;
	margin:0;
}
.content a{
	text-decoration:none;
	font-weight:bold;
	color:#D3284B;
}
.content a:hover{
	text-decoration:none;
	color:#F89F12;
}
.content img{
	border:0;
	margin: 5px 0 6px 0;
}
.date{
	font-weight:bold;
	font-size: 14px;
	color:#D3284B;
}

/* Navigation styles begin */
.sidenavmain{
	margin: 0 0 15px 12px;
	font-size: 11px;
	line-height: 16px;
}
.sidenavmain a{
	text-decoration:none;
	color:#D3284B;
}	
.sidenavmain a:hover{
	text-decoration:none;
	color:#F89F12;
}
#mainnavwrap {
 	height:31px;
	width:698px;
	padding:0;
	margin: 0;
	border-bottom:1px solid #D3284B;
	display:block;
}
#mainnav {
	height:31px;
	line-height:31px;
	padding:0 0 0 10px;
	font-size:11px;
}
#topnavwrap {
 	height:30px;
	width:700px;
	margin:0;
	padding:0;
	display:block;
	position: relative; /* this is to make the z-index work */
	z-index: 5; /* this is to put the nav in front of the nav below it */
}

#topnav {
	height:30px;
	line-height:30px;
	padding:0 20px 0 0;
	font-size:10px;
	float: right;
}

/* remove standard HTML list indenting, and display as normal blocks */
ul.slidingmenu,
ul.slidingmenu li,
ul.slidingmenu ul { 
  padding: 0;
  margin: 0;
  display: inline;
  position: relative; /* this is to make the z-index work */
	z-index: 2; /* this is to put the nav in front of zonyas picture */
}

/* ul.slidingmenu is the outermost UL that contains the list item links */
ul.slidingmenu {
	height: 30px;
	line-height:30px;
	text-align: right;
	display: inline;
}

/* make all links within the UL take on these attributes */
ul.slidingmenu a {
	font-weight:bold;
	color:#D3284B;
	padding: 0 9px 0 9px; /* a pixel more to accomodate for borders in hover state */
	text-decoration:none;
	display: block;
}

ul.slidingmenu a:hover {
	border-left: 1px solid #D3284B;
	border-right: 1px solid #D3284B;
	padding: 0 8px 0 8px;
	text-decoration:none;
	background: #FFF;
}

/* the active style gets applied to the LIs when the mouse is over it */
ul.slidingmenu li.active a {
	border-left: 1px solid #D3284B;
	border-right: 1px solid #D3284B;
	padding: 0 8px 0 8px;
	text-decoration:none;
	background: #FFF;
}

/* use a fixed width for menu and submenus */
ul.slidingmenu,
ul.slidingmenu ul {
  width: 15em;
}

/* make li's into clean, moveable blocks */
ul.slidingmenu li {
  height:30px;
  font-weight:bold;
  color:#D3284B;
  list-style-type: none; 
  position: relative;
  text-align: center;
  float: left;
  padding: 0 8px 0 8px;
}

/* make sure any ul inside an li (a submenu) takes up zero normal flow */
ul.slidingmenu li ul { 
	position: absolute;
	top: 30px; /* the height of the top row */
	left: 8px;  /* adjust for padding in li */
	display: none;
	background: #fff;
	z-index: 50;
	border-bottom: 1px solid #D3284B;

}

ul.slidingmenu li ul li {
  padding: 0;
  text-align:left;
  width: 15em;
  display: block;
  border-top: 1px solid #D3284B;
  height: auto;
  position: relative;
  z-index: 51;
}

ul.slidingmenu li ul li a {
  padding: 0;
   padding-left:8px;
  line-height: 19px;
  height: 19px;
  border-left: 1px solid #D3284B;
	border-right: 1px solid #D3284B;
}

ul.slidingmenu li ul li a:hover {
	padding: 0;
	 padding-left:8px;
	background: #FBC877;
}

/* third tier: */
ul.slidingmenu li ul li ul {
  position: absolute;
  top: 0;
  left: 15em;
}

/* make changes for the main nav  */
#mainnav ul.slidingmenu {
	height: 31px;
	line-height:31px;
	font-size:11px;
	text-align: right;
	display: inline;
}

#mainnav ul.slidingmenu li ul {
	position: absolute;  
	font-size:10px;
	top: 31px;
	left: 8px;  /* adjust for padding in li */
	display: none;
	border-bottom: 1px solid #D3284B;
	z-index: 50;
}

#mainnav ul.slidingmenu li ul a:hover {
	height: inherit; /* IE wraps the hover state if doesnt inherit this */
	background: #FBC877;
	border-left: 1px solid #D3284B;
	border-right: 1px solid #D3284B;
	padding: 0 8px 0 8px;
	text-decoration: none;
}
#mainnav ul.slidingmenu li a:hover {
	background: #FBC877;
	color: #D3284B
}

#mainnav ul.slidingmenu li.active a {
	border-left: 1px solid #D3284B;
	border-right: 1px solid #D3284B;
	padding: 0 8px 0 8px;
	text-decoration:none;
	color: #D3284B !important;
}

/* this is the style we want to use for the white hover state
#mainnav ul.slidingmenu li.active a {
	border-left: 1px solid #D3284B;
	border-right: 1px solid #D3284B;
	padding: 0 8px 0 8px;
	text-decoration:none;
	background: #FFF;
}*/

#mainnav ul.slidingmenu li.active ul li a {
	background: #fff;
}

/* this is for safari, the li.active gets added via javascript to the main link */
#mainnav ul.slidingmenu li.active ul li a:hover {
	background: #FBC877;
}

#mainnav ul.slidingmenu ul li a:hover {
	height: 19px;
}
ul.slidingmenu a.selected {
 border-left: 1px solid #D3284B;
 border-right: 1px solid #D3284B;
 padding: 0 8px 0 8px;
 text-decoration:none;
 background: #FFF;
}
#mainnav ul li a.selected {
 height: inherit; /* IE wraps the hover state if doesnt inherit this */
 background: #FBC877;
 border-left: 1px solid #D3284B;
 border-right: 1px solid #D3284B;
 text-decoration: none;
}
ul.slidingmenu a.selectedtop {
 border-left: 1px solid #D3284B;
 border-right: 1px solid #D3284B;
 padding: 0 8px 0 8px;
 text-decoration:none;
 background: #FFF;
}
#mainnav ul li a.selectedtop {
 height: inherit; /* IE wraps the hover state if doesnt inherit this */
 background: #FFF;
 border-left: 1px solid #D3284B;
 border-right: 1px solid #D3284B;
 text-decoration: none;
}
/*zonya home shop link
#zonyahome {color: #FFF;}
#zonyahome a:hover{color:#D3284B;}
#zonyahome a:active{color:#D3284B;}*/

/* Navigation styles end */

/* footer */
#footer{
	width:700px;
	line-height:18px;
	margin: 5px 0 5px 0;
	font-size:10px;
	text-align:center;
	color: #6d6d6d;
}
#footer a{
	text-decoration:underline;
	font-weight:bold;
	color: #6d6d6d;
}
#footer a:hover{
	text-decoration:none;
	color:#D3284B;
}
	
.underlinehead {	
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color: #5d5d5d;
	padding-bottom: 3px;
	border-bottom : 1px solid #5d5d5d;
	margin-bottom : 5px;	
}
.bold{
	font-weight : bold;
}
.eventflyer {
	font-size: 11px;
	letter-spacing; 2px;	
}
.eventflyer a{
	text-decoration:none;
	font-weight:bold;
	color: #CF6F06;
}
.eventflyer a:hover{
	text-decoration:none;
	color:#D3284B;
}