/* ######### CSS for Shade Tabs. Remove if not using ######### */
body{
	padding:0;
	margin:0;
	border:0;
}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
color: #2d2b2b;
/*background: white url(shade.gif) top left repeat-x;*/
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../../../shadeactive.gif);
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
/*border-top: 5px solid #D25A0B; Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;/*Brown color theme*/ 
}

.tabcontent{
display:none;
}
.bottons{
	border:none;
	padding:0;
	margin:0;
}
.bottons a:hover{
	border:none;
	padding:0;
	margin:0;
}
.bottons a{
	border:none;
	padding:0;
	margin:0;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
	font:11px Arial;
	width:552px; /*leave this value as is in most cases*/
	position:absolute;
	margin:auto;
	top:402px;
	height:39px;
	left: auto;
	background-repeat: no-repeat;
}

.indentmenu ul{
margin:10px 0 0 0;
padding: 0;
float:right;
/* width: 80%; width of menu*/
 /*border-top: 1px solid navy;navy border*/
/*background: black url(indentbg.gif) center center repeat-x;*/
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 2px 6px;
text-decoration: none;
border:1px solid #373736; /*navy divider between menu items*/
margin-left:4px;
filter:alpha(opacity=50); /* IE's opacity*/
opacity: 0.5;
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color:#F90 !important;
/*padding-top: 6px; shift text down 1px
padding-bottom: 2px;*/
}

.tabcontentstyle{ /*style of tab content oontainer*/
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
.energy{
	height:124px;
	width:254px;
	color:#FFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../Images/des/flood.jpg);
	background-repeat: no-repeat;	/*border:#F36 solid 1px;*/
	padding-top: 300px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;
}
.democratic{
	height:145px;
	width:250px;
	color:#CCC;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:90px 20px 10px 284px;
	background-image: url(../Images/des/landslide.jpg);
	background-repeat: no-repeat;	/*border:#03F solid 1px;*/
}
.gender{
	height:180px;
	width:253px;
	color:#aa8e78;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:60px 20px 10px 10px;
	background-image: url(../Images/des/drought.jpg);
	background-repeat: no-repeat;	/*border:#090 solid 1px;*/
}
.peace{
	height:174px;
	width:244px;
	color:#FFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:60px 20px 10px 290px;
	background-image: url(../Images/des/fire.jpg);
	background-repeat: no-repeat;	/*border:#F36 solid 1px;*/
}
.posttsunami{
	height:190px;
	width:253px;
	color:#FFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:50px 20px 10px 280px;
	background-image: url(../Images/des/lighting.jpg);
	background-repeat: no-repeat;	/*border:#FF3 solid 1px;*/
}
.volun{
	background:url(../Images/slideshow/United_Nations_Volunteers.jpg) no-repeat;
	height:160px;
	width:253px;
	color:#FFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:80px 20px 10px 280px;
	/*border:#06F solid 1px;*/
}
.power{
	height:219px;
	width:284px;
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px 20px 10px 250px;
	/*border:#C0F solid 1px;*/
}
.power h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#FFA20F;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 40px;
}
.power h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:0 0 4px 0;
	margin:0;
	color:#F90;
}
.power a{
	color:#FFFFFF;
	text-decoration:none;
}
.power a:hover{
	color:#F90;
	text-decoration:none;
}
.power p{
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 80px;
}
.ttip{
	margin:0;
	color:#FF9C00;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 165px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
li.tabhead a{
	background:#1e5cd0;
	font-weight:bold;
}
.menuUNDP li.tabhead{
	background:#1e5cd0;
	font-weight:bold;
	border-bottom:#1e5cd0 solid 1px;
	padding:0;
	margin:0;
}
.menuUNDP li.tabhead a{
		padding:0;
	margin:0;
}
.menuUNDP li{
	border-bottom:#87b1ff solid 1px;
}
.menuUNDP li.submenu{
	border-bottom:none;
	color:#09F;
	background:#1e5cd0;
}

/*tab*/
.usual {
background:#181818 none repeat scroll 0 0;
border:1px solid #222222;
color:#111111;
margin:8px auto;
padding:15px 20px;
width:500px;
}
.usual li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.usual ul a {
-x-system-font:none;
background:#444444 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-family:Verdana;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:1px 1px 1px 0;
padding:6px 10px;
text-decoration:none !important;
}
.usual ul a:hover {
background:#111111 none repeat scroll 0 0;
color:#FFFFFF;
}
.usual ul a.selected {
background:snow none repeat scroll 0 0;
border-bottom:1px solid snow;
color:#000000;
cursor:default;
margin-bottom:0;
}
.usual div {
-x-system-font:none;
background:snow none repeat scroll 0 0;
clear:left;
font-family:Georgia;
font-size:10pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:10px 10px 8px;
}
.usual div a {
color:#000000;
font-weight:bold;
}
#usual2 {
background:#0A0A0A none repeat scroll 0 0;
border:1px solid #1A1A1A;
}
#usual2 a {
background:#222222 none repeat scroll 0 0;
}
#usual2 a:hover {
background:#000000 none repeat scroll 0 0;
}
#usual2 a.selected {
background:snow none repeat scroll 0 0;
}
#tabs3 {
background:#FFFF99 none repeat scroll 0 0;
}
#freedom {
-x-system-font:none;
color:#6688DD;
float:left;
font-family:Cambria,Times New Roman,serif;
font-size:1.3em;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:normal;
width:90px;
}
#freedom li a {
background:#222222 none repeat scroll 0 0;
display:block;
font-size:0.7em;
font-style:normal;
font-weight:bold;
margin:1px;
padding:2px 6px 4px;
text-align:left;
text-decoration:none;
width:80px;
}
#freedom li a:hover {
background:#0A0A0A none repeat scroll 0 0;
width:86px;
}
#freedom li a.selected {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
cursor:default;
width:90px;
}
.tabContainer {
background:#181818 none repeat scroll 0 0;
border:1px solid #222222;
margin:20px auto;
padding-top:2px;
width:400px;
}
.tabContainer h3 {
color:#FF6600;
padding-bottom:4px;
}
.tabContainer p {
	text-align:left;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
}
#three {
border-bottom:1px solid #444444;
border-right:1px solid #444444;
left:0;
position:absolute;
top:0;
}
#four {
-x-system-font:none;
bottom:10px;
color:#DD6666;
font-family:Cambria,Times New Roman,serif;
font-size:2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
position:fixed;
right:20px;
}
.imagebox {
background:#040404 none repeat scroll 0 0;
border:1px solid #1A1A1A;
height:90px;
margin:10px auto;
width:100px;
}
.imagebox a {
background:#111111 none repeat scroll 0 0;
display:block;
float:left;
height:25px;
line-height:23px;
text-decoration:none;
width:25px;
}
.imagebox a:hover {
background:#000000 none repeat scroll 0 0;
}
.imagebox a.selected {
background:snow none repeat scroll 0 0;
color:#222222;
font-weight:bold;
}
.imagebox img {
clear:both;
margin-top:6px;
}
#adv2 {
background:#181818 none repeat scroll 0 0;
margin:6px auto;
width:500px;
}
#adv2 ul {
display:block;
float:left;
height:50px;
width:50px;
}
#adv2 li {
float:left;
}
#adv2 li.split {
clear:both;
}
#adv2 li a {
background:#222222 none repeat scroll 0 0;
display:block;
height:25px;
line-height:22px;
text-decoration:none;
width:25px;
}
#adv2 li a:hover {
background:#0A0A0A none repeat scroll 0 0;
}
#adv2 li a.selected {
background:snow none repeat scroll 0 0;
color:#111111;
font-weight:bold;
}
#adv2 span {
background:#181818 none repeat scroll 0 0;
display:block;
float:right;
height:50px;
line-height:45px;
width:450px;
}
#adv3 a {
color:snow;
font-size:2em;
font-weight:bold;
margin:6px;
text-decoration:none;
}
#adv3 a:hover {
color:#6688DD;
}
#adv3 p {
color:#888888;
font-style:italic;
margin:5px;
}
#adv3 p a {
color:#CCCCCC;
font-size:1em;
font-weight:bold;
margin:0;
text-decoration:underline;
}
#adv3 p a:hover {
color:#FFFFFF;
}
#message {
background:#0D0D0D none repeat scroll 0 0;
border:6px solid #222222;
color:#FFCC44;
font-size:1.3em;
height:40px;
line-height:2em;
margin:10px auto;
width:240px;
}
/*tab*/