﻿body{background-image:url(../img/bg_rep.jpg); background-repeat:repeat-x; background-color:#190a03; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
#wrap{width:987px; height:1200px; margin:0 auto;}
#top_nav{ width:987px; height:32px; float:right; margin-top:9px;}
.top_nav{ width:987px; height:auto; float:right;}
.top_nav ul{ margin:5px 0px 0px 0px; padding:0px; float:right;}
.top_nav li{ display:inline; list-style:none;}
.top_nav li a{ text-decoration:none; font-size:12px; color:#CCC; list-style:none; padding:0px 10px 0px 0px ;}
.top_nav li a:hover{ font-size:12px; color:#FFF;}
#navigation{width:987px; height:88px;margin:0px;}
#blog{ width:754px;float:left;height:88px;}
.blog{ width:754px;float:left;margin-top:4px;}
.blog ul{padding:20px 0px 0px 15px; margin:0px;}
.blog li{list-style:none; display:inline;}
.blog li a{ font-size:13px; color:#494846;text-decoration:none;padding:0px 2px; }
#fold_img{ width:68px; height:88px; float:left;}
#navigation_bg{width:919px; margin:0px;height:88px; background-color:#FFF; float:left;}
#navigation_logo_sp{width:88px; margin:0px;height:88px; float:left;}
#navigation_logo_un{width:77px; margin:0px;height:88px; float:right;}
#container{ width:987px; margin-left:0px; float:left; height:auto;}
#container_top{ float:left;}
#container_middle{ width:987px; height:auto; float:left; background-image:url(../img/container_middle_img.png) ; background-repeat:repeat-y;}
#container_bottom{ float:left;}
#container_middle_base{ margin-top:8px; width:953px; height:auto; margin-left:17px;}
#container_middle_base_left{ margin:0px; width:647px;height:auto; float:left;}
#container_middle_base_right{width:303px; height:auto;float:right;}
#container_middle_base_left_header{ background-image:url(../img/header_img.gif); float:left; width:647px; height:388px; color:#FFF; margin:0px;}
.container_middle_base_left_header{ width:647px; float:left; height:auto;}
.container_middle_base_left_header ul{ margin:0px; padding: 0px 0px 0px 0px;}
.container_middle_base_left_header li{list-style:none;display:inline;}
.container_middle_base_left_header li a{ font-size:17px; color:#c6c4c4;text-decoration:none; display:inline; padding:10px 30px 10px 0px; font-weight:600; float:left;}
.container_middle_base_left_header li a:hover{ font-size:17px; color:#FFF; font-weight:600;}
#header_links{ width:647px; margin:0px; float:left; height:20px; }
.header_links{ width:647px; margin:0px;}
.header_links ul{ margin:0px; padding: 0px 0px 0px 20px;}
.header_links li{ list-style:none;display:inline;}
.header_links li a{ color:#FFF; font-size:14px;text-decoration:none; display:inline; margin-left:15px; padding:15px; font-family:Arial, Helvetica, sans-serif;}
#container_middle_base_left_middle{float:left; width:647px; height:110px; margin:0px; background-color: #ededda; margin-top:15px;}
.container_middle_base_left_middle{ float:left; margin:0px; width:632px; height:auto; margin-left:5px;}
.container_middle_base_left_middle h1{ font-size:24px; color:#242220; font-weight:500;padding:0px; margin:0px; padding-top:5px;}
.container_middle_base_left_middle p{ font-size:12px; color:#242220; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-weight:300; margin:0px; padding:0px; padding-top:5px;}
.container_middle_base_left_middle a{ font-size:12px; color:#6a2507; text-decoration:none;}
#container_middle_base_left_middle_1{float:left; width:647px; height:168px; margin:0px;margin-top:15px;}


#container_middle_base_left_middle_blog1{ background-image:url(../img/spirulina_for_improved_life.gif); width:248px; float:left; height:168px;}
#container_middle_base_left_middle_blog1 p{ font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-weight:300; margin:0px; padding:0px; margin-top:135px; margin-left:7px; margin-right:7px;}

#container_middle_base_left_middle_blog2{ width:384px; float: right; height:180px;}
.container_middle_base_left_middle_blog2{ width:384px; float:right; height:auto;}
#container_middle_base_left_middle_blog2_heading{width:384px; float:right; margin:0px; height:28px; background-color:#9f9f8f;}
.container_middle_base_left_middle_blog2_heading{ width:384px; float:right; height:28px;}
.container_middle_base_left_middle_blog2_heading h1{color:#FFF; font-size:18px; padding:3px 0px 0px 0px; margin:0px 0px 0px 7px;}
#container_middle_base_left_middle_blog2_bottom{width:384px; float:right; height:140px; background-color:#dedecd;}
.container_middle_base_left_middle_blog2_bottom{ width:384px; float:left; height:140px;}
.container_middle_base_left_middle_blog2_bottom h1{color:#675e07; font-size:14px; margin:0px; padding:0px; margin:0px 5px 0px 5px; padding-top:5px;}
.container_middle_base_left_middle_blog2_bottom p{ font-size:12px; color:#242220; text-align:justify; margin:10px 5px 0px 5px; padding:0px; }
.container_middle_base_left_middle_blog2_bottom a{ font-size:12px; color:#675e07; }
#container_middle_base_left_bottom{ width:647px; float:left; height:193px; margin-top:20px;}
.container_middle_base_left_bottom{ width:647px; float:left; height:auto; color:#242220;}
.container_middle_base_left_bottom p{ color:#242220; float:right; margin-top:85px; text-align:left; margin-right:5px;}
#container_middle_base_middle{ width: 297px; float:right; background-image: url(../img/right_middle.gif); height: auto; background-repeat:repeat-y; float:right; }
#container_middle_base_middle_1{ width: 287px; margin-left:7px;height: auto;}
#container_middle_base_middle_video_title{ width:287px; background-color:#421c07; height:28px;}
.container_middle_base_middle_video_title{ width:287px; margin:0px; height:37px;}
.container_middle_base_middle_video_title h1{ font-size:15px; color:#FFF; margin:0px 0px 0px 7px; text-align:center; padding:5px 0px 0px 0px;}
#container_middle_base_middle_video_base{ width:287px; background-color:#933; height:216px;}
#blog_1{ width:287px;height:145px;}
.blog_1{ width:287px; height:145px;}
.blog_1 h1{margin:0px; font-size:18px; color:#4a4847; padding-top:4px; padding-bottom:4px;}

ul.panel_nav {float: left;list-style:none;width: 110px;height:110px;margin: 0;}
.panel_target {float:left; width:172px; height:110px; background-color: #dedecd;overflow: hidden;margin-left:2px;}
.panel_target ul {list-style: none;display: block; margin:0; padding:5px 5px 0px 5px;}
.panel_target ul li a {text-decoration: none;color: #333;}
ul.panel_nav li a:hover, ul.panel_nav li.selected a {background-color:#9f9f8f;}
ul.panel_nav li a {display: block;padding: 8px 0 7px 3px;background-color: #bebea7;text-decoration: none;font-weight: bold;	color: white;}

.blog_1 h2{ padding:0px; margin:0px;}

#food_fortification{ width:287px; background-color:#9f9f8f; height:28px; margin:0px; margin-top:3px;}
.food_fortification{ width:287px; height:auto; margin:0px;}
.food_fortification h1{ color:#FFF; font-size:18px; padding:3px 0px 0px 0px; margin:0px 0px 0px 7px;}
#food_fortification_1{ background-image:url(../img/blog_1.gif); height:204px; width:287px;}
.food_fortification_1{ float:left; margin:0px; height:287px; height:204px;}
.food_fortification_1 p{ font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-weight:300; margin:0px; padding:0px; margin-top:170px; margin-left:7px; margin-right:7px;}
#malnutrition{ width:287px;height:auto;}
.malnutrition{ width:287px; height:auto;}
.malnutrition h1{ color:#4a4847; font-size:18px; margin-top:1px}
#graph{ width:287px;height:160px; margin-top:0px;}
.graph{ width:287px; float:left; height:auto;}
.graph_heading{ color:#4a4847; padding-left:5px; padding-bottom:5px; font-size:18px; margin-top:5px;}
#grap_1{ width:145px; background-color:#09F; height:auto; float:left; margin-right:5px;}
#grap_2{ width:132px;height:20px; float:right; margin-right:5px;}
.grap_2{ width:132px; float:right;}
.grap_2 ul{ padding:0px; margin:0px;}
.grap_2 li{ list-style:none; margin:5px 0px 0px 0px;}
.grap_2 li a{ font-size:12px; color:#242220; font-family:Arial, Helvetica, sans-serif; list-style:none;}
#folded_paper{ width:287px; height:20px;}
#links{ width:287px; height:20px;float:right; margin-right:3px;}
#footer{width:987px; height:auto; float:right;}
.footer{width:987px; height:auto; float:right;}
.footer ul{ margin:10px 0px 5px 0px; padding:0px; float:right;}
.footer li{display:inline; list-style:none;}
.footer li a{ text-decoration:none; font-size:12px; color:#CCC; list-style:none; padding:0px 5px 0px 0px ;}
.footer li a:hover{ font-size:12px; color:#FFF;}

