/* -----------------------------------------------------------------------
		NATURAL TAGS
------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	background-color: #CCCCCC;
}
h2 {
	color: #900;
	font-size:1.6em;
	line-height:125%;
}
h3 {
	font-size:1.2em;
}

/* -----------------------------------------------------------------------
		STRUCTURAL ELEMENTS
------------------------------------------------------------------------*/

#wrapper {
	width:800px;
	margin:20px auto;
	padding:0;
}
#masthead h1 {
	padding:0;
	margin:0;
}
#content {
	margin:0;
	padding:0px;
	text-align:justify;
	background-color:#FFF;
}
.maincontent {
	padding:30px 30px 30px 30px;
	border:1px solid #FFF;
}
#footer a {
	text-decoration:none;
	color:#900;
}
#footer a:hover {
	color:#006;
}

/* -----------------------------------------------------------------------
		SHARED ELEMENTS
------------------------------------------------------------------------*/

.cleared { /* Clears floats */
	border:0;
	padding:0;
	margin:0;
	clear:both;
}
.topped { /* Increases the top indentation, for example for an h2 */
	border-top:1px solid #666;
	margin-top:30px;
	padding-top:30px;
}
.lettrines { /* To make the first letter of a paragraph larger */
	font-size: 1.6em;
}

/* -------------------- LISTS -------------------- */

ul.vanilla_list { /* Plain lists, no bullets, no indents */
	list-style:none;
	padding:0px;
}
.vanilla_list a {
	text-decoration:none;
}

ul.simple_list { /* Plain lists, with bullets and no indents */
	text-align:left;
	list-style:square;
	padding:0;
	color: #00C;
}
.simple_list a {
	text-decoration:none;
}
.simple_list li {
	padding-bottom:20px;
}

/* -------------------- IMAGES -------------------- */

.img_left { /* Inserts an img to the left, with proper padding */
	float:left;
	margin:3px 30px 14px 0px;
}
.img_right { /* Inserts an img to the right, with proper padding */
	float:right;
	margin:3px 0px 14px 30px;
}
.img_center { /* Inserts an img to the center, with proper padding */
	float:none;
	clear:both;
	margin:0;
	padding:30px 0px;
}
img.img_left.bdr ,
img.img_right.bdr,
img.img_center.bdr { /* Add this class to create a border to your image, regardless of its positioning */
	border:1px solid #000;
}

/* -------------------- MISC ELEMENTS ------------------ */

#recaptcha_image {
	float: left;
	width: 290px;
	border: 1px none #999999;
	margin: 0px;
	padding: 0px;
}

.bottom_links {
	text-align:center;
	padding:30px;
	margin:0;
}
.bottom_links a {
	text-decoration:none;
	padding:7px 10px;
	margin:7px;
	border:1px solid #000;
	background: #900;
	color:#fff;		
}
.bottom_links a:hover {
	background:#FC3;
	color:#900;
}

/* -----------------------------------------------------------------------
		PAGE-SPECIFIC ELEMENTS
------------------------------------------------------------------------*/

/* -------------------- WHAT WE DO -------------------- */

.table_type1 table{
	margin:20px 0px;
	padding:0;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
}
.table_type1 th {
	border-bottom:1px solid #AAA;	
	border-right: 1px solid #AAA;
	background: #FC0 url(../images/gradients/gradient_gel_red.jpg) repeat-x center;
	text-align:center;
	font-size:1.2em;
	color:#FFF;
	padding:7px;
	text-shadow: 0px 2px 5px #000;
}
.table_type1 tr {
	background:#FFF url(../images/gradients/gradient_grey.jpg) repeat-y left;
}
.table_type1 tr.odd  {
	background:#FFF url(../images/gradients/gradient_bluea.jpg) repeat-y left;
}
.table_type1 td {
	border-right:1px solid #AAA;
	border-bottom:1px solid #AAA;
	padding:10px;
	margin:0;
}

/* -------------------- ABOUT MONGOLIA -------------------- */

.timeline {
	color:#FFF;
	text-align:left;
	padding:10px;
}
.timeline h2 {
	color:#FFF;
}
.timeline .date {
	font-weight:bold;
	color:#FC0;
}

/* -------------------- PROJECTS -------------------- */

.projects_update { /* Box that highlights the updates sections */ 
	margin:20px 0px;
	padding:12px;
	background-color:#BCE2D3;
	border:1px solid #009933;
}
.slideButton { /* Buttons for the slideshows */
	border:1px solid #DDD;
	background-color:#FFF;
}
.launcher_text { /* text on the projects overview page */
	margin:0;
	padding: 0px 20px 20px 20px;
}

/* -------------------- PEOPLE: PARTNERS -------------------- */

.partners { /* Rows presenting big logo and partner info */
	clear:left;
	margin:20px 0px;
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
}
.partners a {
	text-decoration:none;
}
.partners_img { /* Styles of the logos */
	float:left;
	width:221px;
}
.partners_img a img {
	border:none;
}
.partners_copy { /* Styles of the copy (texts) */
	float:left;
	width:450px;
	margin-left:40px;
}
.partners_copy h2 {
	margin-bottom:7px;
	margin-top:0px;
	font-size:14px;
}

/* -------------------- RESOURCES & LINKS, NEWS, PRESS, EVENTS -------------------- */

.res_a, .res_b, .res_c, 				/* .res = 	resources and links page */
.press_a, .press_b, .press_c, 	/* .press = press features AND newsletters pages */
.evt_a, .evt_b, .evt_c { 				/* .evt = 	events page */
	clear:left;
	margin:15px 0px;
	padding:15px;									/* containers, different colors */
}
.res_a, .press_a, .evt_a { background:url(../images/gradients/gradient_gold.jpg); } /* containers, different colors */
.res_b, .press_b, .evt_b { background:url(../images/gradients/gradient_sepia.jpg); }
.res_c, .press_c, .evt_c { background:url(../images/gradients/gradient_red.jpg); }

.res_img, .press_img, .evt_img { float:left; } /* logos, newsletters quotes, images on the left */
.res_img { width:100px; }
.press_img { width:185px; }
.evt_img { width:170px; }

.res_img img { 
	border:1px solid #AAA;
	background:#FFF;
}
.press_img img {
	border:none;
}
.res_text, .press_text, .evt_text { float:left; text-align:left; } /* text sections, center of row */
.res_text {	width:500px; }
.press_text {	width:380px; }
.evt_text { width: 275px; padding-right:15px; }

.res_text h3, .press_text h3, .evt_text h3 {
	margin:0;
	color:#039;
	font-size:1.2em;
}
.res_text p, .press_text p, .evt_text p {
	margin-top:7px;
}
.res_type, .press_type, .evt_type { float:left; } /* type of links or news, i.e. texts on the right */
.res_type { width:50px; }
.press_type { width:50px; margin-left:35px; }
.evt_type { width:140px; }

.res_c .res_type, .press_c .press_type { color:#FFF; }


/* -------------------- DONATE -------------------- */

.donate_td { /* Defines the side-column reservers for the incentives */
	padding:10px;
}
.donate_td {
	background-color:#CCE1D0;
}
.donate_td h2 {
	color:#529999;
	border:none;
	margin-top:15px;
}
.donate_half1 { /* Mail your check address */
	float:left;
	width:235px;
	margin:25px 20px 7px 0px;
}
.donate_half2 { /* Shop for hope */
	float:left;
	width:250px;
	margin:25px 0px 7px 0px;
}
.incentives { /* Boxes describing donation levels and benefits */
	padding:10px 15px;
	margin:20px 10px 0px 10px;
	padding-bottom:0px;
	background: url(../images/gradients/images/incentives_02.png) no-repeat left top;
	text-align:center;
}
.incentives h2 {	
	color: #666;
	padding:0;
	margin:7px 0px 0px 0px; 
}
.incentives h3 {
	color: #099;
	padding:3px;
	margin:0;
}
.incentives p {
	margin-bottom:0px;
}
.incentives_ft { /* Closes the bottom part of the boxes */
	margin:0px 10px 20px 10px;
	height:21px;
	background: #CCE1D0 url(../images/gradients/images/incentives_03.png) no-repeat left top;
}

/* -------------------- DONORS -------------------- */
.donors li img {
	margin:25px 0px 0px 0px;
}
.donors li h3 {
	margin:20px 0px 0px 0px;
}