﻿/*************************** Begin Village Section ***************************/
#villageThumbsHolder
{
    width: 100%;
    float: left;
}
.villageBox
{
    margin-top: 38px;
    width: 982px;
    height: 495px;
    max-height: 495px;
    background: url(/images/village/bottomBarRoundedRight.gif) no-repeat left bottom;
    background-color: #ffffff;
}

.villageBox .villageContent
{
    background: url(/images/village/topBarRoundedRight.gif) no-repeat left top;
    height: 5px;
}
.villageBox .legalContent
{
    background: url(/images/village/topBarRedRoundedRight.gif) no-repeat left top;
    height: 65px;
}

.villageBox .villageContent .inner
{
    padding: 11px 16px 0 34px;    
    color: #000000;
    font-size: 10pt;
    height: 484px;
}
.villageBox .legalContent .inner
{
    padding: 11px 16px 0 34px;    
    color: #000000;
    font-size: 11pt;
    height: 484px;
}
.villageBox .legalContent .inner h3
{
    color: #FFFFFF;
    font-size: 16pt;
    font-family: Times New Roman;
    font-weight: normal;
    margin: 24px 0px 40px 10px;
}
.villageBox .legalContent .inner h4
{
    font-size: 10pt;
    color: #B3432B;
    font-family: Arial;
    font-weight: bold;
    margin: 10px 20px 10px 10px;
}
.villageBox .legalContent .inner p
{
    font-size: 10pt;
    font-family: Arial;
    font-weight: normal;
    margin: 10px 40px 20px 10px;
}
.villageBox .legalContent .inner li
{
    font-size: 10pt;
    font-family: Arial;
    font-weight: normal;
    line-height: 1.3em;
    margin-right:60px;
}

.villageBox .villageContent .innerLeft
{
    float: left;
    width: 433px;  
    height: 475px;
    min-height: 475px;  
}

.villageBox .villageContent .innerRight
{
    float: right;
    width: 470px;    
}

.villageBox .villageContent .HowItWorks
{
    width: 101%;
    line-height:35px;
    /* border: solid 1px #6ca44b; */
	display: block;
	vertical-align: top;
}

.musicPlayer
{display:inline;
 z-index: 700;
 position:relative;
 top:-100px;
 left:600px;
}

#shareVillageRight
{
    /*position: relative;*/
    float: right;
    width: 450px;
    left: 235px;
    height: 40px;
}

#villageBodyText
{
    height: 295px;    
}

#villagePrev
{
    background: url(/images/village/village_left_arrow.gif) no-repeat;   
    display: block;
    float: left;
    width: 13px;
    height: 59px;
    padding-right: 5px;
}

#villageNext
{
    background: url(/images/village/village_right_arrow.gif) no-repeat;   
    display: block;
    float: left;
    width: 13px;
    height: 59px;
    margin-left: 5px;
}

#villageThumbSlider
{
    /*padding: 20px 0 0 11px;*/
    float: left;
    width: 393px;
}

#villageThumbSlider li
{
    display: inline;
    padding: 0 0 0 5px;    
}

#villageThumbSlider img
{
    border: none;
    width: 74px;
    height: 56px;
}

#villageExploreBtn
{
    float: right;
    padding: 57px 0 0 0;    
}

#villageDetailLeft
{
    float: left;
    width: 238px;    
}

#villageDetailRight
{
    float: right;
    width: 212px;
}

#villageMoneyTop
{
    background: url(/images/village/money_top.gif) no-repeat;
    width: 224px;
    height: 3px;
}

#villageMoneyContent
{
    background: url(/images/village/money_middle.gif) repeat-y;
    width: 223px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
}

* html #villageMoneyContent 
{
    margin-top: -15px;    
}

.villageContentItem
{
    padding: 5px;    
}
#villageMoneyBottom
{
    background: url(/images/village/money_bottom.gif) no-repeat;
    width: 223px;
    height: 3px;
}

#villageMainPhoto
{
    padding-top: 26px;
    margin: auto 0%;
}

.villageDetailTitle
{
    font-family: Times New Roman;  
    color: #000000;
}

.mzatiAbout
{
    font-size: 9pt;   
    font-weight: bold; 
    padding-top: 5px;
}

/*************************** End Village Section ***************************/

/*************************** Profile Section ***************************/

#profileTop
{
    height: 40px;
    width: 100%;
}

#profileMain
{
    width: 100%;
    height: 400px;
    height: auto !important;
    min-height: 400px;
}

.profileHighlight 
{
    color:  #85452c;  
    font-size: 9pt;    
}

#profileLeft
{
    width: 678px;
    float: left;    
    height: 400px;
    height: auto !important;
    min-height: 400px;
    padding-top: 9px;
}

#profileInnerTopBorder
{
    width: 678px;
    height: 2px;
    background: url(/images/Profile/profile_border_top.gif) no-repeat top;
}

#profileInnerMiddleBorder
{
    background: url(/images/Profile/profile_border_middle.gif) repeat-y;
    width: 678px;   
    height: 380px;
    position: relative; 
}

* html #profileInnerMiddleBorder
{
    margin-top: -15px;    
}

#profileInnerBorderBottom
{
    background: url(/images/Profile/profile_border_bottom.gif) no-repeat;
    height: 3px;
    width: 678px;
}

#profileRight
{
    width: 242px;
    float: right;
    height: 380px;
    height: auto !important;
    min-height: 380px;
}

#aboutTitles
{
    width: 350px;
    font-family: Times New Roman;
    color: #000000; 
    font-size: 20pt;
    font-weight:bold;
    padding-top: 15px;   
}

#profilePicture
{
    width: 176px;
    height: 176px;
    height: auto !important;
    min-height: 176px;
    float: left;
    padding: 9px 0 0 9px;
}

#profileDesc
{
    width: 226px;
    float: left;
    padding: 5px 0 0 9px;
}

#profileDescTop
{
    width: 226px;
    height: 31px;
    height: auto !important;
    min-height: 31px;
    background: url(/Images/Profile/profile_name_background.gif) no-repeat;
}

#profileDescMiddle
{
    background-color: #dfdfdf;
    width: 226px;
    height: 140px;
    height: auto !important;
    min-height: 140px;    
    font-weight: bold;
    font-size: 9pt;
}

#profileDescMiddle p
{
    padding: 0 0 5px 5px;    
}

.profileText
{
    color: #FFFFFF;
    padding: 0px 0 0 5px;    
    vertical-align: middle;
    font-size: 10pt;
    font-family: Times New Roman;
    font-weight: bold;
}

#profileInnerTop
{
    background: url(/images/Profile/inner_profile_top.gif);
    width: 226px;
    height: 2px;
    height: auto !important;
    min-height: 2px;
    margin-bottom: 5px;    
}

#profileAboutMe
{
    width: 411px;
    height: 209px;
    height: auto !important;
    min-height: 209px; 
    float: left;
    padding-left: 9px;
    padding-top: 5px;
}

#profileAboutMeTop
{
    background: url(/images/Profile/profile_more_about_me_background.gif) no-repeat;
    width: 411px; 
    height: 30px;
    height: auto !important;
    min-height: 30px; 
}

#profileAboutMeMiddle
{
    width: 411px;
    height: 161px;
    height: auto !important;
    min-height: 141px;
    background: #dfdfdf url(/Images/Profile/about_me_bottom.gif) no-repeat bottom;
}

#profileAboutMeInnerTop
{
    background: url(/Images/Profile/about_me_top.gif) no-repeat;
    height: 2px;
    height: auto !important;
    min-height: 2px;
    width: 411px;
}

#profileNews
{
    width: 239px;
    float: right;
    height: 380px;
    padding-right: 9px;
    padding-top: 5px;
}
    
#profileNewsTop
{
    width: 239px;
    height: 31px;
    min-height: 31px;
    background: url(/Images/Profile/profile_village_news_background.gif) no-repeat;
}

#profileNewsMiddle
{
    width: 239px;
    height: 340px;
    height: auto !important;
    min-height: 340px;    
    background: #dfdfdf;
    background: #dfdfdf url(/Images/Profile/news_bottom.gif) no-repeat bottom center;
}

#profileNewsInnerTop
{
    width: 239px;
    height: 2px;
    min-height: 2px;
    background: url(/Images/Profile/news_top.gif) no-repeat;    
}

/*************************** End Profile Section ***************************/

/***** Begin About Content *****/

#aboutBorderTop
{
    position: relative;
    top: 100px;
    background: url(/Images/home/outer_border_top.gif) no-repeat;
    width: 938px;
    height: 3px;
    min-height: 3px;
    margin: 0% auto;
}

* html #aboutBorder
{
    margin-top: -15px; 
}

#aboutBorder
{
    height: 402px;
    min-height: 402px;
    width: 938px;
    background: url(/Images/home/about_background.gif) repeat-y;
    margin: 0% auto;
    position: relative;
    top: 60px;
    color: #000000;
    font-size: 9pt;
}

#aboutBorderBottom
{
    height: 3px;
    min-height: 1px;
    width: 938px;
    background: url(/Images/home/outer_border_bottom.gif) no-repeat;
    margin: 0% auto;
    position: relative;
    top: 0px;
}

#aboutLeft1
{
    width: 142px;
    height: 402px;
    min-height: 402px;    
    padding-left: 12px;
    float: left;
}

#aboutLeft2
{
    width: 317px;
    height: 402px;
    min-height: 402px;
    float: left;    
}

#aboutLeft3
{
    width: 454px;
    height: 402px;
    min-height: 402px;
    float: left;
    background: #dfdfdf;    
}

#aboutOtherLinks
{
    position: relative;
    top: 180px;
}

#aboutOtherLinks a
{
    color: #808080;
    text-decoration: underline;    
    font-size: 9pt;
}

.gmLinks 
{
    color:  #253ca3;
    font-weight: bold;   
    font-size: 9pt;
}

.aboutSmallHeading
{
    color: #63a6d0;
    font-size: 9pt;    
}
/***** End About Content *****/

/***** FAQ Page ****/

.contentPageInnerLeft 
{
    width: 459px;
    height: 400px;
    min-height: 400px;
    float: left;
}

.contentPageInnerRight
{
    width: 454px;
    height: 400px;
    min-height: 400px;
    float: right;
}

.faqHeader 
{
    width: 400px;    
    padding: 10px;
    font-size: 11pt;
    color: #85452c;
    border-top: solid 1px #c3c3c3;
    
}

.set .content
{
   font-size: 9pt;
   color: #000000;
}

.faqContent
{
    padding-bottom: 8px;
    line-height: 30px;
}

.faqContentHead
{
    padding: 8px 0 8px 0px;
    color: #85452c;
}

.faqGrayBackground
{
    background: #DFDFDF; 
    padding-left: 10px;
    display: none;  
}

#faq1
{
    display: block;
}

/***** End FAQ Page ****/

/***** Our Vision ****/
#ourVisionGreen
{
    float: left; 
    background: #83a33d;    
    padding:  5px 20px 5px 20px;
    color: #FFFFFF;
    font-size: 9pt;
}

#ourVisionGray
{
    background: #ebebeb;
    font-size: 10pt;
    width: 439px;
    margin-left: 2px;
}
/***** End Our Vision *****/

/***** Choose Village *****/
#divChooseVillage
{
    position: relative; 
    width:700px;
    height:auto;
    color: #333333;
    background: #FDF4DF;
    border:solid 1px #B4442C;
    padding:0px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
}

#tblChooseVillage
{
    background: #FDF4DF;
    padding: 4px;
    
}
/***** End Choose Village *****/

/***** About GMI *****/
.aboutGMIInnerLeft
{
    padding: 12px 0 12px 12px;
    float: left;
    height: 370px;
}

#aboutGMIBottomRight
{
    padding-top: 10px;    
}

* html #aboutGMIBottomRight
{
    padding-top: 0px;    
}

.aboutGmiBold
{
    color: #0082d6;
    font-weight: bold;    
    font-size: 9pt;
}

#aboutGmiBox
{
    margin: 12px; 
    background: #f2f2f2; 
    overflow-y: scroll;
    font-size: 10pt;
    height: 380px;
}
/***** End About GMI *****/

/***** About Malawi *****/

.MalawiSpreadTheWord
{
   position: absolute; 
   float: left; 
   margin-top: 4px; 
   text-align: right; 
   width: 465px; 
}

#aboutMalawiOuterLeft
{
    
}

#aboutMalawiLeftBorderTop
{
    background: url(/images/home/AboutMalawi/jmv_about_malawi_border_top.gif) no-repeat;
    width: 465px;
    height: 2px;
    line-height: 1px;
    font-size: 1px;
}

#aboutMalawiLeftBorderMiddle
{
    background: url(/images/home/AboutMalawi/jmv_about_malawi_border_middle.gif) repeat-y;
    width: 465px;
    height: 380px;
    overflow-y: scroll;
}

#aboutMalawiLeftBorderBottom
{
    background: url(/images/home/AboutMalawi/jmv_about_malawi_border_bottom.gif) repeat-y;
    height: 2px;
    width: 465px;
    line-height: 1px;
    font-size: 1px;
}

#aboutMalawiOuterLeft
{
    width: 465px;
    float: left;
    height: 400px;
    min-height: 400px;
}

#aboutMalawiOuterRight
{
    width: 466px;
    height: 400px;
    min-height: 400px;
    float: right;
}

#aboutMalawiInnerLeft
{
    width: 279px;
    height: 250px;
    margin: 8px 0 8px 0px;
    float: left;
}

#aboutMalawiInnerLeft2
{
    height: 250px;
    width: 149px;
    margin: 8px 0 8px 8px;
    float: left;
}

#aboutMalawiInnerLeft2
{
    font-size: 8pt;    
}

#aboutMalawiFactsFigures
{
    background: #f5f5f5;
    width: 100%;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    margin-top: 10px;      
}

.aboutMalawiFactsFiguresItem
{
    padding-left: 5px;
    border-bottom: solid 1px #d7d7d7;   
}

#aboutMalawiFactsFiguresHeader
{
    color: #ceb249;    
    font-size: 10pt;
    font-weight: bold;
    margin: 5px;
}

#aboutMalawiYellowTop
{
    background: url(/images/home/AboutMalawi/jmv_about_malawi_yellow_top.gif) no-repeat;
    width: 465px;
    height: 2px;
    line-height: 1px;
    font-size: 1px;
}

#aboutMalawiYellowMiddle
{
    background: url(/images/home/AboutMalawi/jmv_about_malawi_yellow_middle.gif) repeat-y;   
    width: 465px; 
    height: 398px;
    font-size: 9pt;
    color: #ffffff;
}

#aboutMalawiYellowBottom
{
    background: url(/images/home/AboutMalawi/jmv_about_malawi_yellow_bottom.gif) no-repeat;
    height: 2px;
    width: 465px;
    line-height: 1px;
    font-size: 1px;
}

#aboutMalawiYellowMap
{
    padding: 5px; 
    height: 380px; 
    overflow: hidden;
    width: 455px;    
}
/***** End About Malawi *****/

/***** Village Teams *****/

#teamTop
{
    display: block;
    height: 65px;
    /* border: solid 1px #ff0033; */
}

#teamProgress
{
    width: 198px;
    height: 405px;
    min-height: 405px;
    float: left;
    font-size: 10pt;
    color: #FFFFFF;
}

/* #teamProgressTitle
{
    font-family: Times New Roman;
    font-size: 20pt;
    font-weight: bold;
    color: #FFFFFF;    
    padding-right: 20px;
    padding-top: 20px;
    width: 178px; 
    text-align: right; 
} */

#teamProgressValues
{
    position: relative;
    margin:0px;
    padding:0px;
    /* width: 178px;
    height: 366px; 
    padding-right: 20px;  
    text-align: right; */
}
/* * html #teamProgressValues{height: 341px;} */

#teamMiddle
{
    width: 472px;
    height: 401px;
    float: left;
    margin-left: 11px;
}

#teamLeaderMembers
{
    width: 240px;
    height: 401px;
    float: left;
    margin-left: 22px;
    overflow-y: scroll;
}

/* team member display page(s) */

.memberArea
{
	background: #ffffff; 
	height: 495px;	/* 495px */
	width: 983px;
	margin-top: 20px; 
	padding-left: 20px;
	padding-right: 18px;
	display: block;
	float: left;
	vertical-align: top;
}
	
.memberSquares
{
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:10pt;
    display:inline-block;
    width: 84px;
    height: 82px;
    overflow: hidden;
    margin-right: 2px;
    margin-bottom: 3px;
    padding: 1px 1px 1px 1px;
    border: solid 1px #ffffff;
    background: #ffffff; 
    z-index: 0;
    float: left;
}

.pager 
{
    margin-top: 5px;
    padding-right: 60px;
    width: 900px;
    display:block;
    float: right;
    text-align: right;
    font-weight: bold;
    z-index: 0;
    }

.tabItem 
{
    font-size: 9pt;
    height: 340px;
    overflow-y: scroll;
}

.teamMemberThumbnail
{
    float: left;    
    padding: 1px;
}

.teamTitle
{
    color: #9BB760;
}

/***** End Village Teams *****/
/***** TeamLeader BLOG *******/

.spnAddNew 
{
    cursor: pointer;
    text-decoration: underline;
}
.spnHideNew
{
    cursor: pointer;
    text-decoration: underline;
    display: none;
}
    
#divAddNewNews 
{
    height: 5px;
    overflow: hidden;
    display: none;
 }
 
#LeaderAddNewButton 
{
    cursor: pointer;
    width: 80px;
    text-align: center;
    padding: 3px 3px 3px 3px;
    margin-top: 6px;
    background: #95bc63;
    border: solid 1px #83a43e;
    font-size: 8pt;
    }
 
.divLeaderComment 
{
    background: #f2f2f2;
    color: #191919;
    border: solid 1px #686767;
    width: 402px;
    padding: 6px 4px 6px 6px;
    margin-bottom: 15px;
    }
    
.divMemberComment 
{
    background: #eeecec;
    color: #313131;
    border: solid 1px #aeadad;
    width: 402px;
    padding: 6px 4px 6px 6px;
    margin-top: 6px;
    }
    
.MemberCommentHeader 
{
    background: #DBDBDB;
    padding: 3px 3px 3px 3px;
    margin-bottom: 4px;
    /* 	font-family:Arial,Helvetica,Sans-Serif;
	font-size:10pt; */
    
    }

/***** How It Works *****/
img.arrow
{
	position: relative;
	left:15px;
	top:-40px;
}

img.hiwButton
{
	float: left;
	padding-right: 0px;
	height:37px;
	padding-left: 15px;
}
img.hiwTrackButton
{
	float: left;
	padding-right: 0px;
	height:40px;
	padding-left: 15px;
}
img.hiwDonateButton
{
	float: left;
	padding-right: 0px;
	height:39px;
	padding-left: 15px;
}
img.hiwLarge
{
	position: relative;
	left:15px;
	top:12px;
	height:170px;
	width:206;
}

/* img.spreadTheWord
{
	position: relative;
	left:595px;
	top:4px;
} */

img.hiwTrackButton
{
	float: left;
	height:40px;
	width:261px;
}

p.hiwContent
{
	position: relative;
	top:12px;
	margin-left:15px; 
	width:650px;
}
p.hiwContentLong
{
	margin-left:15px;
	width:890px;
	letter-spacing: .05em;
	/*font-weight:bold;*/
}
p.hiwContentLong span{font-size:larger;font-weight:bolder;}
ul.hiwContentLong
{
	padding-left:30px;
	margin-left:30px;
	letter-spacing: .05em;
	font-weight:bold;
}
#howItWorksGray
{
	margin-top: 10px;
    height: 401px;
    width: 932px;
    min-height: 401px;
    background: url(/Images/home/HowItWorks/jmv_how_it_works_background.gif) no-repeat;
}

#howItWorksWhite
{
	margin-top: 35px;
	margin-left: 2px;
    height: 191px;
    width: 928px;
    background-color:#ffffff;
    /* overflow-y: scroll; */
    overflow-y: auto;
}

.hiwletterspacing
{
    letter-spacing: .05em;
  
}
.teamNewsUL
{
    margin-left: 0;
    padding-left: 15px;    
}

#howitworksMain
{
    font-size: 14pt;
    color: #73a360;    
}
.teamULNews
{
    margin-left: 0;
    padding-left: 15px;    
}

.reportnow
{
	font-family: Sans-Serif;
    font-size: 12px;
    font-weight:bold; 
	color: #de3535;
	cursor: pointer;
}
/***** End How It Works *****/
/***** Team Progress Overview *****/
#teamProgressOverviewLeft
{
    width: 249px; 
    height: 405px;
    float: left;
}

#teamProgressOverviewRight
{
    background: url(/images/village/overview/jmv_project_progress_overview_back.gif) no-repeat;
    width: 681px;
    height: 401px;
    float: right;
    margin-right: 12px;
}

.tdVillageProgressItem
{
    width: 125px;
    height: 148px;
    background: url(/images/village/overview/jmv_project_progress_td_item.gif) no-repeat;
    vertical-align: top;
}

.divVillageProgressItem
{
    position: relative; 
    vertical-align: middle; 
    text-align: center;
    top: 23px;
    color: #ffffff;
    font-weight: bold;
    width: 113px;
}

.tblVillageProgressItemUnlock
{
    position: relative;
    top: 45px;
    line-height: .9em;
    left: 7px;
    height: 36px;
    width: 113px;
    font-size: 8pt;
}

.tblVillageProgressItemMatched
{
     top: 44px;
     left: 7px;
     position: relative;
     line-height: 1.3em;
     width: 113px;
     font-size: 8pt;
}

#teamProgressLady
{
    left:870px;
    position:absolute;
    top:266px;
}

* html #teamProgressLady
{
    left:855px;    
}

#progressGoalText
{
    color: #ffffff;  
    float: right;
    text-align: right;
    padding-right: 10px;
    width: 178px;
}

#tdProgressGoals
{
    border: solid 1px #ffffff;    
    margin-top: 5px;
    line-height: .9em;
    float: right;
    margin-right: 10px;
}

* html #tdProgressGoals
{
    margin-right: 5px;
}

#tdProgressMatchGoal
{
    position: relative;
    margin-right: 10px;
    float: right;
}

* html #tdProgressMatchGoal
{
    margin-right: 6px;
}

#progressSoFar
{
    position: absolute;
    font-weight: bold;
    font-size: 13pt;
    color: #ffffff;    
    width: 130px;
    text-align: right;
    top: 500px;
    left: 65px;
}

#tdProgressGoalsSoFar
{
    border: solid 1px #ffffff;
    position: absolute;
    top: 570px;
    width: 135px;
    left: 65px;
}

.tblProgressFormat
{
    font-weight: bold;
    color: #ffffff;    
    text-align: right;
    line-height: .9em;
}

#tdProgressMatchSoFar
{
    position: absolute;
    left: 65px;
    width: 135px;
    top: 605px;    
}

#progressInThousands
{
    position: absolute;
    color: #5f5f5f;
    font-size: 8pt;
    top: 670px;
    left: 200px;
}

.teamProgressTitle
{
    float:right;
    font-family: Times New Roman;
    font-size: 16pt;
    font-weight: bold;
    color: #FFFFFF;    
    text-align:right;
    margin: 0px;
    padding: 70px 40px 30px 0px;
    
}
.teamProgressSubTitle
{
    font-family: Times New Roman;
    font-size: 14pt;
    font-weight: bold;
    color: #FFFFFF;    
    text-align:right;    
}

.teamProgressDetails
{
    font-family: Times New Roman;
    font-size: 12pt;
    font-weight: bold;
    color: #FFFFFF;    
    text-align:right; 
    margin: 0px;
    padding: 0px 40px 0px 0px; 
     
}

#teamProgressSoFar
{
    /* position: absolute; */
    position: relative;
    margin:0px;
    padding:0px;
    /* font-weight: bold;
    font-size: 13pt;
    color: #ffffff;    
    width: 130px; 
    text-align: right;
    top: 420px;
    left: 55px; 
    top:80px;
    margin-right: 20px;*/
}

/***** End Team Progress Overview *****/
.villageMemberSearchGo
{
	background-color:#000;
	color:#fff;
	width:28px;
	font-size:10pt;
	font-weight:bold;
}

.qp_disabled {
visibility: hidden;
}


/*Team Display for Helper methods*/
.inline
{
	display:inline;
}

.none
{
	display:none;
}

/*Media Gallery*/

#mediaVideosGallery
{
    width: 250px;
    height: 375px;
    float: left;
    margin-left: 22px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right:40px;
}

#mediaPhotoGallery 
{
    width: 250px;
    height: 375px;
    float: left;
    margin-left: 22px;    
    padding-right:20px;
    overflow-y: scroll;
    overflow-x: hidden;
}


#mediaVillageNews
{
    width: 280px;
    height: 375px;
    float: left;
    margin-left: 22px;
    overflow-y: scroll;
}

#mediaNews
{
    width: 239px;
    float: right;
    height: 380px;
    padding-right: 5px;
    padding-top: 5px;
}
    
#mediaNewsTop
{
    width: 239px;
    height: 31px;
    min-height: 31px;
    background: url(/Images/Profile/profile_village_news_background.gif) no-repeat;
}

#mediaNewsMiddle
{
    width: 239px;
    height: 340px;
    height: auto !important;
    min-height: 340px;    
    background: #dfdfdf;
    background: #dfdfdf url(/Images/Profile/news_bottom.gif) no-repeat bottom center;
}

#mediaNewsInnerTop
{
    width: 239px;
    height: 2px;
    min-height: 2px;
    background: url(/Images/Profile/news_top.gif) no-repeat;    
}

#mediaPhoto
{
    width: 239px;
    float: right;
    height: 380px;
    padding-right: 9px;
    padding-top: 5px;
}
    
#mediaPhotoTop
{
    width: 239px;
    height: 31px;
    min-height: 31px;
    background: url(/Images/Profile/profile_village_news_background.gif) no-repeat;
}

#mediaPhotoMiddle
{
    width: 239px;
    height: 340px;
    height: auto !important;
    min-height: 340px;    
    /*background: #dfdfdf;*/
    /*background: #dfdfdf url(/Images/Profile/news_bottom.gif) no-repeat bottom center;*/
}

#mediaPhotoInnerTop
{
    width: 239px;
    height: 2px;
    min-height: 2px;
    background: url(/Images/Profile/news_top.gif) no-repeat;    
}

#mediaVideo
{
    width: 239px;
    float: right;
    height: 380px;
    padding-right: 9px;
    padding-top: 5px;
}
    
#mediaVideoTop
{
    width: 239px;
    height: 31px;
    min-height: 31px;
    background: url(/Images/Profile/profile_village_news_background.gif) no-repeat;
}

#mediaVideoMiddle
{
    width: 239px;
    height: 340px;
    height: auto !important;
    min-height: 340px;    
    /*background: #dfdfdf;*/
    /*background: #dfdfdf url(/Images/Profile/news_bottom.gif) no-repeat bottom center;*/
}

#mediaVideoInnerTop
{
    width: 239px;
    height: 2px;
    min-height: 2px;
    background: url(/Images/Profile/news_top.gif) no-repeat;    
}

.mediaText
{
    color: #FFFFFF;
    padding: 0px 0 0 5px;    
    vertical-align: middle;
    font-size: 10pt;
    font-family: Times New Roman;
    font-weight: bold;
}

.mediaCaption
{
	text-align:center;
	font-family:Times New Roman;
	font-size:10pt;
	font-weight:normal;
	border:solid 0px;
	width:225px;
}

.mediaVillageCaption
{
	text-align:center;
	font-family:Times New Roman;
	font-size:12pt;
	font-weight:normal;
	border:solid 0px;
	width:225px;
}

#mediaTop
{
    display: block;
    height: 40px;
    /* border: solid 1px #ff0033; */
}
.mediaSetup
{
	font-family:Times New Roman;
	font-size:11pt;
	font-weight:normal;
	border:solid 0px;
	padding-right:50px;
	padding-ledt: 20px;
}

#mediaAllVideosGallery
{
    width: 300px;
    height: 455px;
    float: left;
    margin-left: 22px;
    overflow-y: scroll;
    padding-right:20px;
}

#mediaAllPhotoGallery 
{
    width: 300px;
    height: 455px;
    float: left;
    margin-left: 22px;    
    padding-right:20px;
    overflow-y: scroll;
}

/* New Village Media Master Styles*/
.villageBoxLong
{
    margin-top: 1px;
    width: 982px;
    height: 554px;
    max-height: 554px;
    background: url(/images/village/bottomBarRoundedRight.gif) no-repeat left bottom;
    background-color: #ffffff;
}

.villageBoxLong .villageContent
{
    background: url(/images/village/topBarRoundedRight.gif) no-repeat left top;
    height: 5px;
}
.villageBoxLong .legalContent
{
    background: url(/images/village/topBarRedRoundedRight.gif) no-repeat left top;
    height: 65px;
}

.villageBoxLong .villageContent .inner
{
    padding: 11px 16px 0 34px;    
    color: #000000;
    font-size: 10pt;
    height: 484px;
}
.villageBoxLong .legalContent .inner
{
    padding: 11px 16px 0 34px;    
    color: #000000;
    font-size: 11pt;
    height: 484px;
}
.villageBoxLong .legalContent .inner h3
{
    color: #FFFFFF;
    font-size: 16pt;
    font-family: Times New Roman;
    font-weight: normal;
    margin: 24px 0px 40px 10px;
}
.villageBoxLong .legalContent .inner h4
{
    font-size: 10pt;
    color: #B3432B;
    font-family: Arial;
    font-weight: bold;
    margin: 10px 20px 10px 10px;
}
.villageBoxLong .legalContent .inner p
{
    font-size: 10pt;
    font-family: Arial;
    font-weight: normal;
    margin: 10px 40px 20px 10px;
}
.villageBoxLong .legalContent .inner li
{
    font-size: 10pt;
    font-family: Arial;
    font-weight: normal;
    line-height: 1.3em;
    margin-right:60px;
}

.villageBoxLong .villageContent .innerLeft
{
    float: left;
    width: 433px;  
    height: 475px;
    min-height: 475px;  
}

.villageBoxLong .villageContent .innerRight
{
    float: right;
    width: 470px;    
}

.villageBoxLong .villageContent .HowItWorks
{
    width: 101%;
    line-height:35px;
    /* border: solid 1px #6ca44b; */
	display: block;
	vertical-align: top;
}

#mediaAllTop
{
    display: block;
    height: 20px;
    /* border: solid 1px #ff0033; */
}

.villageMainPhoto
{
    padding-top: 26px;
    margin: auto 0%;
}

.tdVillageMediaItem
{
    width: 125px;    
    height: 148px;
    background: url(/images/village/overview/jmv_project_media_td_item.gif) repeat-x;
    vertical-align: top;
    padding-left:0px;
    
}

.divVillageMediaItem
{
    position: relative; 
    vertical-align: middle; 
    text-align: center;
    top: 17px;
    color: #ffffff;
    font-weight: bold;
    width:113px;
    padding-left:0px;
}

.white
{
	color:#ffffff;
}
