/* ----- Start Of General Settings ----- */

body,html {
	margin: 0px;
	padding: 0px;
	background: #eee4ef url(/_design/bg-gradient-new.jpg) 0 0 repeat-x;
	font-family: Tahoma;
	font-size: 12px;
	color: #404040;
}

a:link {
	color: #00573d;
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
	color: #00573d;
}

a:hover {
	text-decoration: none;
	color: #00573d;
}

a:active {
	text-decoration: underline;
	color: #00573d;
}

div,h1,h2,img,form,span,textarea,input {
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 0px;
}

.clearer {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

/* ----- Start Of General Settings ----- */

/* ----- Start Of Background ----- */

#framesheet {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 100%;
	background: url(/_design/bg-new.png) top center no-repeat;
	behavior: url(/_include/styles/iepngfix.htc);
}

/* ----- Start Of header ----- */

#header {
	width: 960px;
	height: 150px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

#logo {
	top: 0px;
	left: 9px;
	padding: 0px;
	position: absolute;
}

#logo a {
	background: url(/_design/logo.png) 0 0 no-repeat;
	behavior: url(/_include/styles/iepngfix.htc);
	width: 124px;
	height: 56px;
	display: block;
}

#project-logo {
	top: 14px;
	left: 0px;
	padding: 0px;
	position: absolute;
}

#project-logo a {
	display: block;
	background: url(/_design/project-name.png) 0 0 no-repeat;
	behavior: url(/_include/styles/iepngfix.htc);
	width: 336px;
	height: 136px;
}

#color-bar {
	width: 306px;
	height: 8px;
	top: 0px;
	left: 644px;
	padding: 0px;
	background: url(/_design/color-bar.png) 0 0 no-repeat;
	behavior: url(/_include/styles/iepngfix.htc);
	position: absolute;
}

#header-photos {
	width: 480px;
	height: 110px;
	top: 40px;
	left: 480px;
	padding: 0px;
	background: url(/_design/header-photos.png) 0 0 no-repeat;
	behavior: url(/_include/styles/iepngfix.htc);
	position: absolute;
}

/* ----- Start Of Header Quicklinks ----- */

#header-quicklinks {
	width: 186px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 764px;
}

#header-quicklinks ul {
	width: 186px;
	height: 24px;
	margin: 0px;
	padding: 0px;
}

#header-quicklinks ul li {
	font-weight: bold;
	float: left;
	font-size: 11px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}

#header-quicklinks ul li.main-site {
	background: url(/_design/main-website-btn.gif) top center no-repeat;
	width: 109px;
	height: 24px;
}

#header-quicklinks ul li.main-site a {
	display: block;
	color: #fff;
	text-decoration: none;
}

#header-quicklinks ul li.main-site a:hover {
	background: url(/_design/main-website-btn-hover.gif) top center no-repeat;
	display: block;
	text-decoration: none;
	color: #00573D;
}

#header-quicklinks ul li.apply-now {
	background: url(/_design/apply-now-btn.gif) top center no-repeat;
	width: 77px;	
	height: 24px;
}

#header-quicklinks ul li.apply-now a {
	display: block;
	color: #fff;
	text-decoration: none;
}

#header-quicklinks ul li.apply-now a:hover {
	background: url(/_design/apply-now-btn-hover.gif) top center no-repeat;
	display: block;
	text-decoration: none;
	color: #00573D;
}

#header-quicklinks ul li a em {
	font-style: normal;
}

/* ----- End Of Header Quicklinks ----- */

/* ----- End Of header ----- */

/* ----- Start Of Menu ----- */

#main-menu {
	width: 960px;
	height: 60px;
	margin: 0px auto;
	padding: 0px;
	background: url(/_design/full-menu-bg.png) 0 0 no-repeat;
	behavior: url(/_include/styles/iepngfix.htc);
}

#menu {
	margin: 0px;
	padding: 8px 0px 6px 0px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu ul li {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 46px;
	text-decoration: none;
	float: left;
}

#menu ul li a {
	color: #fff;
	text-decoration: none;
}

#menu ul li a:hover {
	color: #00573D;
	text-decoration: none;
}

#menu ul li a em {
	font-style: normal;
}

#menu ul li.photo-diary-and-videos {
	width: 179px;
	overflow: hidden;
	border-left: 1px solid #18755f;
	text-indent: 12px;
}

#menu ul li.photo-diary-and-videos a {
	display: block;
}

#menu ul li.photo-diary-and-videos a:hover {
	display: block;
	background: url(/_design/photo-video-over.gif) 0 0 no-repeat;
}

#menu ul li.photo-diary-and-videos a.photo-diary-and-videos {
	display: block;
	background: url(/_design/photo-video-over.gif) 0 0 no-repeat;
	width: 179px;
	float: left;
	text-indent: 12px;
	color: #00573D;
}

#menu ul li.about-us {
	width: 99px;
	overflow: hidden;
	border-right: 1px solid #18755f;
	text-indent: 23px;
}

#menu ul li.about-us a {
	display: block;
}

#menu ul li.about-us a:hover {
	display: block;
	background: url(/_design/about-us-over.gif) 0 0 no-repeat;
}

#menu ul li.about-us a.about-us {
	display: block;
	background: url(/_design/about-us-over.gif) 0 0 no-repeat;
	width: 98px;
	float: left;
	text-indent: 23px;
	color: #00573D;
}

#menu ul li.what-we-do {
	width: 108px;
	overflow: hidden;
	border-right: 1px solid #18755f;
	border-left: 1px solid #00654d;
	text-align: center;
}

#menu ul li.what-we-do a {
	display: block;
}

#menu ul li.what-we-do a:hover {
	display: block;
	background: url(/_design/menu-select-bg.jpg) 0 0 repeat-x;
}

#menu ul li.what-we-do a.what-we-do {
	display: block;
	background: url(/_design/menu-select-bg.jpg) 0 0 repeat-x;
	width: 108px;
	float: left;
	text-align: center;
	color: #00573D;
}

#menu ul li.projects-and-progress {
	width: 178px;
	overflow: hidden;
	border-right: 1px solid #18755f;
	border-left: 1px solid #00654d;
	text-align: center;
}

#menu ul li.projects-and-progress a {
	display: block;
}

#menu ul li.projects-and-progress a:hover {
	display: block;
	background: url(/_design/menu-select-bg.jpg) 0 0 repeat-x;
}

#menu ul li.projects-and-progress a.projects-and-progress {
	display: block;
	background: url(/_design/menu-select-bg.jpg) 0 0 repeat-x;
	width: 178px;
	float: left;
	text-align: center;
	color: #00573D;
}

#menu ul li.publications {
	width: 108px;
	overflow: hidden;
	border-right: 1px solid #18755f;
	border-left: 1px solid #00654d;
	text-align: center;
}

#menu ul li.publications a {
	display: block;
}

#menu ul li.publications a:hover {
	display: block;
	background: url(/_design/menu-select-bg.jpg) 0 0 repeat-x;
}

#menu ul li.publications a.publications {
	display: block;
	background: url(/_design/menu-select-bg.jpg) 0 0 repeat-x;
	width: 108px;
	float: left;
	text-align: center;
	color: #00573D;
}

#menu ul li.resources {
	width: 98px;
	overflow: hidden;
	border-right: 1px solid #18755f;
	border-left: 1px solid #00654d;
	text-align: center;
}

#menu ul li.resources a {
	display: block;
}

#menu ul li.resources a:hover {
	display: block;
	background: url(/_design/menu-select-bg.jpg) 0 0 repeat-x;
}

#menu ul li.resources a.resources {
	display: block;
	background: url(/_design/menu-select-bg.jpg) 0 0 repeat-x;
	width: 98px;
	float: left;
	text-align: center;
	color: #00573D;
}

#menu ul li.interns-volunteers {
	width: 169px;
	overflow: hidden;
	border-left: 1px solid #00654d;
	text-align: center;
}

#menu ul li.interns-volunteers a {
	display: block;
}

#menu ul li.interns-volunteers a:hover {
	display: block;
	background: url(/_design/menu-select-bg.jpg) 0 0 repeat-x;
}

#menu ul li.interns-volunteers a.interns-volunteers {
	display: block;
	background: url(/_design/menu-select-bg.jpg) 0 0 repeat-x;
	float: left;
	width: 169px;
	text-align: center;
	color: #00573D;
}

/* ----- End Of Menu ----- */

/* ----- Start Of Content ----- */

#content-up {
	width: 960px;
	height: 20px;
	margin: 0px auto;
	padding: 0px;
	background: url(/_design/body-up-shadow.png) 0 0 no-repeat;
	behavior: url(/_include/styles/iepngfix.htc);
}

#content-body {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	background: url(/_design/body-bg-strip.png) 0 0 repeat-y;
	behavior: url(/_include/styles/iepngfix.htc);
}

#content-left-shadow {
	width: 20px;
	height: 310px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_design/body-left-shadow.png) 0 0 no-repeat;
	behavior: url(/_include/styles/iepngfix.htc);
}

#content-right-shadow {
	width: 20px;
	height: 310px;
	margin: 0px;
	padding: 0px;
	float: right;
	background: url(/_design/body-right-shadow.png) 0 0 no-repeat;
	behavior: url(/_include/styles/iepngfix.htc);
}

#content-middle {
	width: 920px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #fff;
}

#content-bottom {
	width: 960px;
	height: 9px;
	margin: 0px auto;
	padding: 0px;
	background: url(/_design/footer-curve.png) 0 0 no-repeat;
	behavior: url(/_include/styles/iepngfix.htc);
}

/* ----- Start Of Left Column ----- */

#left-column-margin {
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#left-column {
	width: 220px;
	float: left;
	margin: 0px;
	padding: 0px;
}

/* ----- Start Of section-menu ----- */

#section-menu {
	width: 210px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background: url(/_design/submenu-up.jpg) top center no-repeat;
}

#section-menu ul {
	width: 210px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background: url(/_design/submenu-down.jpg) bottom center no-repeat;
}

#section-menu ul li {
	width: 210px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	background: #eee4ef url(/_design/submenu-bg.jpg) 0 0 no-repeat;
	border-bottom: 1px solid #984998;
}

#section-menu ul li a {
	width: 185px;
	color: #984998;
	text-decoration: none;
	display: block;
	padding: 6px 5px 6px 20px;
	
}

#section-menu ul li a:hover {
	color: #984998;
	text-decoration: none;
	background: url(/_design/submenu-hover.jpg) 0 0 no-repeat;
	display: block;
}

#section-menu ul li a em {
	font-style: normal;
}
/* ----- End Of section-menu ----- */

#column-bg {
	width: 210px;
	height: 370px;
	background: url(/_design/column-gradient-bg.jpg) 0 0 repeat-x;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

/* ----- Start of main website info -----*/

#main-web-info-margin {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}	

#main-web-info {
	margin: 0px;
	padding: 0px;
	width: 210px;
	height: 300px;
	position: relative;
	background: url(/_design/main-site-info-bg.jpg) 0 0 no-repeat;
}

#web-name {
	width: 188px;
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	top: 15px;
	left: 50px;
	position: absolute;
}

#web-description {
	width: 170px;
	color: #404040;
	font-size: 10px;
	line-height: 12px;
	top: 40px;
	left: 20px;
	position: absolute;
	text-align: justify;
}

#web-url {
	width: 188px;
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	top: 130px;
	left: 19px;
	position: absolute;
	text-decoration:none;
}

#web-url a {
	color: #404040;
	text-decoration:underline;
	
}

#web-url a:hover  {
	color: #404040;
	text-decoration:none;
	
}

/* ----- End of main website info -----*/

/* ----- Start of Apply Now Box -----*/

#apply-button-margin {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#apply-button {
	margin: 0px;
	padding: 0px;
}

#apply-button a {
	display: block;
	background: url(/_design/apply-now-button.jpg) 0px 0px no-repeat;
	width: 210px;
	height: 60px;
}

#apply-button a:hover {
	display: block;
	background: url(/_design/apply-now-button.jpg) 0px -60px no-repeat;
	width: 210px;
	height: 60px;
}

/* ----- End of Apply Now Box -----*/

/* ----- Start of contact info -----*/

#contact-info {
	margin: 0px;
	padding: 0px;
	width: 210px;
	height: 200px;
	position: relative;
	background: url(/_design/contact-info-bg.jpg) 0 0 no-repeat;
}

#contact-title {
	width: 188px;
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	top: 15px;
	left: 50px;
	position: absolute;
}

#contact-no {
	width: 170px;
	color: #404040;
	font-size: 11px;
	line-height: 12px;
	top: 40px;
	left: 20px;
	position: absolute;
	text-align: justify;
}

#contact-email {
	width: 170px;
	color: #404040;
	font-size: 11px;
	line-height: 12px;
	top: 58px;
	left: 20px;
	position: absolute;
	text-align: justify;
}

#contact-email a {
	color: #404040;
	text-decoration:underline;
	
}

#contact-email a:hover  {
	color: #404040;
	text-decoration: none;
}

/* ----- End of contact info -----*/

/* ----- End Of Left Column ----- */

/* ----- Start Of Middle Column ----- */

#middle-column {
	width: 480px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#middle-column-margin {
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#middle-column-wide {
	width: 690px;
	float: left;
	margin: 0px;
	padding: 0px;
}

/* ------ Start of Page Location ----- */

#page-location {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #004b34;
	line-height: 15px;
	font-size: 9px;
}

#page-location .normal {
	width: 480px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#page-location .wide {
	width: 690px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#page-location ul {
	margin: 10px 0px;
	padding: 0px;
	display: inline;
}

#page-location ul li {
	font-size: 9px;
	display: inline;
	margin: 0;
	padding: 0px 0px 0px 3px;
}

#page-location ul li a {
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
}

#page-location ul li a:active {
	text-decoration: underline;
	color: #004f39;
	font-weight: bold;
}

#page-location ul li a:hover {
	text-decoration: underline;
	color: #004f39;
}

/* ------ End of Page Location ----- */

#data-content {
	margin: 0px;
	padding: 0px;
}

#data-content .normal {
	width: 480px;
	float: left;
}

#data-content .wide {
	width: 690px;
	float: left;
}

#data-content h1 {
	font-size: 18px;
	color: #00573D;
	background: url(/_design/arrow.jpg) 0px 4px no-repeat;
	text-indent: 25px;
}

#data-content h2 {
	font-size: 13px;
	color: #00573D;
	background: url(/_design/arrow-h1-h2.jpg) 0px 3px no-repeat;
	text-indent: 20px;
}

#data-content h3 {
	font-size: 13px;
	color: #00573D;
	background: url(/_design/arrow-h1-h2.jpg) 0px 3px no-repeat;
	text-indent: 20px;
}

#data-content p {
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}

#data-content p em {
	color: #00573D;
	display: block;
	padding: 50px 60px 10px 60px;
	background: url(/_design/em_bg.jpg) 0 0 no-repeat;
	text-align: right;
}

#data-content p em strong {
	font-style: normal;
}

#data-content strong {
	font-weight: bold
}

.nobold {
	font-weight:normal;
}

#data-content ul { 
	margin: 0px 0px 0px 30px;
	padding: 0px;
	text-indent: 0px;
	font-size: 12px;
	list-style-type: disc;
	line-height: 15px;
}

#data-content .flash-plugin p {
	border-bottom: 1px solid #CCC;
	background: url(/_design/adobe-flash-player.jpg) no-repeat 588px center;
	margin:12px 5px;
}

/* ----- End Of Middle Column ----- */

/* ----- End Of Content ----- */

/* ----- Start Of Footer -----*/

#footer {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}

#footer-image {
	width: 960px;
	height: 65px;
	background: url(/_design/footer-curve.jpg) 0 0 no-repeat;
	margin: 0px;
	padding: 0px;
}

#footer-menu {
	width: 960px;
	margin: 10px auto 10px auto;
	padding: 0px;
	text-align: center;
}

#footer-menu ul {
	margin: 0px auto;
	padding: 0px;
	display: inline;
}

#footer-menu ul li {
	display: inline;
	font-size: 11px;
	font-weight: bold;
}

#footer-menu ul li a {
	color: #00573d;
	border-right: 1px solid #00573d;
	padding: 0px 10px 0px 10px;
}

#footer-menu ul li.photo-diary-and-videos a {
	border-right: none;
}


#footer-menu ul li a:hover {
	color: #00573d;
	text-decoration: none;
}

#footer-menu ul li a em {
	font-style: normal;
}

#footer-quicklinks {
	width: 960px;
	margin: 10px auto 10px auto;
	padding: 0px;
	text-align: center;
}

#footer-quicklinks ul {
	margin: 0px auto;
	padding: 0px;
	display: inline;
}

#footer-quicklinks ul li {
	display: inline;
	font-size: 10px;
}

#footer-quicklinks ul li a {
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #000;
	color: #000;
}

#footer-quicklinks ul li.apply-now a {
	border: none;
}

#footer-quicklinks ul li a:hover {
	color: #000;
	text-decoration: none;
}

#footer-quicklinks ul li a em {
	font-style: normal;
}

#footer-contact {
	width: 960px;
	margin: 0px auto 10px auto;
	padding: 0px;
	color: #00573d;
	font-size: 11px;
	text-align: center;
}

#footer-contact span {
	font-weight: bold;
}

#footer-contact a {
	color: #00573d;
}

/* ----- End Of Footer -----*/

/* ----- additional classes ----- */

.spacer {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.imgpage-left {
	float: left;
	margin: 5px 10px 10px 0px;
}

.imgpage-right {
	float: right;
	margin: 5px 0px 10px 10px;
}

/* ----- additional classes ----- */