@charset "utf-8";


* {
    margin:0;
    padding:0;
}

/** General Style Info **/
body {
    acolor: #009;
    font-family:Arial, Helvetica, sans-serif;
    margin: 0;
    background:url("../img/bg.jpg"); background-size:100%; 
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	
}
.pageBg{

}
a {
    color: #003d4c;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: #e08f1b;
    text-decoration:none;
}

a.menu{
    color: #fff;
    font-size: 16px;
    font-weight:normal;
    margin: 0 2px;
}


div.menu a{
    color: #fff;
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 12px;
    line-height: 31px;
    padding: 15px;
}


div.houserow-title{
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    margin-left: 124px;
    text-align: center;
    width: 661px;
    height:36px;
    line-height: 28px;
    background: url("../img/buildingHousePartnership_top_page_row.jpg") repeat-y scroll right top transparent;
}

div.houserow{
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-left: 124px;
    text-align: left;
    width: 661px;
    height:36px;
    background: url("../img/buildingHousePartnership_top_page_row.jpg") repeat-y scroll right top transparent;
}

div.houserow a{
    color: #fff;
    font-size: 14px;
    font-weight:normal;
}
div.houseroof{
    height:224px;
    width: 855px;
    background: url("../img/buildingHousePartnership_top_page.jpg") repeat-y scroll right top transparent;
}

div.menu a:hover, a.menu:hover{
    color: #e08f1b;
}

a img, img {
    border:none;
}
a.linktage{
    color: #222;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight:normal;
    text-decoration:underline;
}
a.admin-edit-content{
    color: #990000;
    font-size:13px;
    font-weight:normal;
}

h1, h2, h3, h4,h5 {
    font-weight: normal;
}
h1 {
    background:#fff;
    color: #003d4c;
    font-size: 100%;
}
h1.products{
    background: url("../img/bg-corner-green.png") no-repeat scroll right top transparent;
    font-size:20px;
    color: #FFF;
    height: 34px;
    padding: 12px 0 0 12px;
    vertical-align:middle;
    text-transform: uppercase;
}

h2 {
    color: #2c6877;
    font-size: 24px;
    text-align:center;
    font-weight: bold;
}

h2.water {
    color: #00A4E5;
    font-family:Arial, Verdana, Geneva, sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-align:left;
}

h3 {
    color: #2c6877;
    font-size: 27px;
    text-align:center;
}

h3.cottage {
    color: #000;
    font-size:17px;
    text-align:left;
    font-weight: bold;
}

h3.catalog{
    color: #C0C0C0;
    font-weight: bold;
    font-size:22px;
    text-align:left;
    padding: 9px 0 0 20px;
    display:inline-block;
}

h3.products{
    color: #000;
    font-size:13px;
    text-align:left;
    height:23px;
    background:#ebebec;
    padding: 9px 0 0 13px;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #BEBFC1;
}
h3.products a{
    color:#495e26;
    font-weight: normal;
}

h3.water {
    color: #00a5e6;
    font-family:Arial, Verdana, Geneva, sans-serif;
    font-size: 20px;
    text-align:left;
    font-weight: bold;
    margin-top:20px;
}

h3.family-partnership {
    background: url("../img/saving_partnership_title_bg.png") repeat-y scroll center top transparent;
    color: #003D4C;
    font-size: 20px;
    font-weight: bold;
    margin-bottom:9px;
    height: 45px;
    line-height: 42px;
}
div.toptext{
    text-align: right;
    border-radius: 5px;
    bottom: 12px !important;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    max-width: 50%;
}
div.toptext1{
    text-align: right;
    border-radius: 5px;
    bottom: 0px !important;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    max-width: 50%;
}
.toptext.family{
    background: #97B158;
}
.watersource{
    background: #0081C4;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    /*margin-top: 45px;*/
    max-width: 50%;
    padding: 10px 20px;
    /*position: absolute;*/    
    /*margin-right: 20px;*/
    text-align: right;
    float: right;
}
.toptext.school{
    background: #97B158;
}
div.partnership_toptext{
    color: #68B33C;
    font-size: 14px;
    margin: -30px auto 15px;
    text-align: center;
    width: 88%;
}
.partnership_house{
    color: #68B33C;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
}

h4 {
    color: #007800;
    font-weight: normal;
    clear: both;
}

h4.sub {
    color: #58595B;
    font-size: 13px;
    font-weight: bold;
}

h4.home, h4.water {
    clear:none;
}

h4.water {
    color: #00A4E5;
    font-size: 15px;
    font-weight: bold;
}

h4.water-partner {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin: 7px 0 17px;
}

div.album{
    color:#666;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}
div.album h4{
    font-size: 14px;
}

h5 {
    color: #58595B;
    font-size: 12px;
}

label{
    display: block;
}
table label{
    display: inline;
    line-height:27px;
}


a.asc:after {
    content: ' ⇣';
}

a.desc:after {
    content: ' ⇡';
}


input.short {
    float:left;
    width:70px;
    margin-right: 7px;
}

input.medium {
    float:left;
    width:170px;
    margin-right: 7px;
}

form table .input {
    margin-bottom:0;
}



div#bycause, div#byteam, div#byamount{
    padding-left: 27px;
    margin-top: 7px;
    margin-bottom: 7px;
}

div.description, pre, pre.map{
    color: #58595B;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    height: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    line-height: 19px;
}

div.toolbar, div.footbar{
    color: #58595B;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    margin: 17px 0;
    clear: both;
}
div.toolbar{
    text-align: left;
}
div.footbar{
    text-align: center;
}

pre.map{
    font-size:13px;
}

div#content-panel ul, li {
   list-style:none;
}
div#content-panel ul li a {
   	color: #FFFFFF;
    font-weight: normal;
    line-height: 17px;
}
div#content-panel img{
   	max-width:230px;
}
p {
    margin: 0;
}

/** Layout **/
#container {
    text-align: left;
}

#header{
    padding: 10px 20px;
}
#header h1 {
    line-height:20px;
    background: #003d4c url('../img/cake.icon.png') no-repeat left;
    color: #fff;
    padding: 0px 30px;
}
#header h1 a {
    color: #fff;
    background: #003d4c;
    font-weight: normal;
    text-decoration: none;
}
#header h1 a:hover {
    color: #fff;
    background: #003d4c;
    text-decoration: underline;
}
#content{
    background: #fff;
    clear: both;
    color: #333;
    padding: 10px 20px 10px 20px;
    overflow: auto;
}

div.header {
    background: url("../img/bg_headline.gif") repeat-y scroll right top transparent;
    border: 0;
    background-color: #f3b358;
    box-shadow: 0 3px 4px rgba(3, 3, 6, 0.4);
    position: relative;
    width: 100%;
}

div.banner {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid;
    border-right: 1px solid;
    width:980px;
}

div.banner_familiy_partnership{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid;
    border-right: 1px solid;
    width:980px;
    height: 250px;
    background: url("../img/banner/banner_savingpartnership.jpg") no-repeat scroll center 0 transparent;
}
a.banner_familiy_partnership_donate{
    background: none;
    height: 85px;
    margin-left: 474px;
    margin-top: 240px;
    position: absolute;
    width: 124px;
    z-index: 1;
}
div.house_building_bottom{
    width: 173px;
    height: 231px;
    background: url("../img/donate_house.jpg") no-repeat scroll 0 transparent;
    float: right;
}
div.familiy_partnership_bottom{
    width: 141px;
    height: 188px;
    background: url("../img/donate.jpg") no-repeat scroll 0 transparent;
    float: right;
}
a.familiy_partnership_bottom{
    width: 141px;
    height: 188px;
    float: right;
    z-index: 1;
    position: absolute;
}
div.schools_bottom_donate{
    width: 201px;
    height: 152px;
    float: right;
    background: url("../img/donateboard.png") no-repeat scroll 0 transparent;
}
div.water_source_bottom_donate{
    width: 182px;
    height: 117px;
    float: right;
    background: url("../img/donate_water_partners.png") no-repeat scroll 0 transparent;
}
a.water_source_bottom_donate{
    width: 182px;
    height: 117px;
    float: right;
    z-index: 1;
    position: absolute;
    background: none;
}
a.schools_bottom_donate{
    width: 201px;
    height: 152px;
    float: right;
    z-index: 1;
    position: absolute;
    background: none;
}
a.house_building_bottom{
    width: 173px;
    height: 231px;
    float: right;
    z-index: 1;
    position: absolute;
}
div.banner_house_building {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid;
    border-right: 1px solid;
    width:980px;
	height: 250px;
    background: url("../img/banner/banner_housebuilding.jpg") no-repeat scroll center 0 transparent;
}
div.banner_schools {
    background: url("../img/banner/banner_schools.jpg") no-repeat scroll center 0 transparent;
    border-left: 1px solid;
    border-right: 1px solid;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 980px;
	height: 250px;
}
div.banner_water_sourse {
    background: url("../img/banner/banner_watersources.jpg") no-repeat scroll center;
    border-left: 1px solid;
    border-right: 1px solid;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 980px;
	height: 250px;
}
a.banner_water_sourse {
    background: none repeat scroll 0 0 transparent;
    height: 96px;
    margin-left: 730px;
    margin-top: 207px;
    position: absolute;
    width: 135px;
    z-index: 1;
}
a.banner_schools {
    background: none repeat scroll 0 0 transparent;
    height: 125px;
    margin-left: 644px;
    margin-top: 469px;
    position: absolute;
    width: 180px;
    z-index: 1;
}
div.banner_home {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid;
    border-right: 1px solid;
    width:980px;
	background-color:#FFF;  
    /*height: 419px;*/
    /*background: url("../img/adsHome1.jpg") no-repeat scroll center 0 transparent;*/
}
a.house_building_donate{
    background-color: none;
    height: 85px;
    margin-left: 487px;
    margin-top: 235px;
    position: absolute;
    width: 125px;
    z-index: 1;
}

div.plan{
    margin-right: 17px;
    margin-bottom: 27px;
    width: 403px;
    display:inline-block;
    background-color: #4A5E2B;
    padding: 17px;
}

div.partnerlist, div.admin-partnerlist{
    display: inline-block;
    font-weight: bold;
    color:#003D4C;
    background: url("../img/saving_partnership_list_bg.png") repeat-y scroll right top transparent;
    margin: 7px 17px 7px 0;
    margin-bottom: 8px;
    padding: 10px 22px;
    width: 383px;

}
div.partnerlist a{
    color:#fff;
    font-size: 14px;
    font-weight:normal;
}

div.admin-partnerlist{
    margin: 0 0 8px;
    padding-bottom:5px;
    width: 417px;
}
div.admin-partnerlist div{
    padding-left:10px;
}


div.plan div{
    color: #fff;
    font-size:12px;
}

div.partnerlist div, div.admin-partnerlist{
    font-size:12px;
}

div.partnerlist div
{
    font-size:14px;
}

div.right{
    display:inline; float:right;

}


div.pos-left, div.pos-1, div.photo-1{
    clear: both;
    margin-top: 20px;
    width:324px; float:left; 
    padding-right:0;
}

div.pos-right, div.pos-next, div.photo-next{
    margin-top: 20px;
    width:324px; float:left;
    padding-left:34px
}

div.pos-next{
    padding-left:37px;
}
div.photo-1{
    border:3px solid #FFF;
    box-shadow: 1px 3px 3px rgba(3, 3, 6, 0.5);
}

div.photo-next{
    padding-left:0;
    margin-left:22px;
    border:3px solid #FFF;

    box-shadow: 1px 2px 4px rgba(3, 3, 6, 0.5)
}

a.addnew{
    color: #f3b358;
    display: block;
    font-size: 13px;
    font-weight: normal;
    height: 26px;
    margin: 6px 0;
}

div.right a img{
    margin-left: 7px;
}

div.newplan{
    width:403px;
    padding: 7px 17px;
    background-color:#4A5E2B;
    margin-bottom: 7px;
}

div.editplan{
    background-color: #FFFFFF;
    display: inline-block;
    margin-top: 17px;
    padding: 2px 0;
    text-align: center;
    width: 49%;
}

div.newplan	 a{
    color: #fff;
}


div.image{
    width:400px;
    height:340px
}


div.logocontext {
    /*float: left;*/
    font-family: 'Helvetica Neue LT Std',arial;
    font-size: 41px;
    font-weight: 600;
    color: white;
    height: 53px;
    margin-left: 80px;
    padding-top: 42px;
    text-shadow: 0.1em 0.07em 0.07em #222222;
}


/*search*/
div.search{
    float: right;
    font-size: 12px;
    margin-top: 10px;
    margin-right: -9px;
}
div.search form div{
    display: inline;
    padding: 0px;
    margin: 0px;
}
div.search form div.submit {
    margin-left: -47px;
    margin-top: 4px;
    padding: 0;
    position: absolute;
}
div.search input[type="text"]{
    background: url("../img/search.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 38px;
    margin: 0;
    padding: 5px;
    width: 189px;
    padding-top: 0;
    text-indent: 5px;
    font-size: 12px;
}
div.search input[type="submit"]{
    width: 26px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
}
.search_title{
    color: #008000 !important;
    font-size: 13px  !important;
    font-weight: bold;
}
.search_desc{
    color: #58595B  !important;
    font-family: Arial,Helvetica,sans-serif  !important;
    font-size: 12px !important;
    line-height: 19px !important;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
}
.search_content{
    margin-left: 12px;
    margin-right: auto;
    color: #58595B  !important;
    font-family: Arial,Helvetica,sans-serif  !important;
    font-size: 12px !important;
}
.search_content ol{
    margin:0px;
}
.search_content ol li{
    list-style: decimal !important;
    display: list-item;
    padding-bottom: 20px;
}
.search_content_result{
    padding: 20px;
}
.highlight{
    background-color: #f0f54f;
}


div.headercontent {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #000;
    border-bottom: 0;
    padding-top: 8px;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    height: 138px;
}
div.headercontentBack {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #000;
    border-bottom: 0;
    padding-top: 8px;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    height: 145px;
}
div.headercontext {
    float: right;
    font-size: 13px;
    color: #fff;
    padding-right: 12px;
}

div.headercontext a{
    color:#fff;
    font-weight:normal;
}

div.headercontext a:hover{
    color:#03495a;
}


div.content, div.water, div.savefamily_partnership {
    background: none repeat scroll 0 0 transparent;
    border-left: 1px solid;
    border-right: 1px solid;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    padding-top: 12px;
	background-color:#FFF;
    opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
}

div.water, div.savefamily_partnership {
    padding-top: 0;
    position: relative;
}

span.sumfamily{
    color: #68B33C !important;
    float: right;
    font-weight: bold;
    margin: -40px 0 0;
    padding-right: 104px;
}

div.water{
    background: #3698c7 url('../img/water_bg_x.jpg') no-repeat center top;
}
div.savefamily_partnership{
    background: #81c240 url('../img/saving_partnership_bg.jpg') no-repeat center top;
}

div.savefamily_partnership_admin{
    background: #81C240 url('../img/saving_partnership_admin_bg.jpg') no-repeat center top;
    margin-top: 50px;
}


div.left{
    float: left;
    width: 275px;
    padding-left: 9px;
}
div.main{
    float: left;
    width: 685px;
}

div.menu {
    clear:both;
    background-color: #99b158;
    color: #fff;
    border-radius: 4px;
    margin: 5px 8px 0;
    height: 30px;
}

div.bottom-menu {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #003F0B;
    margin: 0 auto;
    padding: 15px 0 5px;
    border: 1px solid #000;
    border-bottom:0;
    width: 980px;
	background-color:#FFF;
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

div.bottom-menu a{
    padding: 0 6px;
    font-weight:normal;
}


div.readnew{
    text-align:right;
    margin-bottom: 12px;
}

div.readnew a, a.detail{
    color:#ec0f29;
    font-size:12px;
    font-weight:normal;
}
a.detail:hover{
    color:#c00;
}


div.footerline {
    background: url("../img/bg_headline.gif") repeat-y scroll right top #f3b358;
    height: 50px;
    font-size: 12px;
    color: #fff;
    width: 100%;
    margin: 0;
}

div.footerline a{
    color: #fff;
    font-weight: normal;
}
div.footerline img{
    padding-left: 2px;
    vertical-align: bottom;
}

div.footerline div.copyright {
    height: 41px;
    padding: 9px 0 0;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #000;
    border-top:0;
    width:980px;
    border-bottom: none;
}
div.footerline div.powerby {
    height: 20px;
    padding: 9px 0 0;
    text-align: right;
    border-top:0;
    margin-right: 0px;
    width:970px;
    margin: -30px auto;
    border-bottom: none;
}
div.footerline div.powerby a{
    color: #fff;
    font-weight: normal;
}
div.footerline div.powerby img{
    margin-bottom: -2px;
}
div.footerline div.powerby a img{
    margin-top: -4px;
}
div#signupnewsletter, div.menu-manel {
    background: url("../img/bg_menu_pangel.jpg") repeat-x scroll left top #de9122;
   height: auto;
    width: 250px;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 1px 3px 3px rgba(3, 3, 6, 0.5);
}

div.signupnewsletter {
    background: url("../img/bg_menu_pangel.jpg") repeat-x scroll left top #9ec73b;
    min-height:150px;
    width: 250px;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 1px 3px 3px rgba(3, 3, 6, 0.5);
    height: auto;
}
div.signupnewsletter form div{
    padding: 0px!important;
}
form#ContactusIndexForm table tr td div.captcha_div div.input,text{
    padding: 0px!important;
}

div.main h1{
    background: url("../img/bg_title.jpg") repeat-x scroll left top #9ec73b;
    box-shadow: 1px 1px 2px rgba(3, 3, 6, 0.5);
    font-size:16px;
    border-radius: 4px;
    color: #FFF;
    height: 27px;
    padding: 5px 9px 0;
    margin-bottom: 20px;

}


div.main h1.inactive{
    background: url("../img/bg_title_yellow.jpg") repeat-x scroll left top #f0f54f;
}
div.mainAuto{
    padding: 0px 10px;
}
div.mainAuto h1{
    background: url("../img/bg_title.jpg") repeat-x scroll left top #9ec73b;
    box-shadow: 1px 1px 2px rgba(3, 3, 6, 0.5);
    font-size:16px;
    border-radius: 4px;
    color: #FFF;
    height: 27px;
    padding: 5px 9px 0;
    margin-bottom: 20px;

}


div.mainAuto h1.inactive{
    background: url("../img/bg_title_yellow.jpg") repeat-x scroll left top #f0f54f;
}

div.title{
    background: url("../img/bg_title.jpg") repeat-x scroll left top #9ec73b;
    border: 1px solid #f3b358;
    text-align: center;
    font-size:17px;
    color: #FFF;
    height: 27px;
    padding: 5px 9px 0;
    margin-top: 20px;
}
div.submenu{
    display:inline-block;
    position: absolute;
    margin: 17px 0 0 17px;
    z-index: 2;
}

div.submenu-programme{
    height: 27px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {

    div.submenu-programme{
        height: 25px;
    }
}

div.submenu-bottomline{
    height: 7px;
    background: url("../img/bg_submenu_bottom_line.jpg") repeat-y scroll left top #4c612b;
    border-radius: 0 0 6px 6px;
}

div.submenu-programme div {
    background-color: #939597;
    display: inline;
    padding: 8px 9px;
    border-radius: 6px 6px 0 0;
}

a.submenu{
    color: #fff;
    font-size: 12px;
    font-weight:normal;

}

a.submenu:hover{
    color: #007800;
}

div.submenu-programme div.active{
    background: url("../img/bg_submenu_line.jpg") repeat-y scroll left bottom #4c612b;
}

div.title2lines{
    background: url("../img/bg_title_2lines.jpg") repeat-x scroll left bottom #9ec73b;
    border: 1px solid #f3b358;
    text-align: center;
    font-size:17px;
    color: #FFF;
    padding: 5px 9px 7px;
}

table.cost-school{
    background: url("../img/horizontal_line_green_bg.png") repeat-y scroll left top #99CA3C;
    font-size:12px;
}
table.cost-school tr td{
    height: 30px;
    color: #fff;
    font-size:16px;
    text-align:center;
    border-width: 0 0 0 1px;
    border-color: #fff;
    border-style: solid;
}

table.cost-school tr td:first-child{
    border-width: 0;
}

table.head{
    border-color: #f3b358;
    border-style: solid;
    border-width: 0 1px 1px 0;
    font-size:12px;
}

table.head td{
    border-color: #f3b358;
    border-style: solid;
    border-width: 1px 0 0 1px;
    vertical-align:top;
    padding: 10px 2px;
}

table.head ol, table.head ul{

    margin: -34px 15px -29px 30px;	
}


table.head tr:first-child td{
    background: url("../img/bg_title.jpg") repeat-x scroll left top #9ec73b;
    text-align: center;
    font-size:14px;
    color: #FFF;
    height: 27px;
    padding: 4px 9px 0;
    margin-top: 20px;
}


div.datarow{
    border-width: 0 1px 1px 1px;
    border-style:solid;
    border-color: #f3b358;
    text-align: center;
    font-size:14px;
    color: #58595B;
    padding: 9px 9px 12px;
}

div.data{
    border-width: 0 1px 1px 1px;
    border-style:solid;
    border-color: #f3b358;
    font-size:13px;
    color: #58595B;
    padding: 17px 7px 17px 24px;
}


div.main h4 a{
    font-size:14px;
    color: #007800;
    padding: 5px 0;
    text-decoration: underline;
}

div#signupnewsletter div#title, a.donate{
    font-size:15px;
    color: #fff;
    padding: 8px 12px 0;
}

a.donate{
    padding: 0;
}

div.menu-manel div#title{
    font-size:16px;
    background-color: #fac67c;
    border-radius: 4px 4px 0 0;
    color: #FFF;
    height: 27px;
    padding: 5px 5px 0;
    text-align: center;
}

div#content-panel{
    color: #fff;
    font-size:12px;
    font-family: arial,verdana,helvetica,sans-serif;
    padding: 12px;
}

div#shownews{
    padding-top: 25px;
    font-size:14px;
    font-style:italic;
    color:#333;
}

table {
    border-right: 0 none;
    clear: both;
    color: #333333;
    margin-bottom: 10px;
    width: 100%;
    font-size: 13px;
}

table tr:nth-child(2n) {
    background: none repeat scroll 0 0 #F9F9F9;
}

.row_odd {
    background: none repeat scroll 0 0 #F9F9F9!important;
}

.row_even {
    background: none!important;
}

table.water {
    background-color:#71C8F1;
}

table.water tr:nth-child(1n) {
    background: none repeat scroll 0 0 #A1DEFF;
}


table.water tr td {
    padding: 5px 15px;
}


a.waternext{
    display:block;
    color:#fff;
    background: url("../img/nextwater.png") no-repeat scroll right top transparent;
    font-weight: normal;
    height: 17px;
    text-align: left;
    width: 55px;
}

table.water span, table.water span a {
    color:#fff;
}


table.mainwater tr:nth-child(2n) {
    background: rgba(66, 192, 240, 0.2);
}

table.mainwater-admin tr	{
    background-color:#C6ECFA;
}

table.mainwater-admin tr:nth-child(2n) {
    background-color:#65C3FC;
}

table.mainwater tr	{
    background: rgba(15, 99, 240, 0.2);
}



table.dataform tr:nth-child(2n) {
    background: none;
}

th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #e08f1b;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 2px;
    padding: 4px;
    text-align: left;
}

input, textarea {
    clear: both;
    font-family: "frutiger linotype","lucida grande","verdana",sans-serif;
    font-size: 90%;
    padding: 1%;
    width: 85%;
}

input[type="checkbox"] {
    clear: left;
    float: left;
    margin: 0 6px 7px 2px;
    width: auto;
}



form .input {
    color: #444444;
}
form div {
    clear: both;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    vertical-align: text-top;
}

form div.submit {
    border: 0 none;
    clear: both;
    margin-top: 10px;
}

.button {
    display: inline;
    font-size: 110%;
    width: auto;

}


form .submit input[type="submit"], form .submit button {
    background-color: #e08f1b;
    background: -moz-linear-gradient(center top , #e08f1b, #f6b455) repeat scroll 0 0 #e08f1b;
    border-color: #693e02;
    color: #FFFFFF;
    padding: 8px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}

form .submit button{
    border-color: #990000;
    background-color: #950000;
    background: -moz-linear-gradient(center top , #CC0000, #990000) repeat scroll 0 0 #990000;
}
input[type="submit"], .actions ul li a, .actions a, button {
    background: -moz-linear-gradient(center top , #FEFEFE, #DCDCDC) repeat scroll 0 0 #DCDCDC;
    border: 1px solid #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #333333;
    font-weight: normal;
    min-width: 0;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}
input[type="submit"], button {
    display: inline;
    font-size: 110%;
    width: auto;
}


form .error, form .error-message {
    box-shadow: none;
    color: #9E2424;
    text-shadow: none;
}
form .error {
    background: none repeat scroll 0 0 #FFDACC;
    border-radius: 4px 4px 4px 4px;
    font-weight: normal;
}

.success, .message, .cake-error, p.error, .error-message {
    background-color: #EE5F5B;
    background: linear-gradient(#EE5F5B, #C43C35);
    background: -moz-linear-gradient(center top , #EE5F5B, #C43C35) repeat-x scroll 0 0 #C43C35;


    border: 1px solid rgba(0, 0, 0, 0.5);
    clear: both;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

div#flashMessage, div#authMessage{
    margin-bottom: 30px;
    padding-left: 9px;
}

fieldset legend{
    margin-left: 9px;
}

ol, ul {
    amargin: -20px 15px 0 30px;
}

form div.popupinline	{
    width:290px; float:left; padding-bottom:0; clear:none
}

/*put flash banner on homepage*/
object[classid*=":D27CDB6E-AE6D-11cf-96B8-444553540000"], object[codebase*="swflash.cab"], object[data*=".swf"], object[type="application/x-shockwave-flash"], object[src*=".swf"], embed[type="application/x-shockwave-flash"], embed[src*=".swf"], embed[allowscriptaccess], embed[flashvars], embed[wmode] {
    -moz-binding: url("chrome://flashfirebug/content/flashfirebug.xml#flash") !important;
}
object {
    -moz-binding: url("chrome://flashfirebug/content/flashfirebug.xml#brokenobject") !important;
}

/* Style for calendar*/

div.calendar_container .calendar_action{
    list-style: none outside none;
    margin: 12px;
}
div.calendar_container .calendar_action{
    margin: 50px 0 0 -12px;
}
.small_green{
    color: #008000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 19px;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-weight: bold;
}
select#EventStartHour{
    display: none !important;
}
select#EventStartMin{
    display: none !important;
}
select#EventStartMeridian{
    display: none !important;
}
select#EventEndHour{
    display: none !important;
}
select#EventEndMin{
    display: none !important;
}
select#EventEndMeridian{
    display: none !important;
}
div.div_event_list div.actions{
    margin: 42px auto 20px -12px;
}
div.main div.actions{
    margin: 42px auto 20px -12px;
}
div.events,.index table tr td{ 
    padding: 5px;
}
div.events,.index table tr td .actions a{ 
    padding: 0px !important;
}
div.fc-content table tr:nth-child(n) {
    background: none repeat scroll 0 0 #F9F9F9;
}
table.fc-border-separate tr th.fc-widget-header{
    height: 50px;
    padding: 5px;    
    vertical-align: middle;
}
table.fc-header{
    background: none;
}
table tr.fc-last td.fc-widget-content{
    border: none;
}
.fc-event-skin {
    background: #dddddd !important;
    border-color: #CCCCCC;
    color: #008000 !important;
    height: auto !important;
}
div.events, .index table tr td {
    padding: 5px;
}
div.events.index table tr .action{
    padding-right: 2px; 
    width:110px;
}
.fc-event-time, .fc-event-title {
    display: inline !important;
    margin-top: 0px !important;
    padding: 2px !important;
    vertical-align: top !important;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 1px !important;
}
.fc-event-time{
    display: none!important;
}
span.fc-event-title {
    margin-bottom: 1px !important;
}
a.fc-event{
    background: none !important;
    margin-bottom: 1px !important;
}
.fc-border-separate th, .fc-border-separate td {
    border: 1px solid #cccccc !important;
}
table.fc-border-separate{
    border-collapse: collapse !important;
}
table.event_list{
    width: 80%; 
    margin: 0 auto;
}
table.event_list tr td.tdleft{
    width: 20%; padding: 5px; text-align: right;
}
table.event_list tr td.tdright{
    width: 80%; padding: 5px; 
}

div.div_event_list{
    font-size: 12px !important;
}

div.div_event_list input[type="submit"], .actions ul li a, .actions a {
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    color: #333333;
    font-weight: bold;
    text-decoration: #333333 !important;
    text-shadow: none;
    padding: 1px !important;
    text-decoration: underline !important;
    font-size: 12px !important;
}
div.div_event_list input[type="submit"]:hover, .actions ul li a:hover, .actions a:hover, button:hover {
    color: #f3b358;
}
div.events.index table tr .action {
    width: 100px;
}
#tooltip, .qtip{
    font-size: 12px !important;
}


/* Archive*/
.project_year{
    margin: 0px auto;
    background-color: none !important;
    padding: 20px;
    /*width: 940px;*/
}
.project_year ul a{
    color: #000;
    font-size: 12px;
    font-weight: normal;
    display: block;
    padding-left: 30px;
}
.project_year ul{
    /*background: url("../img/horizontal_line_green_bg.png") repeat-y scroll left top #87AA2A;
    background-color: #87AA2A;
    margin: 1px;
    padding: 5px;*/
    margin: 0;

}
.project_year ul li:hover a{
    color: #fff !important;
    font-weight: bold;
}
.project_year ul li a.focus{
    color: #fff;
    font-weight: bold;
}
.project_year ul li {
    background-color: #BDD77E;
    border-radius: 4px 4px 4px 4px;
    display: block;
    float: none;
    margin: 2px 0 0;
    padding: 5px;
    width: 200px;
}

/*Captcha*/
div#content-panel form#SubcriberSignupForm div.captcha_div div.error{
    background: none !important;
}
div#content-panel form#SubcriberSignupForm div.captcha_div div.error div.error-message{
    padding: 2px 2px 2px 5px !important;
} 
/* div#content-panel form#SubcriberSignupForm div.captcha_div div.error a#change-image{
    padding-left: 10px !important;
} 
div#content-panel form#SubcriberSignupForm div.captcha_div div.error div.input,text label b{
    padding-left: 10px !important;
}*/
form#SubcriberSignupForm div.captcha_div{
    display: none;
}
/* cottage inductstry */ 
#tbl_cottage{
    background:none;	 
}
#tbl_cottage tr td img{
    margin:5px 10px 0;	
}
.tb_menuitem tr td{
    padding:5px !important;	
}
.tb_menuitem tr:nth-child(2n):hover{
    background: none repeat scroll 0 0 #cecece;
}


/*---- family graduation -----*/

.container{
    width: 100%;
    margin: 0 auto;
}
div.grade{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    width: 450px;
}

table.grade_container{
    background: #c7f5c6; 
    width: 100%;
    cursor: pointer;
    float: left;
    margin-bottom: 0 !important; 
    border-collapse:collapse;
}
table.grade_container caption{
    color: #f3b358;
    font-size: medium;
    text-align: left;
}
table.grade_container tr th{
    /*font-family: cursive;*/
    /*    font-size: 20px;
        height: 45px;*/
    font-weight: normal;
    text-align: center;
    /*background: url("../img/bg_title.jpg") repeat-x scroll left top #9EC73B;*/
    background: #92BB2F;
    border-radius: 4px 4px 4px 4px;
    /*box-shadow: 1px 1px 2px rgba(3, 3, 6, 0.5);*/
    color: #FFFFFF;
    font-size: 16px;
    height: 27px;
    margin-bottom: 20px;
    padding: 5px 9px 0;
    font-family: Arial,Helvetica,sans-serif;
}
table.grade_container tr td{
    height: 160px;
    width: 50%;
    text-align: center;
    background: #B2D5B1;
    padding: 10px 10px 0 10px;
    font-weight: normal;
}
table.grade_container tr td img{
    border: 5px solid #D9D9D9;
    box-shadow: 1px 2px 4px rgba(3, 3, 6, 0.5);
    width: 90%;
}
table.grade_container tr.desc td{
    border-top: 1px solid #B2D5B1;
    /*border: 5px solid #D9D9D9;*/
    height: auto !important;
    padding: 15px;   
    font-weight: normal;
    
}
table.grade_container tr.desc td div.descdiv{
    background: #D9D9D9;
    padding: 5px;
    box-shadow: 1px 2px 4px rgba(3, 3, 6, 0.2);
}

table.grade_container tr:first-child{
    border: none;
}

table.grade_container tr{
    border-bottom: 1px solid #ffffff;
        vertical-align: top;
}
.display_video{
    width: 450px;
    height: 350px;
    display: none;
    background: none;
    position: relative;
    float: right;
    margin-right: 20px;
}

#video_title{
    color: #f3b358;
    font-size: medium;
    float: right;
    margin-bottom: 20px;
}
div.editgrade{
    display: inline-block;
    padding: 2px 0;
    text-align: center;
    width: 49%;
    margin-top:0;
    background-color: #DBDBDB;
}
.main table tr:hover{
	background:#ccc;
}