/********* BROWSER RESET ***************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/********* END BROWSER RESET ***************************/

body{
background-color:#A9E2F6;
font-family:"Trebuchet MS", verdana, arial, Helvetica;
margin-top:0px;
font-size:14px;
line-height:1.5em;
}
#container{
background-color:#A9E2F6;
width:757px;
margin-left: auto;
margin-right: auto;
}
#tapproject{
background-image:url(../images/heading2.jpg);
width:757px;
height:104px;
background-repeat:no-repeat;
}

/*********** BEGINNING OF MENU *********************/
#menu_background{
width:757px;
height:90px;
background-image:url(../images/menu_background.jpg);
background-repeat:no-repeat;
}
#menu{
width:757px;
height:22px;
/*margin:auto;*/
}
#menu img{
	margin-left:2px;
	float:left;
}

#e_news{
width:194px;
height:21px;
float:right;
margin-top:24px;
margin-right:7px;
}
#e_news_about{
width:194px;
height:21px;
float:right;
margin-top:21px;
}
#e_news_media{
width:194px;
height:21px;
float:right;
margin-top:21px;
margin-right:7px;
}
#news_letter_about{
width:750px;
height:42px;
margin-top:27px;
padding-right:0;
}
#news_letter_media{
width:501px;
height:42px;
margin-top:26px;
padding:0;
}
#news_letter{
width:750px;
height:21px;
text-align:right;
}
* html #news_letter{ /*IE only */
width:750px;
height:19px;
text-align:right;
padding-right:7px;
}

/**************END OF MENU*************/

#squares{
height:157px;
width:750px;
background-image:url(../images/background.jpg);
background-repeat:no-repeat;
}
#square1{
width:156px;
height:157px;
float:left;
}
#square2{
width:156px;
height:157px;
float:left;
margin-left:43px;
}
#square3{
width:155px;
height:157px;
float:left;
margin-left:42px;
}
#square4{
width:155px;
height:157px;
float:right;
margin-left:43px;
}
#space{
width:757px;
height:90px;
text-align:center;
font-family:"Trebuchet MS", verdana, arial, Helvetica;
margin-top:0px;
font-size:15px;
color:#59839B;
}
#textbox1{
width:156px;
height:80px;
float:left;
}
#textbox2{
width:156px;
height:80px;
float:left;
margin-left:43px;
}
#textbox3{
width:155px;
height:80px;
float:left;
margin-left:42px;
}
#textbox4{
width:155px;
height:80px;
float:right;
margin-left:43px;
}

#border_top{
background-image:url(../images/border_top.gif);
background-repeat:no-repeat;
width:757px;
height:10px;
margin:0px;
font-size:1px;
}

#content{
width:757px;
height:650px;
background-color:#FFFFFF;
color:#59839B;
margin:0px;
}
* html #border_top{ /*IE only */
margin-bottom:-11px;
}
#border_left{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:650px;
float:left;
margin:0px;
}
#left_text{
width:348px;
float:left;
margin:15px 0px 0px 15px;
}
#right_text{
width:347px;
float:left;
margin:15px 0px 0px 15px;
}
#border_right{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:650px;
float:right;
margin:0px;
}
#border_bottom{
background-image:url(../images/border_bottom.gif);
background-repeat:no-repeat;
width:757px;
height:11px;
clear:both;
margin:0px;
}
#unicef_logo{
background-image:url(../images/unicef_logo.gif);
background-repeat:no-repeat;
width:110px;
height:41px;
margin-left:322px;
margin-top:30px;
}
#copyright{
color:#FFFFFF;
text-align:center;
font-size:12px;
height:20px;
margin-top:10px;
clear:both;
}
a{
color:#00ccff;
text-decoration:underline;
}
a:hover{
color:#00ccff;
text-decoration:underline;
}

/*********** BEGINNING OF ABOUT SUB MENU *********************/
#sub_menu{
	margin-top:16px;
}
* html #about_sub1 { /*IE only */
margin-right:16px;
}
* html #about_sub2 { /*IE only */
margin-right:16px;
}
#about_sub1{
width:58px;
height:10px;
float:left;
margin-right:32px;
}
#about_sub2{
width:58px;
height:10px;
float:left;

}
#about_sub3{
width:78px;
height:10px;
float:left;
margin-right:32px;
}
#content_about{
width:757px;
height:600px;
background-color:#FFFFFF;
color:#59839B;
margin:0px;
}
#border_left_about{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:600px;
float:left;
margin:0px;
}
#border_right_about{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:600px;
float:right;
margin:0px;
}
div#right_text img{
	margin-bottom:7px;
}
/*********** BEGINNING ABOUT_ WORLD WATER *********************/
div#right_text_world img{
	margin-bottom:7px;
}
#left_text_world{
width:465px;
float:left;
margin:15px 0px 0px 15px;
}
#right_text_world{
width:230px;
float:left;
margin:15px 0px 0px 15px;
}
/*********** BEGINNING ABOUT_ TAP WATER *********************/
#left_text_tap_water{
width:710px;
float:left;
margin:15px 0px 0px 15px;
}
div #left_text_tap_water ul{
	margin-left:10px;
}
div #left_text_tap_water ul li{
	line-height:1.5em;
	margin-bottom:15px;
}
#content_tap_water{
width:757px;
height:700px;
background-color:#FFFFFF;
color:#59839B;
margin:0px;
}
#border_left_tap_water{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:700px;
float:left;
margin:0px;
}
#border_right_tap_water{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:700px;
float:right;
margin:0px;
}
#factsmap{
width:757px;
background:url(../images/bg_map.jpg) no-repeat top;
text-align:center;
height:350px;
}
/*********** BEGINNING ABOUT_LAOS *********************/
#left_text_about_laos{
width:710px;
float:left;
margin:15px 0px 0px 15px;
}
div #left_text_about_laos ul{
	margin-left:10px;
}
div #left_text_about_laos ul li{
	line-height:1.5em;
	margin-bottom:15px;
}
#content_about_laos{
width:757px;
height:1500px;
background-color:#FFFFFF;
color:#59839B;
margin:0px;
}
#border_left_about_laos{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:1500px;
float:left;
margin:0px;
}
#border_right_about_laos{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:1500px;
float:right;
margin:0px;
}

/*********** BEGINNING SCHOOLS *********************/
#left_text_schools{
width:348px;
float:left;
margin:15px 0px 0px 15px;
}
#right_text_schools{
width:347px;
float:left;
margin:15px 0px 0px 15px;
}
#content_schools{
width:757px;
height:730px;
background-color:#FFFFFF;
color:#59839B;
margin:0px;
}
#border_left_schools{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:730px;
float:left;
margin:0px;
}
#border_right_schools{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:730px;
float:right;
margin:0px;
}

/*********** BEGINNING RESTAURANTS *********************/
#register_btn{
margin: 15px 0 0 0;
float:left;
}
#register_txt{
float:right;
}
#register_box{
clear:both;
}
#left_text_rest{
width:710px;
float:left;
margin:15px 0px 0px 15px;
}
div #left_text_rest table{
	margin-left:10px;
}
div #left_text_rest ul{
	margin-left:22px;
}
div #left_text_rest ul li{
	line-height:1.5em;
	margin-bottom:15px;
}
#content_rest{
    width:757px;
    height:3200px;
    background-color:#FFFFFF;
    color:#59839B;
    margin:0px;
}
#border_left_rest{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:3200px;
float:left;
margin:0px;
}
#border_right_rest{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:3200px;
float:right;
margin:0px;
}
li{
margin-left:-22px;
margin-top:-15px;
}
ul{
margin-left:-22px;
margin-top:15px;
}
.links{
margin-top:12px;
}

/*********** BEGINNING REGISTER *********************/
#left_text_register{
width:710px;
float:left;
margin:15px 0px 0px 15px;
}
div #left_text_register table{
	margin-left:10px;
}
div #left_text_register ul{
	margin-left:20px;
}
div #left_text_register ul li{
	line-height:1.5em;
	margin-bottom:15px;
}
#buttons{
float:right;
margin-top:5px;
}
#content_register{
width:757px;
height:1040px;
background-color:#FFFFFF;
color:#59839B;
margin:0px;
}
#border_left_register{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:100%;
float:left;
margin:0px;
}
#border_right_register{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:100%;
float:right;
margin:0px;
}
.divider{
border-bottom:thin;
border-bottom-style:dotted;
border-bottom-color:#0099cc;
margin-bottom:-2px;
}
.error{
color:#FF0000;
}


/*********** BEGINNING DONATE *********************/
div#right_text_donate_story img{
	margin-bottom:7px;
}
#left_text_donate_story{
width:348px;
float:left;
margin:15px 0px 0px 15px;
}
#right_text_donate_story{
width:347px;
float:left;
margin:15px 0px 0px 15px;
}
#left_text_donate{
width:710px;
float:left;
margin:15px 0px 0px 15px;
}
#content_donate{
width:757px;
height:1000px;
background-color:#FFFFFF;
color:#59839B;
margin:0px;
}
#border_left_donate{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:1000px;
float:left;
margin:0px;
}
#border_right_donate{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:1000px;
float:right;
margin:0px;
}
#donate_btn{
margin: 15px 0 0 0;
}
/*********** BEGINNING MEDIA *********************/
#content_media{
width:757px;
height:770px;
background:url(../images/bg_map.jpg) no-repeat top;
color:#59839B;
margin:0px;
}
#left_media{
width:501px;
float:left;
margin:0;
}
#right_media{
width:210px;
float:left;
margin:15px 0px 0px 15px;
}
#round_media_top{
width:501px;
height:5px;
font-size:1px;
margin:0px;
background:url(../images/bg_media_top.gif) no-repeat;
}

#round_media_bottom{
width:501px;
height:6px;
font-size:1px;
margin:0px;
background:url(../images/bg_media_bottom.gif) no-repeat;
}
#media_txt{
	margin: 0 0 0 15px;
	width:471px;
}
#media_box{
width:501px;
height:640px;
margin:0px;
background:url(../images/bg_media.gif) repeat-y;
}
div#right_media a{
	color:#2a6a81;
}
/*********** BEGINNING PARTNERS *********************/
#content_partner{
width:757px;
height:700px;
background-color:#FFFFFF;
color:#59839B;
margin:0px;
}
#border_left_partner{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:700px;
float:left;
margin:0px;
}
#border_right_partner{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:700px;
float:right;
margin:0px;
}
.partner_box{
margin-top:20px;
width:703px;
}
.left_partner{
width:226px;
float:left;
margin:15px 0px 30px 0;
background:#000;
text-align:center;
color:#fff;
}
.right_partner{
width:450px;
float:left;
margin:15px 0px 30px 15px;
background:#CC6600;
}
div.partner_box table img{
	margin:0;
	padding:0;
}
/*********** BEGINNING CONTACT *********************/
#content_contact{
width:757px;
height:400px;
background-color:#FFFFFF;
color:#59839B;
margin:0px;
}
#border_left_contact{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:400px;
float:left;
margin:0px;
}
#border_right_contact{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:400px;
float:right;
margin:0px;
}
/*********** BEGINNING CONTACT *********************/
#content_policy{
width:757px;
height:890px;
background-color:#FFFFFF;
color:#59839B;
margin:0px;
}
#border_left_policy{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:890px;
float:left;
margin:0px;
}
#border_right_policy{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:890px;
float:right;
margin:0px;
}
/*********** BEGINNING GET INVOLVED *********************/
#content_getinvolved{
width:757px;
height:730px;
background-color:#FFFFFF;
color:#59839B;
margin:0px;
}
#border_left_getinvolved{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:730px;
float:left;
margin:0px;
}
#border_right_getinvolved{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:730px;
float:right;
margin:0px;
}
#left_text_getinvolved_story{
width:348px;
float:left;
margin:15px 0px 0px 15px;
}
#right_text_getinvolved_story{
width:347px;
float:left;
margin:15px 0px 0px 15px;
}
/*********** FONTS *********************/
.title{
color:#00ccff;
font-size:20px;
font-weight:bold;
}
.title_dark{
color:#0099cc;
font-size:20px;
font-weight:bold;
}
.contact_txt{
color:#2a6a81;
font-size:14px;
font-weight:bold;
line-height:1.5em;
}
.contact_txt a{
color:#2a6a81;
font-size:14px;
font-weight:bold;
}
.sub_title{
color:#0099cc;
font-size:16px;
font-weight:bold;
}
.image_txt{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:10px;
line-height:1.3em;
}
.gray_samll{
font-family:Arial, Helvetica, sans-serif;
color:#999;
font-size:10px;
}
div.partner_box a{
color:#00ccff;
font-weight:bold;
}
div#copyright a{
	color:#fff;
}
div#left_text_tap_water .back_btn a{
	color:#00ccff;
	font-size:14px;
	font-weight:bold;
}
div#left_text_tap_water .back_btn a:hover{
	color:#00ccff;
	font-size:14px;
	font-weight:bold;
}
.area_txt{
	color:#0099cc;
	text-decoration:underline;
	font-size:14px;
	font-weight:bold;
}
/*****FORM****/
#content_signIn{
width:757px;
height:330px;
background-color:#FFFFFF;
color:#59839B;
margin:0px;
}
#border_left_signIn{
background-image:url(../images/border_left.gif);
background-repeat:repeat-y;
width:11px;
height:330px;
float:left;
margin:0px;
}
#border_right_signIn{
background-image:url(../images/border_right.gif);
background-repeat:repeat-y;
width:11px;
height:330px;
float:right;
margin:0px;
}
/*------------- DONATE FORM ----------------*/
#ProjectDonation{
	background-color:#CCC;
	width:347px;
	margin:auto;
}
.blue-box{
	background-color:#00ccff;
	color:#FFF;
}
.dotted{
	border-bottom:thin;
	border-bottom-color:#FFF;
	border-bottom-style:dotted;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}
.body{
	padding:0 10px 10px 10px;
}
.body a{
color:#00ccff;
text-decoration:none;
font-size:10px;
}
.grey-box{
	color:#000;
	font-size:14px;
}
.half{
 float:left;
 padding-right:10px;
}
.half-right{
 float:left;
 font-size:12px;
}
.other{
 float:left;
 font-size:12px;
}
#ProjectDonation legend{
 font-weight:bold;
}
form .error {background:#FFFFCB;}
input:focus {outline: 0 none;}
label.replace {display:none;}

.head{
	background:url(../images/donate_top_bg.gif) no-repeat;
}
.footer{
	background:url(../images/donate_bottom_bg.gif) no-repeat;
	background-color:#FFF;
}


/*forms*/
#nobots {display:none;}
fieldset {border:none;margin:0;padding:7px;}
legend {font-size:12px;font-weight:bold;color:#000;padding:0;}


.sidebar-donation {color: #fff;}
.sidebar-donation .blue-box .body  { padding: 5px 10px;border:none;}
.sidebar-donation h3 {border-bottom:1px dotted #fff;color:#fff;font-size:14px;padding: 0 0 5px 0;}
.sidebar-donation p {margin:0;padding: 7px 0;}
.sidebar-donation .grey-box .body {padding: 5px 0;}
.sidebar-donation select {margin:2px 1px;padding:1px 0;font-size:11px;color:#666;}
.sidebar-donation input {font-size:11px;color:#666;}

/*.sidebar-donation .half {padding:0;width:49%;float:left;}*/
.sidebar-donation .third {width:30%;}
.sidebar-donation .twothirds {width:64%;}
.sidebar-donation .right {float:right;}
.sidebar-donation .post {float:right;}
.sidebar-donation label {padding-right:5px;color:#000;}
.sidebar-donation button {margin: 10px 0 0 0; background-color:#00ccff; color:#FFF; font-size:14px; font-weight:bold; border-color:#00C0F0;}
.sidebar-donation button .l {width: 185px; padding-bottom:10px;}
.sidebar-donation #countrylist {width: 98%;}
.sidebar-donation label, #amountOther, #amount {float:left;line-height:22px;}
#amountOther {width: 53px;}
#amount {width:80px;}
#email, #addr1, #addr2, #city, #country, #Sidebar textarea {width:98%; margin-bottom:3px;}

#ProjectDonation  .button {width:100%; padding-top:5px; padding-bottom:5px;}

#donation-splash {margin:0 0 10px 0;}
#donation-splash  .youtube embed {width:213px;height:180px;}
#donation-splash .body .third {font-size:16px;}

.emergencylist {width:180px;margin:0 0 20px;}
.emergencylist ul {margin:0;padding:0;}
.emergencylist li {margin:0 0 10px;list-style:none;}

/* text field classes */

	#contactForm .inactive{
		color:#666;
		}
	#contactForm .active{
		color:#666;
		}
	#contactForm .focused{
		color:#666;
		}
.other{
	display:inline;
}
.donateError,
.donateSuccess { margin: 2px 10px; }
.donateSuccess { color: #080; }
ul li a{
	font-family:"Trebuchet MS", verdana, arial, Helvetica;
	margin-top:0px;
	font-size:14px;
	line-height:1.5em;
	text-decoration:none;
	color:#59839B;
}
ul li a:hover{
	text-decoration:underline;
	color:#59839B;
}
.col-one{
	float:left;
	width:230px;
	}
.col-two{
	float:left;
	width:230px;
	}
.col-three{
	float:right;
	width:230px;
	}
.clear{
	clear:both;
	}