/* CSS Document */

/* Global Defaults/Resets
----------------------------------------------- */
html,body,div,img,h1,h2,h3,h4,h5,h6,ul,p,blockquote,form,fieldset,table,th,td,fieldset,legend {margin:0;padding:0;border:0;}
html {overflow-y:scroll;}
body {font-size:87.5%;}
table{border-collapse:collapse;}
a {outline:none; border-style: none; -moz-outline-style: none;}
 
/* Site Defaults
----------------------------------------------- */
body { width: 100%; padding: 25px 0; margin: 0; background: url('../images/bg_body.jpg') 0% 0%; }
input,textarea,select{ font-family: Arial, san-serif; }
a { color: #53213E; text-decoration: underline; }
a:active, a:hover, a:focus 	{ color: #85BB1B; text-decoration: underline; }

hr { clear: both; margin: 10px 0; padding: 0; height: 1px; border: 0; color: #DEDEDE; background: #DEDEDE; }

/* edit.com visible styles */
body, td, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-family: Georgia, Times New Roaman, Times, serif, Arial, Helvetica, sans serif, Georgia; font-size: 13px; line-height: 1.6em; color: #000; }

h1, .Title		{ color: #000000; font-size: 18px; font-weight: bold; font-family: Georgia, Times New Roman, Times, serif; line-height: 1.5em; margin-bottom: 15px; }
h2, .Header		{ color: #53213E; font-size: 16px; font-weight: bold; line-height: 1.5em; margin-bottom: 10px; }
h3, .Subheader	{ color: #000000; font-size: 14px; font-weight: bold; line-height: 1.5em; }
h4, .Subheader2	{ color: #53213E; font-size: 14px; font-weight: bold; line-height: 1.5em; }

div.Quote	 { text-align: center; font-size: 13px; font-weight: bold; margin-bottom: 15px; }
div.Quote em { color: #3B6C2F; display: block; }

.grayBox { background: #EFEFEF; padding: 5px; margin: 5px 0; display: block; }

.Green		{ color: #85BB1B; }
.DarkGreen	{ color: #3B6C2F; }
.LightPurple{ color: #D4BBC3; }
.Purple		{ color: #724A61; }
.DarkPurple	{ color: #53213E; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }
.LightGray	{ color: #E4E1D6; }
.DarkGray	{ color: #333220; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.PurpleBorder 	{ border: 5px solid #724A61; }
IMG.FloatLeft 		{ float: left; margin: 0 10px 5px 0; }
IMG.FloatRight 		{ float: right; margin: 0 0 5px 10px; }
IMG.SidebarFloatLeft{ float: left; margin: 0 10px 0 0; }
IMG.SidebarFloatRight{ float: right; margin: 0 0 0 10px; }

TD.LightGrayBG { border: 1px solid #D4BBC3; background: #EDEDED; color: #000; padding: 10px; }

a.clientStoryLink { font-weight: bold; }
a.getStarted 	 { display: block; float: right; width: 80px; height: 80px; margin: 0 0 0 5px; background: url('../images/get-started.png') no-repeat 50% 50%; line-height: 0; text-indent: -9999px; font-size: 12px; font-weight: bold; }
a.getStarted:hover { background: url('../images/get-started-over.png') no-repeat 50% 50%; }
a.getStartedLink { color: #E4E1D6; display: block; margin: 5px 0 0; padding: 0 5px; font-size: 13px; text-decoration: none; line-height: 24px; width: 85px; height: 24px; background: url('../images/bg_NavBar.jpg') repeat-x 0% 100%; }
a.getStartedLink:hover { color: #FFF; background: url('../images/bg_NavBar_active.jpg') repeat-x 0% 100%;}

/* site structure */
div#wrap 		{ width: 960px; margin: 0 auto; padding: 0 10px; background: url('../images/bg_wrap.png') 50% 0 repeat-y; }
div#wrap_top	{ width: 980px; margin: 0 auto; padding: 0; background: url('../images/bg_wrap_top.png') 50% 0 repeat-y; height: 11px; }
div#wrap_bottom	{ width: 980px; margin: 0 auto; padding: 0; background: url('../images/bg_wrap_bottom.png') 50% 0 repeat-y; height: 11px; }

div#inner	{ width: 960px; margin: 0 auto; padding: 0; background: #FFF; min-height: 400px; }
div#header	{ width: 960px; margin: 0 auto; height: 215px; background: #333220 url('../images/bg_header.jpg') no-repeat 0% 0%; }
	div#header h2 { width: 450px; text-align: center; margin: 15px 0 0; padding: 0; display: none; }
	
div#NavBar  { height: 35px; margin: 0 auto; background: url('../images/bg_NavBar.jpg') repeat-x 50% 100%; }
table#topnavigation	{ width: 100%; height: 35px; }
	table#topnavigation td  	 { vertical-align: middle; text-align: center; padding: 0; }
	table#topnavigation td div	 { position: relative; z-index: 99; }
	table#topnavigation td ul	 { position: absolute; z-index: 99; top: 0; left: 0; display: none; width: 100%; margin: 0; padding: 0; list-style-type: none; background: #E4E1D6; border: 4px solid #512C41; border-width: 0 4px 4px; }
	table#topnavigation td ul li { margin: 0; padding: 0; list-style-type: none; }
	
	table#topnavigation td ul#nav-nutrition-services { width: 230px; }
	table#topnavigation td ul#nav-our-programs  { width: 220px; }
	table#topnavigation td ul#nav-client-stories{ width: 152px; }
	table#topnavigation td ul#nav-about-rania   { width: 160px; }
	
	table#topnavigation td a { display: block; padding: 0 20px; font-size: 15px; line-height: 35px; height: 35px; text-transform: uppercase; border-right: 1px solid #512C41; letter-spacing: 1px; }
	table#topnavigation td a:link,
	table#topnavigation td a:visited { color: #E4E1D6; text-decoration: none; }
	table#topnavigation td a:active,
	table#topnavigation td a:hover,
	table#topnavigation td a.active	 { color: #FFFFFF; text-decoration: none; background: url('../images/bg_NavBar_active.jpg') repeat-x; }
	table#topnavigation td a.last { border: 0; }
		
	table#topnavigation td div ul a	 { border: 0; padding: 0 30px; font-size: 13px; font-weight: normal; line-height: 28px; height: 28px; text-transform: none; letter-spacing: 0; text-align: left; }
	table#topnavigation td div ul a:link,
	table#topnavigation td div ul a:visited { color: #000; text-decoration: none; background: none; }
	table#topnavigation td div ul a:active,
	table#topnavigation td div ul a:hover	{ color: #FFF; text-decoration: none; background: #85BB1B; }
	
	table#topnavigation td div ul a.indent  { padding-left: 50px; display: none; }
	table#topnavigation td div ul li.interiorNav { display: none; }

div#content { width: 960px; min-height: 350px; margin: 0 auto; padding: 15px 0; }
	div#content ul { padding: 10px 0 10px 30px; }

td#leftNav { width: 165px; border-right: 1px solid #DEDEDE; vertical-align: top; padding: 0 10px 0 0; background: url('../images/bg_grapes.png') 50% 100% no-repeat; }
	td#leftNav ul		  { list-style: none; margin: 0; padding: 0 0 0 15px; }
	td#leftNav ul li	  { float: left; }
	td#leftNav ul li a	  { color: #333; font-size: 11px; font-weight: bold; font-family: Verdana; display: block; width: 133px; padding: 3px 0 3px 12px; text-decoration: none; background: url('../images/li_arrow_gray.jpg') no-repeat 0% 10px; }
	td#leftNav ul li a:hover,
	td#leftNav ul li a.active { color: #724A61; background-image: url('../images/li_arrow_purple.jpg'); }
	td#leftNav ul li a.indent { width: 130px; background: none; font-weight: normal; }
	td#leftNav ul li a.indent.active { background: url('../images/li_arrow_purple.jpg') no-repeat 0% 10px; }
	td#leftNav ul li a span   { display: none; }
	
td#mainContent 	{ vertical-align: top; padding: 0 15px; }
	
td#rightContent { width: 200px; vertical-align: top; padding: 0 15px; border-left: 1px solid #DEDEDE; }
	td#rightContent h2 { margin: 0 0 5px 0; padding: 0; }
	td#rightContent td { font-size: 12px; line-height: 1.5em; }
	
	div.ctaBox 		{ padding: 4px; border: 1px solid #D4BBC3; margin-bottom: 15px; }
		div.ctaBoxInner { background: #EDEDED; color: #000; padding: 7px; }
		div.ctaBoxInner h2 { font-size: 14px; }
		div.ctaBoxInner h3 { clear: both; font-weight: normal; font-size: 12px; }
		
	form#newsletterSignUp { margin: 0; padding: 0; }
		form#newsletterSignUp td { vertical-align: middle; text-align: left; }
		form#newsletterSignUp input#mce-EMAIL { width: 125px; height: 15px; margin: 3px 0 0 0; padding: 0; font-size: 12px; line-height: 1.5em; height: 17px; border: 1px solid #999; }
		form#newsletterSignUp input.submit { background: #DEDEDE; color: #000; font-size: 11px; font-weight: bold; border: 1px solid #999; margin: 3px 0 0 3px; height: 19px; width: 60px; }
		form#newsletterSignUp input.submit:hover { background: #53213E; color: #FFF; border: 1px solid #53213E; }
	
	/* social media */
	td#leftNav h2 { clear: both; margin: 0 0 0 15px; padding-top: 10px; border-top: 1px solid #DEDEDE; color: #724A61; font-size: 11px; font-weight: bold; font-family: Verdana; }
	td#leftNav table.socialMediaLinks { margin: 10px 0 0 15px; width: auto; }
	td#leftNav table.socialMediaLinks a,
	table.socialMediaLinks a { width: 25px; height: 25px; float: left; margin-right: 10px; }
	
	/* food facts slideshow */
	div#foodFacts { height: 165px; }
	div#foodFacts div { height: 165px; display: none; font-size: 12px; }
	
div#footer 	{ width: 960px; margin: 0 auto; padding: 5px; text-align: center; font-size: 11px; }
	div#footer a 	    { color: #000; text-decoration: none; }
	div#footer a:hover  { color: #000; text-decoration: underline; }
	div#footer h2 		{ font-size: 11px; font-weight: normal; margin: 0; padding: 0; }

/* standard */
* .clear { clear: both; height: 0; }
* .hide  { display: none; }
div.jquery-corner { height: 10px; }

/* home */
div.HomeBoxLeft  { float: left; }
div.HomeBoxRight { float: right; }
div.HomeBoxLeft,
div.HomeBoxRight { width: 320px; height: 365px; background: #EDEDED; padding: 10px; margin: 20px 0; }

div.HomeBox { background: #EDEDED; padding: 10px; margin: 20px 0; }

div.HomeBox td,
div.HomeBoxLeft td,
div.HomeBoxRight td { vertical-align: top; }

/* our programs */
div.programRight { float: right; width: 240px; margin: 0 0 10px 0; padding: 0 0 0 20px; border-left: 1px solid #DEDEDE; }
div.programLeft  { float: left; width: 240px; margin: 0 10px 10px 0; padding: 0; }

/* our clients */
div.clientStory { display: none; margin: 10px 0; }

/* in the news */
table.InTheNews td { text-align: center; vertical-align: top; padding: 0 20px 20px 0; width: 50%; }

/* video clips */
div#videoCategories { }
	div#videoCategories img { width: 95px; height: 95px; margin: 0 3px 0 0; border: 2px solid #000; }
	div#videoCategories img:hover,
	div#videoCategories img.active { border: 2px solid #85BB1B; }

	div#videoCategory { display: none; width: 480px; text-align: center; margin: 0 auto; }
	div.video { width: 480px; text-align: center; margin: 0 auto; }
		* .videoThumb { display: block; width: 480px; height: 385px; margin-bottom: 5px; }
		* .videoTitle { font-size: 12px; margin-bottom: 20px; }

/* contact */
label {display:block;font-weight: bold;margin:7px 0 3px;}
input.contact_text {width: 250px; border: 1px solid #CCC; }
textarea.contact_textarea {width: 350px;height: 50px;border: 1px solid #CCC;}
input.radio {margin: 0 5px 0 0; }
label em {color: #AF0000;}
input.validation_warning {border:1px solid #AF0000;}
* .warning {color: #AF0007;}
* .messageSuccess { font-weight: bold; color: green;}
* .messageWarning { font-weight: bold; color: red;}
input.submit { background: #DEDEDE; color: #000; font-size: 16px; font-weight: bold; border: 1px solid #999; margin: 10px 0; height: 25px; width: 120px; }
input.submit:hover { background: #53213E; color: #FFF; border: 1px solid #53213E; }

input#contact-us.submit { width: 120px; }
input#send.submit { width: 75px; }
	
/* capture */
div#captureTestimonials { float: right; width: 225px; padding: 10px; background: #EDEDED; border: 2px solid #85BB1B; margin: 20px; }
div#captureTestimonials td { color: #000; font-size: 14px; font-weight: bold; }