/* Mifumi Site CSS */
body{text-align: center;font-family: arial, sans-serif; line-height: normal; font-size: 100%;}
#container {width: 900px;  margin: 0 auto; text-align: left;}
#header-right {width: 350px; height: 58px; border: 0px solid #666666; float: right;margin-right: 10px;}
#header-center {width: 150px; height: 58px; border: 0px solid #666666; float: right;margin-right: 10px;}

#header {width: 898px; height: 60px; border: 1px solid #ccc; }
.mifumi-logo {width: 236px; float: left; border: 0px red solid; margin-top: 4px; margin-left: 10px; }
#homeBanner  {width: 100%; height: 236px; border: 1px solid #CCCCCC;}
#modernbricksmenu2{padding: 0;width: 100%; background: transparent;voice-family: "\"}\"";voice-family: inherit;
}
#modernbricksmenu2 ul{margin:0;padding-left: 40px; /*margin between first menu item and left browser edge*/padding: 0;list-style: none;border: 0px solid red; height: 25px; background: #D25A0B url(../gfx/title.gif);}
#modernbricksmenu2 li{display: inline;margin: 0 2px 0 0;padding: 0;text-transform:uppercase;}
#modernbricksmenu2 a{float: left;display: block;font: bold 11px Arial;color: white;text-decoration: none;margin: 0 1px 0 0; /*Margin between each menu item*/padding: 5px 10px; /*Brown color theme*/ border-top: 1px solid #D25A0B;}
#modernbricksmenu2 a:hover{background-color: #D25A0B; /*Brown color theme*/ color: white;}
#modernbricksmenu2 #current a{ /*currently selected tab*/background-color: #D25A0B; /*Brown color theme*/ color: white;border-color: #D25A0B; /*Brown color theme*/ }

.pubs {  float: left; width: 360px; height: 60px; margin-right: 4px; margin-bottom: 4px;}
div#footer{clear: both; font-size:70%;color: #002066;text-align: center }
div#footer a{ clear: both; font-size:100%; color: #002033;text-decoration: none;}
div#footer a:hover{clear: both; font-size:100%; color: #002033; }
#bottom-box {text-align: center; margin-top: 10px; width: 900px;clear: both;}
#top-box {text-align: center; width: 185px;float: right;margin-top: 10px;}
#infoBlock {width: 898px; height: 30px; clear: both; border: 1px solid #e4e4e4; }
.iBlock {width: 145px; height: 30px;float: left; background: url(../gfx/iBlockSeperator.jpg) top right no-repeat; padding: 1PX;}
.donateButton {width: 148px; height: 90px;float: right; padding: 2px;}
.donateButton img {width: 100%; height: 96%; border: 0;}
#site-search {float: right;  width: 153px;height:40px;margin-top: 10px;margin-right: 3px;}
.bottom-link  {font-family: inherit; font-size: .7em;text-decoration: none; }
.rightBarTitleHead {background: #ad9362 url(../gfx/rightBarHeadBg.jpg) 0 0 repeat-x; width: 192px; height: 25px; padding: 2px 0px 0px 2px;}
#leftBar {float: left; width: 700px; border: 1px solid #e4e4e4; margin-bottom: 3px;}
#rightBar {float: right; width: 196px; height: 450px; border-right: 0px solid #b5b9b8; border-bottom: 0px solid red;}
#contentSection {width: 698px; clear: both; border: 1px solid red; overflow: auto;}
.resources {width: 220px; float: left; border: 0px solid red;}
.newsItems {width: 460px; float: right; border: 0px solid blue;}
.rncontent {background: url(../gfx/RESOURCES_center.jpg) 0 0 repeat-y; margin: 0px; border:0px solid red; text-align: center; overflow:auto; width: 217px;}
.rnbottom {background: url(../gfx/RESOURCES_bottom.jpg) 0 0 no-repeat; margin: 0px; margin-bottom: 3px; clear: both; height: 20px; border: 0px solid red;width: 217px;}
.rncontenttext {margin: 4px;}
#news h3 { background:url(../gfx/NEWSHIGHLIGHTS_top.jpg) no-repeat; height: 25px; margin: 0px; width: 218px; text-indent: -9999px;}
.news-n-case h3 { background: url(../gfx/RESOURCES_top.jpg) no-repeat; height: 25px; margin: 0px; width: 218px; text-indent: -9999px;}
.clear {font-size: 1px; height: 1px}
.blogs {width: 194px; height: 280px; border: #b5b9b8 1px solid; background: url(../gfx/bg_panelmini_bottom_white.jpg) bottom right no-repeat;}
.quote {width: 186px; height: 150px; border: #b5b9b8 1px solid; background: url(../gfx/quotebg.jpg) bottom right no-repeat; padding: 4px;}
.atuki {display: block; text-align: right; font-size: .8em; font-weight: bold;}
.quote p{font-family: Georgia, "Times New Roman", Times, serif; font-size: .9em; font-style: italic; margin: 3px; display: block; word-spacing: 200%; }
.quote h5 { margin: 3px; padding:0; border-bottom: 1px solid red; display: block; margin-bottom: 4px;}
#projects {width: 700px; height: 200px;background-position: 0 0; border: 1px solid #ccc; border-bottom: 1px solid #CCCCCC; border-right: 0px; overflow: hidden;}
#onTheWeb {width: 700px; height: 30px; border: solid 0px blue;}
.headText {font-family: arial; color: #de5413; size: .6em; font-weight: bold; float: left; margin-top: 5px; margin-left: 3px;}
.imageLink {border: 0px; margin-left: 20px; margin-right: 20px;}
#home-content{ background: url(../gfx/bottomBG.gif); height: 80px;background-position: 0 -156px; overflow: hidden;}
.donate {font-family: inherit;  margin-top: 1px; border: #b5b9b8 1px solid;}
.donate  a{font-family: Myriad Pro Cond, arial; font-size: 1.6em; color: #fff; font-weight:normal; text-decoration: none;}
.donate  a:hover{font-family: inherit; font-size: 1.6em; font-family: Myriad Pro Cond, arial;}
.nh-title {font-size: .8em; color: blue; display:block;float: left;}
.nh-summary {font-size: .7em; display: block;float: left;}
.nh-date {display:normal;font-size: .7em;color: black;}
.nh-date2 {display:normal;font-size: .8em;color: blue;}
.case-summary {font-size: .7em; display: block;float: left;}
.home-case-img {float: left; height: 77px;}
.level1{font-family:Arial, sans-serif; color:#003300; font-size: .7em;display: block;}
.level2{font-family:Arial, sans-serif; color:#003300; font-size: .6em;display: block;}
.caption {margin: 0px; color: #fff;  padding: 2px 2px 2px 5px; font-weight: normal; background: #663300; width: 308px; font: Myriad Pro Cond; font-size: 1em;}
P { text-align: justify;}
.caption-gen{margin: 0px; color: #fff;  padding: 2px 2px 2px 5px; font-weight: normal; background: #663300;width: 458px; font: Myriad Pro Cond; font-size: .8em;}
P { text-align: justify;}
.caption_cs {margin: 0px; color: #fff;  padding: 2px 2px 2px 5px; font-weight: normal; background: #663300; width: 293px; font: Myriad Pro Cond; font-size: 1em;}
P { text-align: justify;}
.nt-title {font-size: .8em; color: blue; display:block;float: left; text-align: left;}
.nt-title2 {font-size: .8em; color: blue;float: left;}
#right-bar {width: 152px;  float: left;margin: 0; margin: 0px 0 10px 0; background: #E4D2AD; padding-top: 26px; }
#left-bar {width: 748px; float: right; border-bottom: 2px solid #009543;  margin: 0px 0 10px 0; background: #fff;}
#page-heading {width: 100%; /*height: 26px;*/ background: #E4D2AD; padding-top: 9px;}
.page-head {font-size: .9em; font-weight: bold; margin: 3px; margin-top: 0px; letter-spacing: .1em;}
.home-case-title{color: blue; display: block; font-size: .7em; font-weight:bold;}
.home-case-define{font-size: .7em; display: block;}
.large-case-img { margin: 0px 0 5px 5px;float: right; clear: both; width: 315px;}
.page-subhead {font-size: .9em; font-weight: bold; padding: 10px 2px 0 5px;}
.page-subhead_l2 {font-size: .8em; font-weight: bold; padding: 5px 2px 0 5px; /*float: left;*/}
.page-content {/*font-size: .8em;*/ padding: 2px 2px 2px 5px;}
.page-content2 {/*font-size: .8em;*/ padding: 2px 2px 2px 5px;}
.headProjects {background: #f3d194; height: 20px; padding: 1px;}
.page-content-u {font-size: .8em; padding: 0 2px 2px 5px;}
.faq-page-content { padding: 0px ; background:  #fffccc; margin: 0;}
.faq-page-content a{font-size: .9em;  background:  #fffccc; margin: 0; font-weight: bold; color: #000066;}
.rightbar-supp-img {margin: 2%; margin-left: 6px; margin-top: 10px; border: 0px;}
.contacts-center {width: 448px; float: left; margin-bottom: 10px;}
.content {font-size: 80%; margin: 5px; display: block;}
.contacts-right {width: 296px; border: 1px solid red; float: right; font-size: .7em; margin-bottom: 10px; height: 450px;}
.formbutton{cursor:pointer;border:outset 1px #ccc;background: url(../gfx/title.gif) repeat-x;color:#fff;font-weight:bold;padding: 1px 2px;}
.inside-image-f {	border: 1px #006600 solid;	margin: 20px 10px 10px 10px;	float: right;	width: 250px; background: #e4d2ad;  padding: 3px;}
.inside-content { text-align: justify; padding: 3px; font-size: .8em;}
.inpage-banner {margin-left: 2px; overflow: hidden;}
.mhc-bn {margin-left: 2px; overflow: hidden;width: 746px; height: 166px;}
/*******************************/
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */
.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(../gfx/menuo_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover, .glossymenu li a:active {
	color: #fff;
	background: url(../gfx/menuo_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../gfx/menuo_hover_right.gif) no-repeat right top; /*right tab image path*/
}

/*******************************/
.inpage-banner-wwa1 {margin-left: 2px; overflow: hidden; background: url(../gfx/whoWEareCOMBINE.jpg); background-position: 0 0; height: 166px;}
.inpage-banner-wwa2 {margin-left: 2px; overflow: hidden; background: url(../gfx/whoWEareCOMBINE.jpg); background-position: 0 -166px; height: 166px;}
.inpage-banner-wwa3 {margin-left: 2px; overflow: hidden; background: url(../gfx/whoWEareCOMBINE.jpg); background-position: 0 -332px; height: 166px;}
.inpage-banner-wwa4 {margin-left: 2px; overflow: hidden; background: url(../gfx/whoWEareCOMBINE.jpg); background-position: 0 -498px; height: 166px;}
.inpage-banner-wwd1 {margin-left: 2px; overflow: hidden; background: url(../gfx/WHATweDOcombined.jpg); background-position: 0 0px; height: 166px;}
.inpage-banner-wwd3 {margin-left: 2px; overflow: hidden; background: url(../gfx/WHATweDOcombined.jpg); background-position: 0 -332px; height: 166px;}
.inpage-banner-wwd4 {margin-left: 2px; overflow: hidden; background: url(../gfx/WHATweDOcombined.jpg); background-position: 0 -498px; height: 166px;}

.inpage-banner-hww1 {margin-left: 2px; overflow: hidden; background: url(../gfx/RESPONSE2disability.jpg); background-position: 0 0; height: 166px;}
.inpage-banner-hww2 {margin-left: 2px; overflow: hidden; background: url(../gfx/RESPONSE2disability.jpg); background-position: 0 -166px; height: 166px;}
.inpage-banner-hww3 {margin-left: 2px; overflow: hidden; background: url(../gfx/RESPONSE2disability.jpg); background-position: 0 -332px; height: 166px;}
.inpage-banner-hww4 {margin-left: 2px; overflow: hidden; background: url(../gfx/RESPONSE2disability.jpg); background-position: 0 -498px; height: 166px;}

.inpage-banner-hww5 {margin-left: 2px; overflow: hidden; background: url(../gfx/aidsMHDRNgenPr.jpg); background-position: 0 0; height: 166px;}
td.form         { color: #606060; font-family: "Arial";  }
td.main         { color: #606060; font-family: "Arial";  }
font.form_check {	color: red; }
input           { font-family: "Arial"; color:#606060; }
textarea        { font-family: "Arial"; color:#606060; }
div#form_box    { margin: 2px; width: 295px; border: 1px; border-style: solid; border-color: #606060; background: #f8f8f8; padding: 5px; }
h1              { font-size:14; color: #606060; }
.newsItem { border: 0px solid #b5b9b8; height: 175px; width: 230px; float: left; margin-bottom: 1px;}
.thumbnail {float: left; margin: 0px; margin-right: 3px; border: 0px;}
.newsItem_content {float: right; border: 0px solid red; width: 130px; height: 91px;}
.newsItem_desc {margin: 2px; font-size: .7em; text-align: justify; font-family: arial;}
.newsItem_head {font-weight: bold; color: #003399; margin: 2px; font-size: .8em;}
.newsItem_head  a{font-weight: bold; color: #003399; margin: 2px; text-decoration: none;}
/* the news box */
.news-n-case {width: 217px; border: 0px solid #666666; margin-left: 1px; margin-top: 4px; margin-bottom: 2px;}
#news{	width: 217px; border: 0px solid #666666; margin-left: 1px; margin-top: 4px; margin-bottom: 2px;}
#news a{	color:#0052a5;}
#news a:hover{	color: #CC0000;	text-decoration: underline;}
#news ul{	margin:0 .5em 0 .5em;	padding:0;}
#news li{	line-height:1.5em;}
/* the news box when JavaScript is available */
#news.hasJS{	height:120px;	overflow:hidden;	position:relative;}
/* The nested UL when JavaScript is available */
#news.hasJS ul{	position:absolute;	top:300px;	left:0;	margin:0 .5em 0 .5em;	padding:0;}
h3 {
  font-size: 80%;
}
label {
  font-size: 80%; font-family: Arial;
}

label ul{
  font-size: 80%; font-family: Arial;
}


.cs { border: 0px solid red; height: 93px; width: 368px; float: left; margin-bottom: 3px;}
.cs2 { border: 0px solid red; height: 93px; width: 369px; float: right; margin-bottom: 3px;}
.thumbnail {float: left; margin: 0px; margin-right: 3px; border: 0px; width: 80px; height: 80px; overflow: hidden;}
.cs_content {float: right; border: 0px solid red; width: 258px; height: 91px;}
.cs_desc {margin: 2px; font-size: .7em; text-align: justify;}
.cs_head {font-weight: bold; color: #003399; margin: 2px; }
.cs_head  a{font-weight: bold; color: #003399; margin: 2px; text-decoration: none;}


p{
  font-size: 80%;
  padding: 0;
  margin: 0;
}
.csdetails {
  font-size: 90%;
  display: block;
  margin: 5px 2px 1px px;
  font-weight: bold;
}
a {
  text-decoration: none;
  color: blue;
}
a:link {
  text-decoration: none;
}
a:visited{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}

.mhc_sublinks { width: 140px; border: 1px solid #FF3300; float: right;}
.mhc_sublinks_head {width: 98%; margin: 3px; margin-left: 1%; margin-right: 1%; font-family: arial; font-size: .8em; text-align: center; background: url(../gfx/uo_menuboxbg.png); color: #ffffff;}

.mhc_sublinks ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
.mhc_sublinks ul li {
margin: 0px;
padding: 0px;
}
.mhc_sublinks ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:133px;
}

.mhc_sublinks ul li a:hover, #vertmenu ul li a:focus {
color: #032366;
background-color: #f2e3bc;
}

.page-content2 ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

.page-content2 ul li  {
font-size: 80%;
display: block;
background: url(../gfx/uo_topbg.jpg) no-repeat left;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #000000;
width:133px;
}

/*box with drop shadow*/
.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,
.bscontent{
	position: relative;
	bottom: 2px;
	right: 2px;
	overflow: auto;
}

.shadow{
	background-color: #666; /*shadow color*/
	color: inherit;
}

.bscontent{
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .3em 2ex;
	height: 150px;
	font-family: arial;
	
}
/* News items displayed on the front page. */

ul {}
.emtext { font-weight: bold;}
/*Multi-column layout!*/
.bg-info {}
#col1
{
float: left;
width: 30%;
margin-left: 3%;
display: inline;
}

#col2
{
float: left;
width: 29%;
margin-left: 3%;
}

#col3
{
float: left;
width: 29%;
margin-left: 3%;
}
#col1 h3, #col2 h3, #col3 h3{ border-bottom: 2px solid red;}
#col1 p, #col2 p, #col3 p { font-family: arial; font-size: .8em;}
