/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background-color: #222222;
	font-family: Verdana, Helvetica, sans-serif;
	color: #666666;
	font-size: 100%;
	text-align: center;
	width: 100%;
	scrollbar-base-color: orange; 
	scrollbar-arrow-color: green;
	scrollbar-DarkShadow-Color: blue; 

}

p, ul, div, img, ol {
	margin: 0px;
	padding: 0px;
}


img { 
	border: 0; 
	vertical-align: top;
}

#wrapper   { background: #222222 url("graphics/bkg_home.gif") no-repeat left top; margin: 0; padding: 48px 0 0; width: 100% }

/* home page styles */

#panel {
	position: relative;
	z-index: 1;
	width: 780px;
	margin: 0px auto;
	background-color: #ffffff;
	text-align: left;
}

#topbar {
	width: 779px;
	height: 15px;
	position: relative;
	z-index: 10;
	left: 1px;
	margin: 0px;
	padding: 0px;
	background-color: #7D7D7D;
}

#content {
	float: left;
	clear: left;
	width: 383px;
	height: 572px;
	/*  the new height with a white bit at the bottom is 574px old height: 432px; */
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
#subnav_mission {
	height: 25px;
	background-color: #00CC33;
	display: inherit;
}

#nav_main {
	padding: 0px;
	margin: 19px 0px 0px 0px;
}

#nav_main li {
	list-style-type: none;
	display: inline;
}

#nav_main #mission_hme {
	position: relative;
	left: 12px;
}

#nav_main #approach_hme {
	position: relative;
	top: 0px;
	left: 6px;
}

#nav_main #join_hme {
	position: absolute;
	top: 34px;
	left: 264px;
}

#text_home {
	position: relative;
	top: 95px;
	left: 230px;
}

#trip {
	position: relative;
	top: -100px;
	left: 250px;
}
/* the old top of the trip was top 120px */

#motto {
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

#logo_home {
	/* padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 15px; */
	position: relative;
	top: -170px;
	left: 15px;
}

#moviediv {
	float: left;
	width: 397px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #ffffff;
}

#cyhomeflash {
	margin: 0px 1px 0px 0px;
	padding: 0px;
}

#intro {
	position: relative;
	z-index: 2;
	margin: 0px;
	padding: 0px;
}

#btmnav {
	clear: left;
	width: 780px;
	margin: 0px auto 0px auto;
	color: #585858;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	text-align: center;
}
#btmnav ul { margin: 0; padding: 0; }
#btmnav li { display: inline; list-style: none;  margin: 0; padding: 0; }

#btmnav #musicby {
	position: relative; 
	top: 15px; 
	left: -130px;
}

#btmnav #copyrights {
	position: relative;
	top: 11px;
	left: 1px;
}

#btmnav #designby {
	position: relative; 
	top: 3px; 
	left: 195px;
}

/* level 2 page styles */

#wrapper_lv2   { background: #222222 url("graphics/bkg_home.gif") no-repeat left top; margin: 0; padding: 48px 0 0; width: 100%; height: 600px }

/* #wrapper_lvl2 {
	width: 100%;
	height: 650px;
	margin: 0px;
	padding: 0px;
	text-align: left;
} */

#panel_lvl2 {
	position: relative;
	z-index: 1;
	width: 780px;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
	text-align: left;
	height: 600px;
	/* position: relative;
	z-index: 1;
	width: 780px;
	margin: 0px auto 0px auto;
	/* border-right: 1px solid #ffffff; */
	/* text-align: left; */	
}


#whitebkg_m {
	float: left;
	background-color: #ffffff;
	border-right: 1px solid #CC0000;
	width: 779px;
}

#whitebkg_a {
	float: left;
	background-color: #ffffff;
	border-right: 1px solid #00cc00;
	width: 779px;
}

#whitebkg_j {
	float: left;
	background-color: #ffffff;
	border-right: 1px solid #0099ff;
	width: 779px;
}

#topbar_lvl2 {
	float: left;
	height: 15px;
	margin: 0px;
	padding: 0px;
}

#logo_lvl2 {
	width: 780px;
	float: left;
	position: relative;
	top: 2px;
	left: 322px; /* used to be 190 */
	padding: 10px;
	margin: 20px auto 0px auto;
}

#logo_lv2gal {
	width: 780px;
	float: left;
	position: relative;
	top: 2px;
	left: 0px;
	bottom: 5px;
	padding: 10px;
	margin: 20px auto 0px auto;
}

#leftcolumn {
	float: left;
	clear: left;
	width: 325px;
	height: 600px;
	position: relative;
	z-index: 20;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	
}



#p_map {
	position: absolute;
	top: 235px;
	left: -59px;
}

#v_map {
	position: absolute;
	top: 292px;
	left: -44px;
}

#part_map {
	position: absolute;
	top: 431px;
	left: 155px;
}

#c_map {
	position: absolute;
	top: 431px;
	left: 125px;
}

#prog_map {
	position: absolute;
	top: 430px;
	left: 3px;
}

#how1_map {
	position: absolute;
	top: 416px; /*the top was 430px */
	left: 35px;
}

#how2_map {
	position: absolute;
	top: 107px;
	left: -46px;
}

#d_map {
	position: absolute;
	top: 211px;
	left: -38px;
}

/*mission: purpose  old height 416*/
#mp #leftcolumn   { background: #ffffff url("graphics/PurposePhotoNew.jpg") no-repeat; height: 455px }
/*mission: vision old height 416 */
#mv #leftcolumn   { background: #ffffff url("graphics/VisionPhotoNew.jpg") no-repeat; height: 455px }
/*mission: contact old height 416*/
#mc #leftcolumn   { background: #ffffff url("graphics/ContactPhotoNew.jpg") no-repeat; height: 455px }
/*mission: team old height 416*/
#mt #leftcolumn   { background: #ffffff url("graphics/TeamPhotoNew.jpg") no-repeat; height: 455px }
/*mission: partners old height 416*/
#mpart #leftcolumn   { background: #ffffff url("graphics/PartnersPhotoNew.jpg") no-repeat; height: 455px }
/*approach: Program old height 416*/
#ap #leftcolumn   { background: #ffffff url("graphics/ProgramPhotoNew.jpg") no-repeat; height: 455px }
/*approach: how it works 1 old height 416*/
#ah1 #leftcolumn   { background: #ffffff url("graphics/HowItWorks1PhotoNew.jpg") no-repeat; height: 455px }
/*approach: how it works 2 old height 416*/
#ah2 #leftcolumn   { background: #ffffff url("graphics/HowItWorks2PhotoNew.jpg") no-repeat; height: 455px }
/*join: about M*/
#jd #leftcolumn   { background: #ffffff url("graphics/AboutMozambiquePhotoNew.jpg") no-repeat; height: 455px }
/*join: experience height is not 425px 455*/
#je #leftcolumn   { background: #ffffff url("graphics/CYExperiencePhotoNew2.jpg") no-repeat; height: 505px }
/*join: registration*/
#jr #leftcolumn   { background: #ffffff url("graphics/RegistrationPhotoNew.jpg") no-repeat; height: 455px }
/*Photo Gallery graphics/photo_sg.gif*/
#sg #leftcolumn   { background: #ffffff url("graphics/spacer.gif") no-repeat right bottom; height: 416px }

#nav_main_lvl2 {
	padding: 0px;
	margin: 0px;
}

#nav_main_lvl2 li {
	list-style-type: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}

#nav_main_lvl2 #mission_lvl2 {
	position: relative;
	top: 0px;
	left: 6px;
}

#nav_main_lvl2 #approach_lvl2 {
	position: relative;
	top: 0px;
	left: 0px;
}

#nav_main_lvl2 #join_lvl2 {
	position: absolute;
	top: 0px;
	left: 217px;
}

#section_nav {
	height: 300px;
}

#section_nav ul {
	padding: 0;
	margin: 5px 0px 0px 25px;
}

#section_nav ul li {
	list-style-type: none;
	line-height: 20px;
}

#section_nav2 ul {
	padding: 0;
	margin: 5px 0px 0px 115px;
}

#section_nav2 ul li {
	list-style-type: none;
	line-height: 20px;
}

#section_nav3 ul {
	padding: 0;
	margin: 5px 0px 0px 225px;
}

#section_nav3 ul li {
	list-style-type: none;
	line-height: 20px;
}

#flash_nav1 {
	margin: 5px 0px 0px 25px;
}

#flash_nav2 {
	margin: 5px 0px 0px 115px;
}

#flash_nav3 {
	margin: 5px 0px 0px 225px;
}

#flash_nav3a {
	margin: 5px 0px 0px 220px;
}


#leftcolumn p.quote {
	float: left;
	width: 170px;
	height: 100%;
	position: relative;
	padding: 0px;
	font-size: .7em;
	background-color: #ffffff;
	line-height: 1.5em;
	margin: 0px 25px 10px 15px;
	/* margin: 13px 25px 13px 15px; */
}

#rightcolumn {
	float: right;
	width: 454px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: .7em;
	background-color: #ffffff;
}
#rightcolumn h1 {
	display: block;
	width: 226px;
	height: 38px;
	margin: 12px 0px 0px 10px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
}
#rightcolumn h4 {
	display: block;
	width: 300px;
	height: 38px;
	margin: 12px 0px 0px 10px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
}

#rightcolumn h5 {
	display: block;
	width: 303px;
	height: 38px;
	margin: 12px 0px 0px 10px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
}

#rightcolumn h2 {
	margin: 15px 0px 0px 10px;
	padding: 0px;
	font-weight: normal;
	font-size: 1.5em;
}

#rightcolumn h3 {
	margin: 15px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #aaaaaa;
}

#rightcolumn p {
	line-height: 1.5em;
	margin: 13px 25px 13px 15px;
	padding: 0px;
}

#rightcolumn #pfirst {
	margin: 0px 25px 17px 15px;
}

#rightcolumn #p_only {
	margin: 0px 25px 0px 15px;
}

#rightcolumn p.bio {
	margin: 0px 25px 10px 15px;
}

#rightcolumn p.biolast {
	margin: 0px 25px 5px 15px;
}

#rightcolumn ul.bullets li {
	list-style-type: disc;
}

#rightcolumn li {
	list-style-type: none;
	line-height: 1.5em;
	margin: 5px 40px 5px 30px;
	padding: 0px;
}

.ti_float {
	margin: 5px 0px 0px 15px;
}

.tleft {
	float: left;
	margin: 13px 5px 0px 0px;
}

#dates_lvl2 {
	float: left;
}

.address {
	font-size: 1.2em;
	margin: 10px 25px 10px 15px;
	padding: 0px;
}

#mininav {
	float: right;
	margin: -20px 25px 0px 0px;
	font-size: 15px;
	color: #ccc;
	height: 15px;
}

#mininav a {
	text-decoration: none;
	color: #666666;
}

#mininav a:hover {
	text-decoration: none;
	color: #990000;
}

#mininav a:visited {
	color: #666666;
}

#mininav2 {
	float: right;
	margin: 0px 25px 0px 0px;
	font-size: 1.3em;
	color: #ccc;
	vertical-align: bottom;
}

div.page {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

div.next {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

div.prev {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.headpos {
	position: relative;
	top: 13px;
	left: 2px;
}

#team_csoon {
	position: relative;
	top: 30px;
	left: 15px;
}

.cicons {
	margin-top: -3px;
	padding: 0px 5px 0px 0px;
}

.address a {
	text-decoration: none;
	color: #990000;
}

.address a:hover {
	text-decoration: underline;
}

#btmnav_lvl2 {
	float: left;
	width: 780px;
	margin: 0px 0px 0px 110px;
	color: #585858;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	text-align: center;
}
#btmnav_lvl2 ul { margin:0; padding: 0; }
#btmnav_lvl2 li { display: inline; list-style: none; margin: 0; padding: 0 4em 0 4.2em; }
#btmnav_lvl2 li.first { padding: 0 2em 0 0; }
#btmnav_lvl2 li.last { padding: 0 0 0 2.2em; }
#btmnav_lvl2 li a {color: #585858; text-decoration: none; }
#btmnav_lvl2 li a:hover {color: #cccccc; text-decoration: none; }

/* events page styles begin */

#csoon_events {
	position: absolute;
	top: 142px;
	left: 408px;
	width: 119;
	height: 93;
}

#treephoto {
	margin-top: 50px;
	position: relative;
	top: 0px;
	left: -320px;
}


/* events page styles end */

/* gallery styles begin
the old height of the gallery frame without captions: 211 px
the old width before putting two pics on the 5th page was 540px */

#galframe {
	position: relative;
	left: -109px;
	z-index: 20;
	margin: 150px 0px 50px;
	width: 550px;
	height: 251px;
}
/*540px was the old width*/
#gallery1 {
	width: 550px;
	margin: 0px;
	padding: 0px;
	background-color: #990000;
}
/*the code for the gallery pages that are coded to appear in the galler pages
the old width was 435*/
#galwrap {
	float: left;
	background-color: #990000;
	width: 445px;
	margin: 0px 0px 0px 105px;
	padding: 0px;
	display: inline;
}

#galwrap2 {
	float: left;
	background-color: #990000;
	width: 550px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: inline;
}


#galcaption {
	float: left;
	background-color: #FFFFFF;
	width: 550px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: inline;
	font-size: .7em;
	line-height: 1.5em;
}

#galcaption span.red{
	color: #990000;
}

.photo_pos {
	float: left;
}

.photo_pos2 {
	float: left;
	Margin: 10px 0px 0px 0px;
}

#galnav {
	float: right;
}

/* gallery styles end */

/* navigation styles for all page levels */

#subnav   {
	color: #ffffff;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	background: #7F7F7F url(graphics/HomePageBottomBarNew.jpg) repeat-y right top;
	margin: -4px 0 0;
	position: relative;
	z-index: 20;
	width: 778px;
	float: left;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff
}

#whitebkg_m #subnav {
	border-right: 1px solid #cc0000;
}

#whitebkg_a #subnav {
	border-right: 1px solid #00cc00;
}

#whitebkg_j #subnav {
	border-right: 1px solid #0099ff;
}

#wrapper #subnav {
	border-right: 1px solid #ffffff;
}

#subnav ul { margin: 0; padding: 0; }
#subnav li.first { 
	position: relative;
	left: 0px; 
}
#subnav li { 
	display: inline; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	position: relative;
	z-index: 20;
}

#btn_events {
	position: relative;
	left: -4px;
}

#btn_photogal {
	position: relative;
	left: -8px;
}

#btn_contact {
	position: relative;
	left: -12px;
}
#jf #leftcolumn {
	background: #ffffff url(graphics/DeadlinesPhotoNew.jpg) no-repeat;
	height: 455px
}
#jr  #leftcolumn {
	background: #ffffff url(graphics/RegistrationPhotoNew.jpg) no-repeat;
	height: 455px;
}
#join_index {
	position: absolute;
	top: 21px;
	left: 255px;
}
#test #wrapper #panel #rightcolumn #team_text #program_nav a {
	color: #333333;
	text-decoration: underline;
}

#test #wrapper #panel #rightcolumn #team_text #program_nav a:hover {
	color: #339900;
	text-decoration: underline;
	
}
#moviediv2 {
	float: left;
	width: 397px;
	height: 568px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}
#rightcolumn h6 {
	margin: 15px 0px 0px 12px;
	padding: 0px;
	font-weight: bold;
	color: #aaaaaa;
}