/* CSS Document */
body { background-color: #CCCCCC; margin: 0; font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 14px;}
a { color:#CC0000; text-decoration:none;}
a:hover{ color:#CC0000; text-decoration: underline; }
div#container {	width: 740px; height:600px; overflow: hidden; background: url(../img/bg_main.gif) repeat-y; margin: 0 auto;}
div#footer { width: 740px; margin: 0 auto; padding:0 0 25px 0; background-image: url(../img/bg_bottom2.gif); background-repeat: no-repeat; }
div#footer p{ margin:35px 0 0 10px; color:#666; width:50%; float:left;}
div#footer a.everyclick { float:right; }
div#footer a{ color:#666666;}
div#footer a:hover{ color:#CC0000;}
h1#home { width: 209px; height: 163px; background: url(../img/home/logo_home.gif) repeat-y; text-indent: -9999px; margin: 0 0 18px 20px;}


/*<group=Left col>*/

div#colLeft { width: 250px; float: left;}
div#colLeft p { margin: 0 10px 13px 25px; font-size: 11px;}
div#colLeft h4{ margin: 8px 0 0 20px; width: 225px; padding: 36px 0 0 0; overflow: hidden; height: 0px !important; height /**/:36px; background-repeat:no-repeat; }
div#colLeft ul { margin: 0 0 13px 25px; padding: 0; width: 225px; list-style: none;}
div#colLeft ul li { margin: 0; width:215px;}
div#colLeft ul li a { margin: 0; width: 100%; display: block; overflow: hidden; height: 0px !important; }
div#colLeft ul#subnav { margin: 0 0 0 20px; padding: 0 0 13px 0; background:url(../img/bg_subnav.gif) repeat-y; padding-top:9px;}
div#colLeft ul#subnav li a { padding:18px 0 0 0; height /**/:18px; background-repeat:no-repeat; background-position:left top;}
div#colLeft ul#subnav li a.active { background-position:0 -18px; }
div#colLeft ul#subnav li a:hover { background-repeat:no-repeat; background-position:0 -18px;}

div#colLeft h4.aboutus { padding:16px 0 0 0; margin-left:25px; height: 0px !important; height /**/:16px; background-image: url(../img/sn/more-about-us.gif); }
div#colLeft ul.aboutus li a { padding:16px 0 0 0; height /**/:16px; background-repeat:no-repeat; background-position:left top;}
div#colLeft ul.aboutus li a:hover { background-repeat:no-repeat;  background-position:0 -16px;}
div#colLeft ul.aboutus li.nav1 a { background-image: url(../img/sn/background-information.gif);}
div#colLeft ul.aboutus li.nav2 a { background-image: url(../img/sn/our-news.gif);}
div#colLeft ul.aboutus li.nav3 a { background-image: url(../img/sn/volunteers.gif);}
div#colLeft ul.aboutus li.nav4 a { background-image: url(../img/sn/support-us.gif);}
div#colLeft ul.aboutus li.nav5 a { background-image: url(../img/sn/contact-details.gif);}
div#colLeft ul.aboutus li.nav6 a { background-image: url(../img/sn/shop.gif);}


div#sponsorlogos { width: 250px; float: left;}
div#sponsorlogos { margin: 0 10px 13px 25px; font-size: 11px;}

/*<group=Right col>*/
div#colRight { width: 470px; float: left;}

div#box1 { position: relative; height: 179px; width: 250px; top: 2px; z-index: 3; background: url(../img/home/h3_child.gif) no-repeat left bottom;}
div#box1 h3,div#box2 h3,div#box3 h3{ margin:0; padding:0; text-indent:-9999px; height: 30px; width: 195px;}
div#box1 p,div#box2 p,div#box3 p{ position: relative; left: 11px; margin:0; padding:0; height: 31px;	width: 195px; float:left;}
div#box1 h3 a,div#box2 h3 a,div#box3 h3 a, div#box1 p a,div#box2 p a,div#box3 p a{ display:block; width:100%; height:100%;}
div#box1 a,div#box2 a,div#box3 a{ color:#000;}
div#box1 a:hover,div#box2 a:hover,div#box3 a:hover{ text-decoration:none;}


img.arrow { position: relative; left: 11px; top: 8px;}

div#box2 { position: relative; height: 220px; width: 236px; z-index: 1; bottom: 139px; left: 220px; background:url(../img/home/h3_parent.gif) no-repeat left bottom;}
div#box3 { position: relative; height: 202px; width: 235px;	bottom: 209px; left: 10px; z-index: 2; background: url(../img/home/h3_childcare.gif) no-repeat left bottom;}
div#news { position: relative; width: 180px; bottom: 330px; left: 263px;}
div#news h3{ width: 150px; height: 40px; margin: 0; background: url(../img/home/h3_our-news.gif) no-repeat left top;text-indent: -9999px;}
div#news p,div#news h4{	margin: 0 0 0 4px;}
div#news h4{ font-size:11px; font-weight:bold;}