@charset "utf-8";
/* screen.css */
/* Author: Mao Vuth
Date: April 22, 2010
Finished: N/A
 */
 
 /* colors:
 
Green: #638A06
Teal Black: #191919
Light Grey: #969696
White: #fffff
Orange: #E35E14
Light blue: #0066FF
 
  */

/* Overall style */

h2 {
	color:#638A06;
	padding:15px 0px 8px 0px;
	margin:0;
	}
h3 {
	color:#E35E14;
	padding:15px 0px 8px 0px;
	margin:0;
	}
small {
	color:#969696;
	font-style:italic;
	}
.cd-project-orange { color:#E35E14; font-weight:bold; text-transform:capitalize;}
.nametag {
	font-style:oblique;
	text-transform:capitalize;
	font-stretch:semi-expanded;
	color:#0066FF;
	}
.emp {
	font-style:italic;
	font-stretch:semi-expanded;
	color:#969696;
	}
#row-2 .voice-box li{color:#666666; font-size:12px;}
a {
	color:#FF0000;
}
a:hover {
	text-decoration:underline;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.4286;
	background: url(../images/bg.gif);
	background-color:#333333;
	}
a {
	text-decoration:none;
	}
ul {
	list-style: none;
	marigin:0;
	padding:0;
	}
/* close Overall style */

#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	position: relative;
	width: 980px;
	}

/* Header starts */
#header {
	background:#000000;
	width:100%;
	}
#logo {
	background:url(../images/mjp-logo.jpg);
	width:100%;
	height:50px;
	float:left;
	padding:0;
	margin-bottom:20px;
	}
#logo .hidden{
	display:none;
	}
#intro {
	width:976px;
	height:250px;
	float:left;
	border:solid 2px #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
#menu {
	width:977px;
	height:38px;
	float:left;
	border:solid 2px #fff;
	}

/* Splastic Nav */

ul, li {
    margin: 0;
    padding: 0;
}
 
#blob {
    background: #0b2b61;
    border-right: 1px solid #0059ec;
    border-left: 1px solid #0059ec;
    position: absolute;
    z-index: 1;
    top: 0;
    background: -moz-linear-gradient(top, #0b2b61, #1153c0);
    background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 2px 3px 10px #011331;
    -webkit-box-shadow: 2px 3px 10px #011331;
}
#nav {
    position: relative;
    background: #292929;
    float: left;
	}
#nav li {
    float: left;
    list-style: none;
    border-right: 1px solid #4a4a4a;
    border-left: 2px solid black;
}
#nav li a {
    color: #e3e3e3;
    z-index: 2;
    position: relative;
    cursor: pointer;
    float: left;
    font-size: 18px;
    text-decoration: none;
    padding: 3px 41px;
    width: 100%;
	height:30px;
	}
/* Splastic Nav ends*/

/* Header ends */

/* Body starts */

#body {
	width:100%;
	float:left;
	margin-bottom:20px;
	margin-top:30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

/* Main Content starts */

#content-2 {float:left; width:788px;}
	
#upcoming {
	width:195px;
	float:left;
	margin-top:50px;
	padding-top:0px;
	text-align:center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
#upcoming h3 {
	background:url(../images/blue.png);
	color:#fff ;
	font-size:22px;
	letter-spacing:2px;
	line-height:50px;
	}

/* Links */
#links {
	width:185px;
	float:left;
	margin-right:5px;
	margin-top:20px;
	text-align:center;
	}
#links h3 {
	background:url(../images/blue.png);
	color:#fff ;
	font-size:22px;
	letter-spacing:2px;
	line-height:3px;
	}
#links h4 {
	background:url(../images/blue.png);
	color:#fff ;
	letter-spacing:2px;
	line-height:50px;
	}
#links h6 {
	color:#fff ;
	font-size:13px;
	}
#links li {
	line-height:40px;
	}
/* Links ends */

/* Body ends */

/* Footer starts */
#footer
	{
	width:100%;
	height:100px;
	float:left;
	margin-top:10px;
	background:url(../images/black.png);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
#footlink{
	width:100%;
	height:55px;
	float:left;
	}
#footlink li{
	float: right;
	list-style-type:none;
	margin-right:25px;
	margin-top:15px;
	}
#footlink li a{
	color:#E35E14;
	text-decoration:underline;
	}
#footlink li a:hover{
	color:#fff;
	font-weight:bolder;
	text-decoration:none;
	}
#copyright{
	background:url(../images/blue.png);
	width:100%;
	height:25px;
	float:left;
	}
#copyright li{
	float: left;
	list-style: none;
	margin-left:25px;
	}
/* Footer ends */

/* Secondary pages */

#img {
	background:;
	width:976px;
	height:250px;
	float:left;
	border:solid 2px #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* close Secondary pages */

/* HOME PAGE */

#content {
	width:785px;
	float:left;
	margin-right:5px;
	margin-top:20px;
}
#row-1 {
	width:100%;
	float:left;
	margin-top:10px;
}
#row-2 {
	width:100%;
	float:left;

}
#ranger-mao {
	width:185px;
	float:left;
	margin-right:5px;
	text-align:center;
	}
#ataglance {
	background:url(../images/chalk.png);
	width:740px;
	float:left;
	letter-spacing:1.5px;
	line-height:20px;
	border:solid 3px #969696;
	padding-left:20px;
	padding-right:20px;
	margin-top:5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#ataglance p {
	font-size:15px;
	color:#fff;
}
#ataglance a {
	color:#969696;
	text-decoration:none;
}
#ataglance a:hover {
	color:#fff;
	text-decoration:underline;
}

/* Not using */
#voices {
	width:740px;
	float:left;
	padding-left:20px; padding-right:20px; padding-top:0px;
}
#voices h6 {
	font-size:13px;
	color:#fff;
}
/* close Not using */

.voice-box {
	width:285px;
	height:400px;
	float:left;
	text-align:left;
	margin-right:5px;
	padding:0 18px;
}
.update-box {
	width:285px;
	height:400px;
	float:left;
	text-align:left;
	margin-right:5px;
	padding:0 18px;
}
#row-2 h3{
	color:#E35E14;
}
#row-2 h4{
	color:#969696;
	border-bottom: solid #333333 1px;
}
#row-2 h6{
	color:#fff;
	font-size:13px;
}

/* close Home page */

/* ABOUT PAGE */

#about-us {
	width:750px;
	float:left;
	margin-top:50px;
	padding-left:20px; padding-right:20px; padding-top:0px;
	}
#about-us h5 {
	background:url(../images/blue.png);
	font-size:14px;
	color:#969696;
	line-height:30px;
	}
#about-us h6 {
	font-size:13px;
	color:#fff;
	}
#ataglance-about {
	background:url(../images/orange.png);
	width:740px;
	float:left;
	letter-spacing:1.5px;
	line-height:20px;
	border:solid 1px #969696;
	padding-left:20px;
	padding-right:20px;
	margin-top:5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#ataglance-about p {
	color:#fff;
	font-size:14px;
}
.about {
	width:223px;
	height:330px;
	float:left;
	text-align:center;
	margin-right:9px;
	margin-bottom:15px;
	padding:0 8px;
	background:url(../images/light_brown.png);
	}
.about a {
	color:#fff;
	text-decoration:none;
	}
.about a:hover {
	text-decoration:underline;
	}

/* Quick Jump */

#quick_jump {
	float:left;
	height: 80px;
	width: 160px;
	}
#quick_jump dt {
	color:#fff;
	margin:2px 2px 1px 2px;
	padding:6px 25px;
	text-align:left;
	font-weight:bold;
	}
#quick_jump dd {
	background:#292929;
	font-size:14px;
	text-align:left;
	border-bottom:0px solid #659db4;
	padding-top:3px 3px;
	margin:0px 2px;
	}
#quick_jump a {
	color:#969696;
	text-decoration:none;
	font-weight:normal;
	display:block;
	padding:10px 20px;
	}
#quick_jump dd a:hover {
	background:#0066FF;
	color:#191919;
	}
.qjt{
	background-image:url(../images/qjt.gif);
	background-repeat:no-repeat;
	}
.qjb{
	background-image:url(../images/qjb.gif);
	background-repeat:no-repeat;
	}

/* Quick Jump ends */

/* Close ABOUT */

/* DONATE page*/

#container {
	background:url(../images/orange.png);
	width:750px;
	float:left;
	letter-spacing:1.5px;
	line-height:20px;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
		}
#container h6 {
	font-size:13px;
	color:#fff;
	}
#container h4 {
	color:#fff;
	}
#container p {
	font-size:14px;
	color:#fff;
	}
#container a {
	color:#0066FF;
	text-decoration:none;
	}
#container a:hover {
	text-decoration:underline;
	color:#fff;
	}

/* close DONATE */

/* TAKE ACTION page */

#content-1 {
	background:url(../images/orange.png);
	width:743px;
	float:left;
	letter-spacing:1.5px;
	line-height:20px;
	border:solid 1px #969696;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
#content-1 h6 {
	font-size:14px;
	color:#fff;
	}
.action {
	width:350px;
	height:350px;
	float:left;
	text-align:center;
	margin-right:9px;
	margin-bottom:15px;
	padding:0 8px;
	background:url(../images/light_brown.png);
	}
.action a {
	color:red;
	text-decoration:none;
	}
.action a:hover {
	text-decoration:underline;
	}

/* close ACTION PAGE */

/* WHO WE ARE page */

.photo {
	width: 195px;
	float:left;
	padding:2px;
	margin-right:15px;
	text-align:center;
	}
.profile {
	width:520px;
	float:left;
	background:url(../images/orange.png);
	padding: 0 8px;
	}
#ceo {
	width:100%;
	float:left;
	margin-bottom:20px;
	}
#cpm {
	width:100%;
	float:left;
	margin-bottom:20px;
	}
#exec_ast {
	width:100%;
	float:left;
	margin-bottom:20px;
	}
#hr {
	width:100%;
	float:left;
	margin-bottom:20px;
	}
#admin {
	width:100%;
	float:left;
	margin-bottom:20px;
	}
#ac {
	width:100%;
	float:left;
	margin-bottom:20px;
	}
#it {
	width:100%;
	float:left;
	margin-bottom:20px;
	}
#fhq {
	width:100%;
	float:left;
	margin-bottom:20px;
	}	

/* close WHO WE ARE */

/* Conservation page */

.conservation {
		width:100%;
		background:url(../images/light_brown.png);
		float:left;
		margin-top: 10px;
		padding-bottom:10px;
		border-bottom:solid 2px #fff;
		}
.conservation-1 {
		width:100%;
		background:url(../images/light_brown.png);
		float:left;
		margin-top: 10px;
		padding-bottom:10px;
		}
.con-text {
		width:550px;
		float:left;
		margin-right:10px;
		}
.con-photo {
		width:180px;
		float:left;
		text-align:right;
		}
#save-elephant {
		width:160px;
		float:left;
		text-align:left;
		margin-bottom:20px;
		}
#climate {
		width:160px;
		float:left;
		text-align:center;
		margin-bottom:20px;
		}

/* close Conservation */

/* Project page */

#project {
	width:750px;
	float:left;
	padding-left:20px; padding-right:20px;
	}
#project h5 {
	background:url(../images/blue.png);
	font-size:14px;
	color:#969696;
	line-height:30px;
	}
#project h6 {
	font-size:13px;
	color:#fff;
	}
.cd {
	width:550px;
	float:left;
	margin-right:10px;
	}
.cd-wrap {
		width:100%;
		background:url(../images/light_brown.png);
		float:left;
		margin-top: 10px;
		padding-bottom:10px;
}
.cd-project {
	width:550px;
	float:left;
	margin-bottom:10px;
}
.cd-project-img {
	width:150px;
	height:120px;
	float:left;
	text-align:center;
	margin-right:15px;
	margin-top:20px;
}
.cd-project-text {
	width:380px;
	float:left;

}
#container .cd-project-text h4 {
	color:#fff;
	font-size:14px;
}
#container .cd-project-text p {
	color:#cccccc;
	font-size:13px;
}
#container .cd-project-text ul {
	list-style-type:disc;
	list-style-position:outside;
}
#container .cd-project-text li {
	color:#cccccc;
	font-size:13px;
}
.cd small {
	color:#969696;
	font-size:12px;
	font-style:italic;
	}
.target {
		width:166px;
		float:left;
		text-align:center;
		margin-bottom:20px;
		padding:0 8px;
		background:url(../images/light_brown.png);
		border:double 4px #E35E14;
}
.target h4 {
	color:#E35E14 ;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:50px;
	}
#container .target p{color:#CCCCCC; font-style:italic;}

/* close Project page */

/* Rural Voice page */

.rural-voice-box {
	width:100%;
	float:left;
	margin-bottom:15px;
	border-bottom:1px solid #969696;
	padding:0 10px;
}

#container .rural-voice-box h4{
	color:#E35E14;
}
#container .rural-voice-box small{
	color:#cccccc;
	font-size:12px;
}
#container .rural-voice-box ul {
	list-style-type:disc;
	list-style-position:outside;
}
#container .rural-voice-box li {
	color:#fff;
	font-size:14px;
}
/* close Rural Voice */

/* Volunteer page */

#volunteer-box {
	width: 530px;
	float:left;
	margin-right:15px;
}

.job {
		width:180px;
		float:left;
		text-align:center;
		margin-bottom:20px;
		margin-top:80px;
		padding:0 8px;
		background:url(../images/red.png);
}
.job h4 {
	color:#E35E14 ;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:50px;
	}
#container .job h6{color:#CCCCCC; font-style:italic;}
#container .cd ul { color:#fff; font-size:13px; list-style:circle; list-style-position:outside;}

/* close Volunteer page */

.sitemap {color: #fff; size: 12px; padding: 10px;}
.sitemap a{color: #fff; size: 12px; text-decoration: none;}
.sitemap a:hover{color:#fff;size: 12px; text-decoration: underline;