/* general styles */
form {display: inline;}
.wrap > table > tbody > tr > td:first-child { vertical-align: top; }
.wrap > table > tbody > tr > td:last-child { vertical-align: top; }
.wrap > table { font-size: 110%; }
#clear_top {clear: both; font-size: 0.1%;}
#clear_feature {clear: both; font-size: 0.1%;}
#clear_footer {clear: both; font-size: 0.1%;}

.nowrap {white-space: nowrap;}

.menu_box {background-color: #ECF5FE; padding: 0px; margin-bottom: 0px;}
.body_bg {background-image: url(/images/page_bg.gif); background-repeat: repeat-y;}
#body_bg {background-image: url(/images/page_bg.gif); background-repeat: repeat-y;}
.body_bg_padding {background: url(/images/page_bg.gif) repeat-y; padding-left: 0px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;}
.body_bg_padding_homepages {background: url(/images/page_bg.gif) repeat-y; padding: 10px;}

/* styles for top area */
#top_area {height: 89px; background: url(/images/top/top_bg2.gif) repeat-x; width: 754px;}
#top_blue {height: 65px; width: 754px;}
#logo_area {float: left; width: 365px; background: url(/images/top/top_bg.gif) repeat-x;}
#top_right {float: right; width: 389px;}
#logo_area_fr {float: left; width: 325px; background: url(/images/top/top_bg.gif) repeat-x;}
#top_right_fr {float: right; width: 429px;}
#top_links_fr {font-family: Arial; padding-top: 2px; padding-right: 10px; font-size: 10px; color: #FFFFFF; white-space: nowrap;}
#top_links_fr A:link {color: #FFFFFF ! important; text-decoration: none;}
#top_links_fr A:visited {color: #FFFFFF ! important; text-decoration: none;}
#top_links_fr A:hover {color: #E88D23 ! important; text-decoration: none;}

#top_links {padding-top: 2px; padding-right: 10px; font-size: 9px; color: #FFFFFF; white-space: nowrap;}
#top_links_area {text-align: right; height: 19px; background: url(/images/top/top_fade.jpg) no-repeat;}
#top_links {padding-top: 2px; padding-right: 10px; font-size: 9px; color: #FFFFFF; white-space: nowrap;}
#top_links A:link {color: #FFFFFF ! important; text-decoration: none;}
#top_links A:visited {color: #FFFFFF ! important; text-decoration: none;}
#top_links A:hover {color: #E88D23 ! important; text-decoration: none;}


#top_forms {position: absolute; top: 19px; left: 568px; width: 185px; white-space: nowrap; text-align: left; margin-top: 7px;}

#top_area_pop {height: 61px; height: 83px; background: url(/images/top/top_bg_pop2.jpg) repeat-x; width: 754px;}
#logo_area_pop {float: left; width: 365px; background: url(/images/top/top_bg_pop.jpg) repeat-x;}

.formfixed {caption: Form style (Use on form fields); font-family:  Verdana, Tahoma, Arial, Helvetica;  padding: 3px; border: 1px solid #7F9DB9; font-size: 11px; background-color: #EEEEEE; vertical-align: middle;}
.formfixed2 {caption: Form style (Use on form fields); font-family:  Verdana, Tahoma, Arial, Helvetica;  padding: 3px 3px 2px 3px; border: 1px solid #7F9DB9; font-size: 12px; background-color: #EEEEEE; margin: 1px; vertical-align: middle;}

/* styles for homepage */
#homepage_main {float: left; width: 547px;}
#homepage_rhs {float: right; width: 176px; padding-left:10px;}

.readmore {text-align: right; margin-top: 10px; font-size: 80%;}
.highlight {color: #000000; background-color: #01A6E6;}

/* styles for content */
#breadcrumb {font-size: 70%; color: #999999; margin-bottom: 10px;}

#breadcrumb A:link {color: #777777; text-decoration: none;}
#breadcrumb A:visited {color: #777777; text-decoration: none;}
#breadcrumb A:hover {color: #E88D23; text-decoration: none;}


.height_320 {height: 320px;}
.height_31 {height: 31px;}
.height_190 {height: 190px;}
.ecard_hr {border-bottom: 1px solid #00B8F3; margin-bottom: 5px;}


/* styles for footer */
#backtotop {margin-top: 8px; font-size: 70%;}
#backtotop A {text-decoration: none; font-weight: normal;}

#footer_box {background: url(/images/footer_bg.gif) no-repeat;}
#hp_footer_right {float: right; font-size: 70%; padding: 10px; width: 156px;}
#hp_footer_right2 {float: right; font-size: 70%; padding: 10px; width: 156px;}
#hp_footer_left {float: left; font-size: 70%; color: #777777; padding: 10px;}

#footer_left {float: left; padding: 10px 10px 10px 0px; width: 156px; font-size: 70%;}
#footer_right {float: right; width: 568px; font-size: 70%; color: #777777; padding: 10px 0px 10px 0px; line-height: 1.4em;}

#footer_left A {text-decoration: none;}
#hp_footer_right A {text-decoration: none;}


/* styles for the left hand menu */
.menu_style {background: #2d5bb5; color: #FFFFFF; font-size: 95%; font-weight: bold; padding: 3px 3px 4px 8px; border-bottom: 1px solid #FFFFFF;}

UL.menu {margin-top: 0px; margin-bottom: 0px;}


.menu li { margin-left: 0px; }
/* styles for menu level 1 */
LI.level1_off { margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/menu_arrow.gif) no-repeat /*down*/ 2px /*down*/ 6px; font-weight: bold; font-size: 85%; padding: 1px 3px 1px 22px; border-bottom: 1px solid #E1E1E1; background-color: #ECF5FE;}
LI.level1_on { margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/menu_arrow_down.gif) no-repeat /*down*/ 2px /*down*/ 3px; font-weight: bold; font-size: 85%; padding: 1px 3px 1px 22px; border-bottom: 1px solid #E1E1E1; background-color: #ECF5FE;}

LI.level1_off A:link {color: #000000; text-decoration: none;}
LI.level1_off A:visited {color: #000000; text-decoration: none;}
LI.level1_off A:hover {color: #E88D23; text-decoration: none;}

LI.level1_on A:link {color: #000000; text-decoration: none;}
LI.level1_on A:visited {color: #000000; text-decoration: none;}
LI.level1_on A:hover {color: #E88D23; text-decoration: none;}

table p { margin-bottom: 15px; }
table ul li, table ol li { margin-left: 42px; }
table ul, table ol { margin-bottom: 15px; }

/* styles for menu level 2 */
LI.level2_off {  margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/dash.gif) no-repeat /*down*/ 2px /*down*/ 6px; font-weight: normal; font-size: 85%; padding: 1px 3px 1px 22px; background-color: #ECF5FE;}
LI.level2_on {  margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/dash.gif) no-repeat /*down*/ 2px /*down*/ 3px; font-weight: bold; font-size: 85%; padding: 1px 3px 1px 22px; background-color: #ECF5FE; color: #02A8E6;}

LI.level2_off A:link {color: #000000; text-decoration: none;}
LI.level2_off A:visited {color: #000000; text-decoration: none;}
LI.level2_off A:hover {color: #E88D23; text-decoration: none;}

LI.level2_on A:link {color: #02A8E6; text-decoration: none;}
LI.level2_on A:visited {color: #02A8E6; text-decoration: none;}
LI.level2_on A:hover {color: #E88D23; text-decoration: none;}


/* styles for menu level 3 */
LI.level3_off {/*margin-left: -42px;*/ margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/dash.gif) no-repeat /*down*/ 2px /*down*/ 6px; font-weight: normal; font-size: 85%; padding: 1px 3px 1px 22px; background-color: #FFFFFF; border-left: 1px solid #ECF5FE; border-right: 1px solid #ECF5FE;}
LI.level3_on {/*margin-left: -42px;*/ margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/dash.gif) no-repeat /*down*/ 2px /*down*/ 3px; font-weight: bold; font-size: 85%; padding: 1px 3px 1px 22px; background-color: #FFFFFF; border-left: 1px solid #ECF5FE; border-right: 1px solid #ECF5FE;}

LI.level3_off A:link {color: #000000; text-decoration: none;}
LI.level3_off A:visited {color: #000000; text-decoration: none;}
LI.level3_off A:hover {color: #E88D23; text-decoration: none;}

LI.level3_on A:link {color: #02A8E6; text-decoration: none;}
LI.level3_on A:visited {color: #02A8E6; text-decoration: none;}
LI.level3_on A:hover {color: #E88D23; text-decoration: none;}


/* styles for menu level 4 */
LI.level4_off {/*margin-left: -42px;*/ margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/spacer.gif) no-repeat /*down*/ 2px /*down*/ 6px; font-weight: normal; font-size: 85%; padding: 1px 3px 1px 22px; background-color: #FFFFFF; border-left: 1px solid #ECF5FE; border-right: 1px solid #ECF5FE;}
LI.level4_on {/*margin-left: -42px;*/ margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/spacer.gif) no-repeat /*down*/ 2px /*down*/ 3px; font-weight: bold; font-size: 85%; padding: 1px 3px 1px 22px; background-color: #FFFFFF; border-left: 1px solid #ECF5FE; border-right: 1px solid #ECF5FE; color: #999999;}

LI.level4_off A:link {color: #999999; text-decoration: none;}
LI.level4_off A:visited {color: #999999; text-decoration: none;}
LI.level4_off A:hover {color: #E88D23; text-decoration: none;}

LI.level4_on A:link {color: #02A8E6; text-decoration: none;}
LI.level4_on A:visited {color: #02A8E6; text-decoration: none;}
LI.level4_on A:hover {color: #E88D23; text-decoration: none;}


LI.sitemap_level1 {/*margin-left: -39px;*/ margin-top: 0px; margin-bottom: 5px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/menu_arrow_down.gif) no-repeat /*down*/ 0px /*down*/ 5px; font-weight: bold; padding: 1px 0px 2px 24px;}

LI.sitemap_level2 {/*margin-left: -38px;*/ margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/dash_sitemap.gif) no-repeat /*down*/ 0px /*down*/ 6px; font-weight: normal; padding: 0px 0px 0px 11px;}


/* content page banner styles */
.banner_padding {padding-left: 10px;}

.doc_search_left {padding: 10px 0px 10px 10px; background-color: #B2E9FA;}
.doc_search_mid {width: 35px; background: url(/images/doc_search/box_bg.gif) repeat-y;}
.doc_search_right {padding: 10px 8px 10px 0px; background-color: #ECF5FE; font-size: 75%;}
.doc_search_keyword {float: left; width: 20px; text-align: center;}

.clear_page {clear: both; font-size: 0.1%;}
.stg {color: #999999; font-size: 75%;}

/* styles for the shops */
.shop_body_padding {background: url(/images/page_bg.gif) repeat-y; padding: 10px;}

/* page 1 */
.feature_bg {background: url(/images/homepage/feature_bg.gif) repeat-x; padding: 10px 5px 8px 10px; visible: false; vertical-align: top;}
.feature_bg2 {background: url(/images/shop/homepage/shop_bg.jpg) repeat-x; padding: 10px 5px 8px 10px; visible: false;}
.grey_grad {background: url(/images/shop/homepage/grey_gradient.jpg) repeat-x;}

LI.arrows {/*margin-left: -35px;*/ list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/shop/buttons/big_arrows.gif) no-repeat 0px 2px; font-weight: normal; padding: 0px 0px 5px 12px;}

/* page 2 */
.shop_header {color: #000000; font-weight: bold; font-size: 1.1em; margin:0px; padding: 0px;}
.shop_padding {padding: 0px 0px 0px 13px;}
.shop_left {float: left; width: 107px;}
.shop_right {float: right; width: 163px;}
#shop_listing_box {width: 550px;}
.shop_item_box {float: left; width: 270px;}
#shop_homepage {float: right; font-size: 85%; padding-right: 8px;}
#shoppingbag_pos {flaot: right; font-size: 85%; text-align: right; margin-bottom: 3px;}

#shopbreadcrumb {font-size: 70%; color: #999999; margin-bottom: 10px; float: left; width: 530px;}

#shopbreadcrumb A:link {color: #777777; text-decoration: none;}
#shopbreadcrumb A:visited {color: #777777; text-decoration: none;}
#shopbreadcrumb A:hover {color: #E88D23; text-decoration: none;}

.fade_hr {background: url(/images/grey_fade_hr.gif) no-repeat;}
.rh_grey_box {padding: 1px 10px 1px 10px; background-color: #eeeeee; text-align: center;}


/* page 3 */
.padding_20px {padding: 20px 40px 0px 20px;}


.blue_grad {background: url(/images/shop/homepage/blue_gradient.jpg) repeat-x;}


/* rhs styles */
.title_style_shop {background: url(/images/shop/homepage/title_bg_shop.jpg) repeat-x #00B7F1; color: #FFFFFF; font-size: 0.95em; font-weight: bold; padding: 3px 3px 4px 10px; border-bottom: 1px solid #FFFFFF; clear: both; visible: false;}

.td_lightblue {caption: Table cell colour (Light Blue); background-color: #ECF5FE; padding: 8px 0px 0px 0px;}
.grey_hr {border-bottom: 1px solid #E1E1E1;}


/* Youth Section Styles */
#youth_topforms {position: absolute; top: 28px; left: 568px; width: 185px; white-space: nowrap; text-align: left; margin-top: 7px;}
#youth_toplinks {float: right; padding-top: 7px; padding-right: 10px; font-size: 0.7em; color: #FFFFFF;}
#youth_topbg_africa {background: url(/images/waterwise/africa/top_image.gif) no-repeat; width: 754px; height: 95px;}
#youth_topbg_india {background: url(/images/waterwise/india/top_image.gif) no-repeat; width: 754px; height: 95px;}
#youth_logo {float: left; padding: 16px 0px 0px 10px;}

#youth_topforms {position: absolute; top: 28px; left: 568px; width: 185px; white-space: nowrap; text-align: left; margin-top: 7px;}
#youth_toplinks {float: right; padding-top: 7px; padding-right: 10px; font-size: 0.7em; color: #FFFFFF;}
#youth_topbg_africa {background: url(/images/waterwise/africa/top_image.gif) no-repeat; width: 754px; height: 95px;}
#youth_topbg_india {background: url(/images/waterwise/india/top_image.gif) no-repeat; width: 754px; height: 95px;}
#youth_logo {float: left; padding: 20px 0px 0px 10px;}

LI.ys_level1_off {/*margin-left: -39px;*/ margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/waterwise/icons/chev.gif) no-repeat /*down*/ 10px /*down*/ 3px; font-weight: bold; font-size: 95%; padding: 2px 6px 2px 22px; border-bottom: 1px solid #80dffa;}
LI.ys_level1_on {/*margin-left: -39px;*/ margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/waterwise/icons/chev_down.gif) no-repeat /*down*/ 10px /*down*/ 2px; font-weight: bold; font-size: 95%; padding: 2px 6px 2px 22px; border-bottom: 1px solid #80dffa;}

LI.ys_level1_off A:link, LI.ys_level1_off A:visited {color: #000000; text-decoration: none;}
LI.ys_level1_off A:hover {color: #E88D23; text-decoration: none;}

LI.ys_level1_on A:link, LI.ys_level1_on A:visited {color: #000000; text-decoration: none;}
LI.ys_level1_on A:hover {color: #E88D23; text-decoration: none;}

LI.ys_level2_off {/*margin-left: -49px;*/ margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/dash.gif) no-repeat /*down*/ 2px /*down*/ 4px; font-size: 90%; font-weight: normal; padding: 1px 3px 1px 20px;}
LI.ys_level2_on {/*margin-left: -49px;*/ margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/dash.gif) no-repeat /*down*/ 2px /*down*/ 4px; font-size: 90%; font-weight: bold; padding: 1px 3px 1px 20px;}

LI.ys_level2_off A:link, LI.ys_level2_off A:visited {color: #000000; text-decoration: none;}
LI.ys_level2_off A:hover {color: #E88D23; text-decoration: none;}

LI.ys_level2_on A:link, LI.ys_level2_on A:visited {color: #02A8E6; text-decoration: none;}
LI.ys_level2_on A:hover {color: #E88D23; text-decoration: none;}

LI.ys_level3_off {/*margin-left: -49px;*/ margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/spacer.gif) no-repeat /*down*/ 2px /*down*/ 4px; font-size: 90%; font-weight: normal; padding: 1px 3px 1px 20px;}
LI.ys_level3_on {/*margin-left: -49px;*/ margin-top: 0px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/spacer.gif) no-repeat /*down*/ 2px /*down*/ 4px; font-size: 90%; font-weight: bold; padding: 1px 3px 1px 20px;}

LI.ys_level3_off A:link, LI.ys_level3_off A:visited {color: #000000; text-decoration: none;}
LI.ys_level3_off A:hover {color: #E88D23; text-decoration: none;}

LI.ys_level3_on A:link, LI.ys_level3_on A:visited {color: #02A8E6; text-decoration: none;}
LI.ys_level3_on A:hover {color: #E88D23; text-decoration: none;}

#youth_lh_title {background: url(/images/waterwise/lhs/lh_title.gif) no-repeat #42cff7; padding: 12px 10px 7px 10px; color: #FFFFFF; font-size: 125%; font-weight: bold;}
#youth_menubg {background: url(/images/waterwise/lhs/lh_menubg.gif) repeat-y #ddf6fe;}
#youth_lhbg {background-color: #43cef5; padding: 10px;}

.sendpop {position: absolute; top: 134px; left: 158px; width: 430px; border: 5px solid #2D5BB5; background: #FFFFFF; vertical-align: text-top;}
.sendpop_top {height: 65px; background: url(/images/pop/pop_topbg.gif) repeat-x;}
.sendpop_fleft {float: left;}
.sendpop_fright {float: right;}
.sendpop_pad {padding: 8px 8px 13px 8px;}
.sendpop_forml {float: left; width: 140px; padding: 2px 0px 0px 0px;}
.sendpop_formr {float: left; width: 260px;}
.sendpop_hr {border-top: 1px solid #dddddd;}

.email_friend { font-size: 0.8em; text-decoration: none;caption: Link for emailing a friend the page;}

.forward_link {float:right; text-align:right; width:270px; margin:-2px 0px 0px 0px;}
.forward_link_fr {float:right; text-align:right; width:285px; margin:-2px 0px 0px 0px;}
.bcrumb_wrapper {float: left; width: 100%; border-bottom:1px solid #C0C0C0; margin-bottom:8px; }
.social { float: left; width:250px; margin-bottom:10px; }
.social .fb_edge_widget_with_comment { top: -3px; }

.frm_tickbox_left {float:left; width:30px;}
.frm_tickbox_right {float:left; width:90%; margin:4px 0 0 0;}
.menu_learn {
		background:none repeat scroll 0 0 #2D5BB5;
		border-bottom:1px solid #FFFFFF;
		color:#FFFFFF;
		font-size:95%;
		font-weight:bold;
		}

		li.learn_homework {
		background:url(/images/learn/homework.jpg) no-repeat scroll 2px 4px #ECF5FE !important;
		padding:6px 3px 6px 25px !important;
		}
		li.learn_news {
		background:url(/images/learn/news.jpg) no-repeat scroll 2px 4px #ECF5FE !important;
		padding:6px 3px 6px 25px !important;
		}
		li.learn_fundraise {
		background:url(/images/learn/fundraise.jpg) no-repeat scroll 2px 6px #ECF5FE !important;
		padding:6px 3px 6px 25px !important;
		}
		li.learn_videos {
		background:url(/images/learn/videos.jpg) no-repeat scroll 2px 5px #ECF5FE !important;
		padding:6px 3px 6px 25px !important;
		}
		li.learn_splash {
		background:url(/images/learn/splash_out.jpg) no-repeat scroll 4px 6px #ECF5FE !important;
		padding:6px 3px 6px 25px !important;
		}
		li.learn_games {
		background:url(/images/learn/games.jpg) no-repeat scroll 2px 4px #ECF5FE !important;
		padding:6px 3px 6px 25px !important;
		}
		li.learn_teachers {
		background:url(/images/learn/teachers.jpg) no-repeat scroll 2px 5px #ECF5FE !important;
		padding:6px 3px 6px 25px !important;
		}