//img.graphic { display: none; }
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; background: url(../img/bg_main.gif); background-repeat: 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 { font-size:16px; width: 260px; margin: 0 0 10px 0; float:left; }
h1 a { display:block; width:240px; padding:128px 0 0 0; overflow: hidden; height: 0px !important; height /**/:128px; background: url(../img/penhaligon-logo.gif) no-repeat; margin: 0 0 0 20px; }
/*</group>*/



/*<group=top>*/
ul#mainnav{margin:0; padding:0;}
ul#mainnav li{ float:left; margin:0; padding:0; list-style:none;}
ul#mainnav li{ height:125px; text-indent:-9999px;}
ul#mainnav li#children{ width:173px;}
ul#mainnav li#children a{ width:100%; height:100%; display:block; background:url(../img/about-us/nav-children.gif) no-repeat top left;}
ul#mainnav li#children a:hover{ background:url(../img/about-us/nav-children.gif) no-repeat -125px left;}
ul#mainnav li#prof{ width:138px;}
ul#mainnav li#prof a{ width:100%; height:100%; display:block; background:url(../img/about-us/nav-prof.gif) no-repeat top left;}
ul#mainnav li#prof a:hover{ background:url(../img/about-us/nav-prof.gif) no-repeat -125px left;}
ul#mainnav li#parent{ width:154px;}
ul#mainnav li#parent a{ width:100%; height:100%; display:block; background:url(../img/about-us/nav-parent.gif) no-repeat top left;}
ul#mainnav li#parent a:hover{ background:url(../img/about-us/nav-parent.gif) no-repeat -125px left;}
/*</group>*/



/*<group=Left col>*/
div#colLeft { width: 250px; float: left;}
div#colLeft img{ margin-left:20px; }
div#colLeft img.donate{ margin-left:10px; }
div#colLeft ul#subnav img#home{ margin:8px 0 0 0; }
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.subsubnav { margin:0; }
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);}


/*<group=right col>*/

div#colRight { width: 470px; float: left;}
div#colRight h2 { font-size:16px; margin:0 0 15px 10px; padding:79px 0 0 0; overflow: hidden; height: 0px !important; height /**/:79px; width:460px; border-bottom: 1px solid #CC0000; background-repeat:no-repeat; }
div#colRight h3,div#colRight h4 { margin:0 0 0 10px; color:#CC0000;	font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 14px; font-weight:bold; }
div#colRight h4 { color:#000; }

div#colRight p { margin: 0 0 13px 10px; font-size: 11px;}
div#colRight em { font-size:14px; font-style:normal; line-height:17px;}
div#colRight ul { margin:0 0 13px 10px; padding:0 0 0 17px;}
div#colRight img { margin:0 0 13px 13px; float:right;}
div#colRight input.txt, div#colRight textarea{ float:right; width:65%;}
div#colRight form ul {margin:0; padding:0; float:right; width:65%;}
div#colRight form ul li {margin:0; padding:0; float:left; width:30%; list-style:none;}
div#colRight form.shoppingcart { margin-left:10px; }

/*</group>*/