/* overall page area  */
body {
	background-color: #a9ceb4; 
	margin: 5px 0; position:relative; 	
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%;
}
#masthead {
	width: 800px; margin: 0 auto;
	height: 534px;
}

/********LAYOUT WRAPPER**********/
#layout {
	width: 800px;
	margin: 0 auto;
	background-color: #FFF;
	background-image: url(../PageImages/shadow.jpg);
	background-repeat: repeat-y;
}

/********TOP MENU BAR**********/


#menubar {
	position: relative; left:50%; width:780px; margin-left:-390px; top: 0px; height: 30px; 
	 background:  transparent;  z-index: 100;
	margin-top: -420px;
	
}
/********COLUMN WRAPPER**********/


#columnwrapper {
	position: relative;
	margin-top: 2.2em;
	margin-left: 0;
	
	
	width: 800px;
	padding: 3em 0 0 0;
}

/*MAIN and SIDEBAR COLUMNS
  Width of both  equals width of columnwrapper
	540 + 210 = 750 ............ menubox is a flyout */

#mainbox {
	float: left;
	width: 578px;
}
#mainboxFull {
	float: left;
	width: 700px;
}
#mainboxNarrow {
	float: left;
	width: 518px;
}
#sidebox {
	float: left;
	width: 220px;
}
#sideboxright {
	float: right;
	width: 210px; 
	margin-right: 0;
}
#sideboxrightWide {
	float: right;
	width: 200px; 
	margin-right: 22px;
}

/********CONTENT CONTAINERS*********/

/*Main Content*/
#maincontent {
	padding: 0 30px 20px 150px;
	font-size: 0.8em;
	
}
#maincontent p{
	line-height: 1.8em;
	margin: 8px 0 12px 0;
}
#maincontentWide {
	padding: 0;
	margin-left: 50px;
	font-size: 0.8em;
	
}

P {font-size: 1em;  COLOR: #333; line-height: 1.5em;}


.calloutLeft {
	position: relative; float: left;
	width: 248px;
	left: -2px;  
	margin: 6px 8px 0px -50px;
	padding: 8px; text-align: left;
	border-top: 1px solid #fff; border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc; border-left: 1px solid #fff;
	font-size: 0.9em; color: #666;	
}

.calloutRight {
	position: relative; float: right;
	right: -200px;  
	margin: 6px 8px 0px -180px;
	padding: 8px; text-align: right;
	border: 1px solid #CCCCCC;
	font-size: 0.85em; color: #666;
}

/*Sidebars*/
#sidecontent {
	font-size: 0.7em;
	padding: 5px 0 0 0;
	margin: 0 0 0 8px;
	background-image: url(http://www.dwf.org/vietnam/phongchongbao/pics/PageImages/yellowgradient.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#sidecontentright {
	font-size: 0.7em;
	padding: 10px;
	margin-right: 13px;
	
}
#sidecontent p{
	line-height: 1.35em;
	margin: 2px 0;
}
#tableMinis {
	border-collapse: collapse;  border: 0; cellpadding: 0; cellspacing: 0; 
	border-spacing: 0px; border-top: 1px solid #eee; border-right: 1px solid #999;
	border-bottom: 1px solid #999; border-left: 1px solid #eee;
	background: transparent; 
}
/********HEADINGS*******/
h1 { 	
	font: 2em "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
	color : #CF9;
	FONT-WEIGHT: bold; 
	letter-spacing: 0.25em; 
	line-height: 1.5em;
	
}
h2, h3 { FONT-FAMILY: Arial, Verdana, Helvetica,Geneva; 
	FONT-SIZE: 1.7em; 
	margin: 1.5em 0 0 0;
	color : #a38426;
	}	
h4 {FONT-FAMILY: Arial, Verdana, Helvetica,Geneva; 
	FONT-SIZE: 1.3em; 
	FONT-WEIGHT: bold; 
	margin: 1.8em 0 1.8em 0;
	letter-spacing: 0.25em; 
	line-height: 2em;
	color : #C66;
}
h5, h6 { color : #C90;
	margin: 1.5em 0 0 0;
	font-size: 1.25em;
}
td {padding: 8px;}
#sidecontentright h3.topheading {
	margin: 1.8em 0 0 0;
}
UL { 
	list-style:none; margin-left: -5px;  
}
.sidebar_list UL  { 
	font-size: 1.1em;  
	list-style-image: url('http://www.dwf.org/vietnam/phongchongbao/pics/green_bullet2.gif'); 
	
}
.sidebar_list UL li { 
 
	border-top: 1px dotted #666;
}
 
/*CLEARING the LAYOUT FLOATS*/
.clearit {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

/********BOTTOM SHADOW GRAPHIC**********/
#bottom {
	background-image: url(../PageImages/footer.gif);
	background-repeat: no-repeat;
	height: 55px;
	background-position: left bottom;	
	

}
#bottomtest {
	position: absolute;
	background-image: url(../PageImages/footer.gif);
	background-repeat: no-repeat;
	height: 55px;
	margin-bottom: -200px;
}

/***********FOOTER************/
/*Footer Container*/
#footerbox {
	width: 750px;
	margin: 0 auto;
	font-size: 0.7em;
	color: #999999;
}
/*Footer Content*/
#footer {
	padding: 0 0 0 30px; text-align: center;
}




/* Link Link Styles*/
.caption a, .caption a:visited, .caption a:hover {
	color: #06C;
	cursor: default;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}
.p7fix a:active, .caption a:active, .caption a:focus {
	color: #FFFFFF;
	background-color: transparent;
	cursor: pointer;
	font-size: .8em;
}
/*********PAGE LINK STYLES********/
#columnwrapper a:hover, #columnwrapper a:active, #columnwrapper a:focus, 
#footer a:hover, #footer a:active, #footer a:focus {
	background-color: #4D4D4D;
	color: #FFFFFF;
	text-decoration: none;
}
.tdtitle a:hover {text-decoration: none; background: transparent;}


TABLE {
	BORDER: 0; PADDING: 0;   FONT-SIZE: 1em;  MARGIN: 0; BORDER-COLLAPSE: collapse; 
}
thead {text-align: center; border-bottom: 1px solid #ccc;}
a { color: #663300;}
a: {color: #663300; text-decoration: none}
a:link { color : #993300; text-decoration : none }
a:visited { color : #993300; text-decoration : none }
a:hover { color : #009933; text-decoration : underline }
.caption a: {color: #ccffcc; text-decoration: none; font-weight:bold;}
.caption a:link { color : #663300; text-decoration : none; font-weight:bold; }
.caption a:visited { color : #663300; text-decoration : none; font-weight:bold;}
.caption a:hover { color : #009933; text-decoration : underline; background-color: #B4C3AE; }


/********MENU FLYOUT**********/

#cgroup1 {	 COLOR: #000066; background-color: #eeeeee; border-top: 1px solid #9999CC; border-bottom: 1px solid #9999CC; text-align: top}
#cgroupAll {	background-color: #eeeeee; margin: 5px; padding: 2px; border: 1px solid #CCC;}
#cgroupBlack {	 COLOR: #EEEEEE; background-color: #9999CC; font-weight: bold; padding-left: 5px; }
#cgroupDark {height: 30px; padding: 0; BACKGROUND: url(http://www.dwf.org/vietnam/phongchongbao/pics/Symbols/icon_td.gif) repeat-x left top;}
#cgroupDark A:hover {background: #99ffcc; padding: 0;}
.cgroupDark A {background: #99ffcc}
#cgroupTable {	 border: 1px solid #CC9933;  transparent; background-image: url('http://www.dwf.org/vietnam/phongchongbao/pics/spacer_table.gif'); }
#menu01, #menu02, #menu03, #menu04, #menu05, #menu06, #menu07, #menu08, #menu09, #menu10, 
	#menu11, #menu12, #menu13, #menu14, #menu15, #menu16, #menu17, #menu18, #menu19, #menu20, 
	#menu21, #menu22, #menu23, #menu24, #menu25, #menu26, #menu27, #menu28, #menu29, #menu30, 
	#menu31, #menu32, #menu33 {
	POSITION: absolute; right: 55px; margin-right: 2px; width: 30%; FONT-SIZE: 0.8em; top:220px; 
	text-align: left; z-index:6; VISIBILITY: hidden;	background: #eee; COLOR: #666666; 
	border: 1px dotted #CC9; padding: 5px; 
}
#hover01, #hover02, #hover03, #hover04, #hover05, #hover06, #hover07, #hover08, #hover09, #hover10 {
	POSITION: absolute;  top:200px; left: 350px; width: 200px; FONT-SIZE: 0.75em;  
	text-align: left; z-index:100; VISIBILITY: hidden;	background: #eeeeee; COLOR: #666666; 
	border-left: 3px dotted #CC9; padding: 10px; 
}

	
/* general classes */
.admin {	
	left: 20px;	position: absolute;	top: 100px;}

.bold {	
	FONT-WEIGHT: bold; color : #a38426;}
.boldUnderline {	
	FONT-WEIGHT: bold; COLOR: #C93; border-bottom: 1px solid #FC0;}

.caption { 
	font-size: 1em;	color: #999;
}
.captionDark { 
	font-size: 1em;	color: #333;
}
.centre {text-align: center;}
.cgroupTable { padding: 0; margin: 0}
.floatRight { float: right; padding: 0 10px 0 10px }
.floatLeft { float: left; padding: 0 10px 0 10px }
.floatClear { clear: both }


.headBold {	color:#996699;  FONT-WEIGHT: bold; letter-spacing: 0.25em; font-size: 1.2em;}
.headBold2 {	background-color: #FFFFFF; letter-spacing: 0.25em; }
.headBoldRed {	color:#FFF;  background-color:#FF0033; FONT-WEIGHT: bold; letter-spacing: 0.25em; font-size: 1.2em;}
.headTableRight {padding: 10px 0 10px 0}
.line { 
	width: 400px; background:  url('http://www.dwf.org/vietnam/phongchongbao/pics/Symbols/line_dot.gif') repeat-x; }
.linepale {
	border-left: 1px solid #FFFFFF; border-bottom: 1px dotted #C93;
}
.outdent { COLOR: #CF9;
	font-size: 2em;
	FONT-WEIGHT: bold; 
	letter-spacing: 0.25em; 
	line-height: 1.5em;
}	
.smallblack {font-size: 0.9em}
.subhead { 
	border-bottom: 1px solid #099;  COLOR: #099; font-weight: bold;  letter-spacing: 0.25em; LINE-HEIGHT: 3em;
}
.tdLeft {	
	border-top: 1px solid #666;  background: #999; padding: 5px 1px; }
.tdRight {	
	border-top: 1px solid #666; background: #999; padding: 5px 1px; text-align: right; }
.top {padding-top: 0px; vertical-align: top;   }
#press01, #presss02, #press03 {
	position: absolute; border: 1px solid #ccc; BACKGROUND: #FFF; 
	margin-left:130px; left: 30px; top:125px; width:400px;  z-index:300; padding: 17px;
	font-size: 0.8em; text-align: left;
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity: 0.9 !important;
}
#texts01, #texts02, #texts03, #texts04, #texts05, #texts06, #texts06, #texts07, #texts08, #texts09, #texts10, #texts11, #texts12, #texts13, #texts14, #texts15, #texts16, #texts17, #texts18, #texts19 {
	position: absolute; border: 1px solid #ccc; BACKGROUND: #FFF; 
	margin-left:330px; left: 30px; top:265px; width:213px; height: 170px; z-index:300; padding: 17px;
	font-size: 0.8em; text-align: left;
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity: 0.9 !important;
}
#texts21, #texts22, #texts23, #texts24, #texts25, #texts26, #texts26, #texts27, #texts28, #texts29 {
	position: absolute; border: 1px solid #ccc; BACKGROUND: #FFF; 
	margin-left:230px; left: 30px; top:265px; width:213px;  z-index:300; padding: 17px;
	font-size: 0.8em; text-align: left;
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: 0.8 !important;
}

/* keep for now: