body {	
	margin:0;
	padding:0;	
	background-color:#fff;
	/*color:#014545;*/
	font-weight:normal;
	font-family: 'MyriadPro-Regular', arial, Helvetica, sans-serif;
	font-size:100%;
	color:#016969;
}

.home{
	width:210px; 
	float:left; 	 
	margin:0; 
	padding:0; 
	height:595px; 
	background:url(/media/loading.gif) left no-repeat;
}

.loading{
	text-align:center; 
	margin:auto; 
	padding:85px 0;
}

.loading a {
	color:#339999;
	font-weight:normal;
	padding:0;
	margin:0;
	text-decoration:none;	
	font-size:large;
}

.a img {
	text-decoration:none;
	border:0;
}

.container {
	width:1000px;
	margin:0 auto 0 auto;
	padding:0 auto;
}

.font_S {
	font-size: 100%;
}

.font_M {
	font-size: 125%;
}

.font_L {
	font-size: 150%;
}

#header{
	margin:0;
	padding:0;
	background-image:url(/media/header-new.gif);
	background-repeat:no-repeat;
	background-position:165px 35px;
	height:240px;
}

.logo{	
	margin:0;
	padding:0;
	text-align:left;
}

a img{
	border:0;
	text-decoration:none;
}

.navigation {
	padding:0;
	width:950px;
	background:url(/media/navigation.gif) top right no-repeat;
	position:relative;
	z-index:20;
	top:0;
	left:0;
	float:right;
}

.navigation_S {
	margin:-2.6em 0 0 0;
}

.navigation_M {
	margin:-2.15em 0 0 0;
}

.navigation_L {
	margin:-1.82em 0 0 0;
}
/**/

/***************** Suckerfish style ********************/

#AAA {
	position:relative;
	top:-140px;
	width:100%;
	text-align:right;
}

#AAA span a {
	text-decoration:none;
	color:#888;
}

#AAA span a:hover {
	text-decoration:underline;
	color:#333;
}
#nav{
	margin-top:.9em;
	list-style-type:none;
	padding-bottom:1px;
}

#nav li b{
	font-size:x-large;
	font-weight:bold;		
	letter-spacing:3px;	
	visibility:hidden;
	height:39px;
	color:#999;
}

#nav a {
/*	display: block;	*/
	text-decoration:none;
}
#nav li {
	list-style: none;
	display:inline;
}

#subnav {
	padding: 0 0 4px 0;
	margin: 0 0 0 -8em;
	list-style-type: none;
	float:right;
	height:20px;
	text-align:right;
	width:1050px;
	min-width:1000px;
	max-width:1000px;
	font-family: 'Verdana', 'Myriad Pro', arial, serif;
}

#subnav ul li {
	/*text-align:right;*/
	list-style: none;
	display:inline;	
	padding:11px 0 0 11px;
	margin:0;	
}
#subsubnav div {
	/*text-align:right;*/
	padding:5px 0 5px 0;
	margin:.5em 0 0 0;
}

#subsubnav a:hover{
	color:#1D5654;
	border-bottom:4px solid #006666;
}
#subnav a{
	color:#1D5654;		
	text-decoration:none;
}
#subnav ul li a:hover{
	color:#1D5654;		
	border-bottom:4px solid #006666;
	}
.who_sub{
	padding-bottom:4px;
	font-family:'Verdana', 'Myriad Pro', arial, serif;
}
.who_sub a{
	color:#1D5654;		

}

.who_sub a:hover{
	color:#1D5654;		
	border-bottom:4px solid #006666;
}

a#who, .who_currentPage, 
a#uk, .uk_currentPage,
a#cambodia, .cambodia_currentPage, 
a#international,li#international, 
a#support, li#support,
a#donors, li#donors, 
a#contact, li#contact, 
a#gallery, li#gallery {
	position:absolute;		
	top:0px;
	height:39px;
	background-repeat:no-repeat;
}

a#who, .who_currentPage  {	left:162px; width:63px; }
a#uk, .uk_currentPage { left: 225px; width:37px;}
a#cambodia, .cambodia_currentPage {left: 259px; }
a#international, li#international { left: 394px; width:168px;}
a#support, li#support {left: 561px; width:108px; }
a#donors, li#donors {left: 666px; width: 97px; }
a#contact, li#contact {left: 761px; width: 100px;}
a#gallery, li#gallery {left: 858px; width: 92px;}
/*
a#who, .who_currentPage  {	left:12px; width:63px; }
a#uk, .uk_currentPage { left: 75px; width:37px;}
a#cambodia, .cambodia_currentPage {left: 109px; }
a#international, li#international { left: 244px; width:168px;}
a#support, li#support {left: 411px; width:108px; }
a#donors, li#donors {left: 516px; width: 97px; }
a#contact, li#contact {left: 611px; width: 100px;}
a#gallery, li#gallery {left: 708px; width: 92px;}
*/


ul#nav li a:hover#who, .who_currentPage {
	background-image: url(../media/who.gif);		
}
ul#nav li a:hover#uk, .uk_currentPage {
	background-image: url(../media/uk.gif);		
}
ul#nav li a:hover#cambodia, .cambodia_currentPage {
	background-image: url(../media/cambodia.gif);		
}
ul#nav li a:hover#international, li#international {
	background-image: url(../media/international.gif);		
}
ul#nav li a:hover#support, li#support {
	background-image: url(../media/support.gif);
}
ul#nav li a:hover#donors, li#donors {
	background-image: url(../media/donors.gif);	
}
ul#nav li a:hover#contact, li#contact {
	background-image: url(../media/contact.gif);	
}
ul#nav li a:hover#gallery, li#gallery {
	background-image: url(../media/gallery.gif);	
}

li ul li a{		
	color:#336666;
	margin:0;
	padding:0;
	text-decoration:none;
	border-bottom:4px solid #fff;
	}
li ul li a:visited{
	color:#538479;
}

li ul li a:hover, .current_page {		
	color:#1D5654;		
	border-bottom:4px solid #006666;
}	

#nav li ul li ul{
	position:absolute;
	top:2em;
	left:35em;	
	margin:0;
	padding:0;		
	width:250px;	
}
#nav li ul li ul li{	
	margin:0;			
	padding:8px 0px 7px 10px;		
}
/************* Testing with css image ******************/

#page{	
	margin:15px auto 0 auto;
	padding:0 auto;
	width:950px;
	/*font-size:150%;	*/
}

#page a{
	text-decoration:underline;
	color:#007766;
}

#page a:visited{
	color:#006666;
}

#page a:hover{
	color:#339999;
}


#content{	
	clear:both;
	float:left;
	width:560px;
	margin:0 0 30px 0;
	padding:0;
}

#content ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#content ul li{
	margin:0;
	padding:3px;
}

h1, h2, h3{
	font-family:'Myriad Pro', arial, serif;		
	margin:0;
	padding:0;
	color:#016969;
}

h1{
	font-weight:normal;
	font-size:160%;
}

h1.title{	
	position:relative;	
	float:left;	
	margin:0;		
	padding:.5em 0;
	font-size:200%;			
}

h2{	
	clear:both;
	position:relative;
	top:-5px;	
	font-size:160%;	
	text-align:center;		
}

.cambodia h2{
	clear:both;
	float:left;
	padding:0;
	margin:-35px 0 0 230px;
}

h3.page_title{
	font-size:100%;	
	position:absolute;
	font-weight:normal;	
	color:#014545;
	margin:-30px 0 0 2em;
	padding:0;
}


.donors{
	font-size:130%;
	color:#007070;	
}


/*************** Corner box style ***************/
.corner-border{
	border-style:solid;	
	border-width:1px;
	margin:0;
	padding:0;
	width:100%;	
	position:relative;
	z-index:100;
}

.cambodia .corner-border{
	background-color:#077170;
	border-color:#077170;	
	float:left;
	width:auto;
	margin:0;
	padding:0;
	text-align:center;
}

.corner-border * {
	position: relative;	
	margin:0;
	background-repeat: no-repeat;	
}


/**Dynamic color to be added by suppliment css-php**/
.one {
	background-position:top left;	
	left: -1px;
	top: -1px;	
}
.two {
	background-position:top right;
	top: -2px;
	padding-right:1.5em;
}
.three {
	background-position:bottom right;
	right: -2px;
	bottom: -2px;		
}
.four {
	background-position:bottom left;
	left: -2px;
	padding-bottom: 1em;
}
/********** only for cambodia heading ********/

.cambodia .corner-border .one { 
	background: url(/media/boxes/bg-green.gif) top left no-repeat; 	
	left: -1px;
	top: -1px;	
}
.cambodia .corner-border .two { 
	background: url(/media/boxes/bg-green_tr.gif) top right no-repeat;
	top: -2px;
	padding-right:0;
}
.cambodia .corner-border .three {
	background: url(/media/boxes/bg-green_br.gif) bottom right no-repeat;
	right: -2px;
	bottom: -2px;		
}
.cambodia .corner-border .four {
	background: url(/media/boxes/bg-green_bl.gif) bottom left no-repeat;
	left: -2px;
	padding-bottom: .8em;
}

/****************** end dynamic border color **********************/
#content .corner-border ul{		
	margin:0;
	padding:0 1em;	
}
#content p{
	clear:both;
	line-height:130%;
}

#content .corner-border ul li{	
	margin:0 0 0 15px;
	padding:3px;
}

.corner-border h4, .corner-border p{ padding: 1em 1em .5em 2em }

.corner-border h1, .corner-border h3{
	margin:0;
	padding:.8em 0 0 0;
	color:#fff;	
	letter-spacing:-1px;
	word-spacing:4px;
	font-weight:bold;
	font-size:105%;
	letter-spacing:1px
}

.corner-border h3{
	font-size:100%;		
	font-weight:normal;
}

.cambodia .corner-border .four p{ margin:0; padding:1px;}

/*****************Image Part Style*************/
#image{
	float:right;	
	text-align:right;
	width:360px;		
	margin:0;
	padding:0;	
}

#image img{		
	margin:0;
	padding:15px 0 0 0;	
	position:relative;
	z-index:200;
}

.pullquote, .small-pullquote{
	margin:10px 0 10px 15px ;
	padding:20px 0 0 0;	
	font-weight:normal;
	text-align:left;	
}

.pullquote{
	font-size:120%;
}

.small-pullquote{
	font-size:100%;	
}

.photo-caption{
	font-size:85%;	
	margin:0 0 0 10px;
	padding:0;
}
.photo-credit{
	font-size:small;
	color:#999;
	margin:0;
	padding:5px 0 15px 0;
}
.thumb{
	float:left; 
	position:relative;
	z-index:1000;
	padding:0 .7em .7em 0;
	margin:0 0 0 0;	
}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1.title{
	visibility: hidden;
	position:relative;	
	float:left;	
	margin:0 0 .4em 0;		
	padding:0;
	font-size:200%;		
	color:#016969;	
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	clear:both;
	position:relative;
	top:0;	
	font-size:180%;		
}
.sIFR-hasFlash .cambodia h2{		
	float:left;		
	position:relative; 
	top:-45px;
	left:220px;
	margin:0;
	padding:0;
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}
.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/
/********************************/


/*********** Speacial Style for donor page **************/

.donors{
	clear:both;			
	width:842px;
	height:473px;	
	margin:0 auto 0 auto;
	padding:0;
	background:url(/media/donors-list.png) no-repeat;
}

.donors ul{
	position:absolute;	
	width:842px;
	height:448px;
	margin:0;
	padding:0;
}

.donors ul li{
	list-style-type:none;	
	margin:0;
	padding:0;		
}

.donors li b{
	font-weight:bold;	
	font-size:small;
	visibility:hidden;
	margin:0;
	padding:0;
}

.donors li{
	float:left;	
	margin:0;
	padding:0;
}

#page .donors a{
	display:block;	
	position:absolute;		
	text-decoration:none;	
	margin:0;
	padding:0;
	height:21px;
}

a.donor1{ width:468px; top:6px; left:2px; } 
a.donor2{ width:178px; top:6px; left:469px; }
a.donor3{ width:189px; top:6px; left:648px; }

a.donor4{ width:324px; top:30px; left:2px; }
a.donor5{ width:106px; top:30px; left:325px; }
a.donor6{ width:221px; top:30px; left:432px; }
a.donor7{ width:183px; top:30px; left:654px; } 

a.donor8{ width:347px; top:54px; left:2px; }
a.donor9{ width:216px; top:54px; left:349px; }
a.donor10{ width:273px; top:54px; left:566px; }

a.donor11{ width:347px; top:78px; left:2px; }
a.donor12{ width:283px; top:78px; left:350px; }
a.donor13{ width:205px; top:78px; left:634px; }

a.donor14{ width:248px; top:102px; left:2px; }
a.donor15{ width:207px; top:102px; left:250px; }
a.donor16{ width:382px; top:102px; left:457px; }

a.donor17{ width:148px; top:126px; left:2px; }
a.donor18{ width:259px; top:126px; left:152px; }
a.donor19{ width:217px; top:126px; left:412px; }
a.donor20{ width:209px; top:126px; left:630px; }

a.donor21{ width:224px; top:150px; left:2px; }
a.donor22{ width:313px; top:150px; left:225px; }
a.donor23{ width:95px;  top:150px; left:540px; }
a.donor24{ width:200px; top:150px; left:637px; }

a.donor25{ width:275px; top:174px; left:2px; }
a.donor26{ width:136px; top:174px; left:278px; }
a.donor27{ width:168px; top:174px; left:415px; }
a.donor28{ width:255px; top:174px; left:584px; }

a.donor29{ width:199px; top:198px; left:1px; } 
a.donor30{ width:161px; top:198px; left:200px; }
a.donor31{ width:257px; top:198px; left:361px; }
a.donor32{ width:219px; top:198px; left:619px; }

a.donor33{ width:562px; top:222px; left:0; }
a.donor34{ width:274px; top:222px; left:564px; }

a.donor35{ width:223px; top:246px; left:1px; }
a.donor36{ width:356px; top:246px; left:225px; }
a.donor37{ width:255px; top:246px; left:584px; }

a.donor38{ width:224px; top:270px; left:1px; }
a.donor39{ width:127px; top:270px; left:229px; }
a.donor40{ width:245px; top:270px; left:358px; }
a.donor41{ width:235px; top:270px; left:604px; }

a.donor42{ width:422px; top:294px; left:2px; }
a.donor43{ width:205px; top:294px; left:426px; }
a.donor44{ width:206px; top:294px; left:633px; }

a.donor45{ width:287px; top:318px; left:2px; }
a.donor46{ width:115px; top:318px; left:290px; }
a.donor47{ width:273px; top:318px; left:406px; }
a.donor48{ width:38px;  top:318px; left:680px }
a.donor49{ width:119px; top:318px; left:720px; }

a.donor50{ width:171px; top:341px; left:2px; }
a.donor51{ width:203px;  top:341px; left:176px; }
a.donor52{ width:50px; top:341px; left:380px; }
a.donor53{ width:195px; top:341px; left:430px; }
a.donor54{ width:101px;  top:341px; left:627px; }
a.donor55{ width:112px; top:341px; left:728px; }

a.donor56{ width:127px; top:366px; left:2px; }
a.donor57{ width:107px; top:366px; left:130px; }
a.donor58{ width:316px; top:366px; left:239px; }
a.donor59{ width:278px; top:366px; left:558px; }

a.donor60{ width:108px; top:391px; left:2px; }
a.donor61{ width:271px; top:391px; left:113px; }
a.donor62{ width:290px; top:391px; left:385px; }
a.donor63{ width:72px; top:391px; left:677px; }
a.donor64{ width:89px; top:391px; left:750px; }

a.donor65{ width:278px; top:416px; left:2px; }
a.donor66{ width:99px; top:416px; left:282px; }
a.donor67{ width:245px; top:416px; left:383px; }
a.donor68{ width:207px; top:416px; left:632px; }

a.donor69{ width:112px; top:441px; left:1px; }
a.donor70{ width:318px; top:441px; left:115px; }


a:hover.donor1, a:hover.donor8, a:hover.donor12,
a:hover.donor21, a:hover.donor27, a:hover.donor33, 
a:hover.donor37, a:hover.donor44
{ border-bottom:4px solid #007070; }

a:hover.donor2, a:hover.donor7,a:hover.donor13, 
a:hover.donor17, a:hover.donor19, a:hover.donor24,
a:hover.donor26, a:hover.donor31, a:hover.donor34,
a:hover.donor38, a:hover.donor40, a:hover.donor43, 
a:hover.donor48, a:hover.donor50, a:hover.donor52,
a:hover.donor54, a:hover.donor61, a:hover.donor64,
a:hover.donor67, a:hover.donor69
{ border-bottom:4px solid #ec008c; }

a:hover.donor3, a:hover.donor18, a:hover.donor42,
a:hover.donor57, a:hover.donor62, a:hover.donor65
{ border-bottom:4px solid #00aef0; }

a:hover.donor4, a:hover.donor9, a:hover.donor14, 
a:hover.donor20, a:hover.donor25, a:hover.donor32,
a:hover.donor36, a:hover.donor45, a:hover.donor47,
a:hover.donor55, a:hover.donor58, a:hover.donor70
{ border-bottom:4px solid #f195be; }

a:hover.donor5, a:hover.donor10, a:hover.donor23,
a:hover.donor29, a:hover.donor59
{ border-bottom:4px solid #008fd5; }

a:hover.donor6, a:hover.donor11, a:hover.donor15,
a:hover.donor22, a:hover.donor28,a:hover.donor35,
a:hover.donor39,a:hover.donor41, a:hover.donor49,
a:hover.donor51, a:hover.donor56, a:hover.donor63,
a:hover.donor66
{ border-bottom:4px solid #004645; }

a:hover.donor16, a:hover.donor30, a:hover.donor46,
a:hover.donor53, a:hover.donor60, a:hover.donor68
{ border-bottom:4px solid #008eb0; }


#page b a{
	text-decoration:none;
}





/*************************/



#footer{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	background:url(/media/background-footer.gif) bottom center no-repeat ;
	height:150px;		
}

/************ Gallery ***************/

.gallery{
	width:860px;	
	margin:auto;
	padding:0 0 0 15px;
	color:#666;
}

.album{
	margin:0 15px 15px 15px;
	padding:0 0 15px 0;	
	float:left;
}

.album img{
	margin:0;
	padding:12px;	
	border:1px solid #66CC66;
	background-color:#1F5E47;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.description{	
	text-align:center;	
}

.description p{
	margin:0;
	padding:0;
}

.album .description h3{	
	color:#000;
	font-size:100%;
	font-weight:normal;
}
h2 a:hover{
	text-decoration:underline;
}

.two h1, .two h3 {
	margin:0 20px 0 18px;
}