body{margin:0px; padding:0px; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:0.8em; line-height:1.3em; color:#606060}

body#day{background:#fff url(../images/background_grad.jpg) repeat-x}

body#night{background:#fff url(../images/background_grad_night.jpg) repeat-x}

#clouds{background:url(../images/clouds.png) no-repeat top center}
#container, #containerFooter{position:relative; z-index:100; width:940px; margin-left:auto; margin-right:auto}
#header{height:160px}
#header h1{float:left; margin:30px 0px 0px 0px; padding:0px; text-indent:-9999px}
#header h1 a {  background:url(../images/thekitty-logo.png) no-repeat top left; width:155px; height:93px; display: block; }
#header h1 a span { display: none; visibility: hidden; }
#header h2{float:right; margin:30px 0px 0px 0px; padding:0px; background:url(../images/lwh-logo.png) no-repeat top left; width:221px; height:95px; text-indent:-9999px}
#mainMenu{background:url(../images/menu-bg.png) repeat-x bottom center; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; padding:20px 30px; behavior:url(PIE.htc)}
#mainMenu ul{margin:0px; padding:0px}
#mainMenu li{display:inline}
#mainMenu li a{display:block; float:left; height:96px; background-image:url('../images/top-menu.png'); text-indent:-9999px}
#mainMenu li a.welcome{background-position:0px 0px; width:66px; margin-right:35px}
#mainMenu li a:hover.welcome{background-position:0px -4px}
#mainMenu li a.about{background-position:-110px 0px; width:110px; margin-right:35px}
#mainMenu li a:hover.about{background-position:-110px -4px; width:110px}
#mainMenu li a.kittys-work{background-position:-254px 0px; width:120px; margin-right:35px}
#mainMenu li a:hover.kittys-work{background-position:-254px -4px; width:120px}
#mainMenu li a.get-involved{background-position:-412px 0px; width:90px; margin-right:35px}
#mainMenu li a:hover.get-involved{background-position:-412px -4px; width:90px}
#mainMenu li a.donate{background-position:-543px 0px; width:106px; margin-right:35px}
#mainMenu li a:hover.donate{background-position:-543px -4px; width:106px}
#mainMenu li a.our-work{background-position:-692px 0px; width:68px; margin-right:35px}
#mainMenu li a:hover.our-work{background-position:-692px -4px; width:68px}
#mainMenu li a.get-in-touch{background-position:-803px 0px; width:86px}
#mainMenu li a:hover.get-in-touch{background-position:-803px -4px; width:86px}
#content{margin-top:20px; margin-bottom:20px; background-color:#FDFEFE; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; padding:10px 20px 10px 30px; position:relative; behavior:url(PIE.htc)}

#homeRibbon{position:absolute; margin-left:-50px; width:970px; height:100px; background-image:url(../images/full-ribbon.png); background-repeat:no-repeat}

#homeRibbon.page{margin-top:30px}

#kitty{position:absolute; margin-left:700px; margin-top:-130px; width:135px; height:214px}

#pageIcon{position:absolute; margin-left:720px; margin-top:6px; width:165px; height:135px}

#homeRibbon p{width:520px; margin-left:50px; color:#FFF; font-size:1.2em; line-height:1.3em}

.leftCol{float:left; width:625px; margin-top:110px}

.leftCol.page{margin-top:150px}

.leftCol h3{background-image:url(../images/title-welcome.png); background-repeat:no-repeat; width:152px; height:45px; text-indent:-9999px}

.rightCol{float:right; width:205px; margin-top:110px}

.rightCol.page{margin-top:160px}

.rightCol a#donationRibbon{display:block; float:right; margin-right:-29px; width:217px; height:49px; background-image:url(../images/donation-ribbon.png); background-repeat:no-repeat; color:#FFF; padding:12px 0px 0px 20px; font-size:1.3em; color:#FFF; text-decoration:none}

.rightCol a:hover#donationRibbon{text-decoration:underline}

.rightCol .pinkPanel{background-color:#DA107C; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; padding:6px 14px; -moz-box-shadow: -4px 4px 6px #ccc; -webkit-box-shadow: -4px 4px 6px #ccc; box-shadow: -4px 4px 6px #ccc; }
.rightCol .pinkPanel p{font-size:0.9em; color:#FFF; margin-top:0px}

.rightCol .pinkPanel h4{background-image:url(../images/title-OurPledge.png); background-repeat:no-repeat; width:98px; height:32px; text-indent:-9999px; margin:10px 0px 2px 0px; padding:0px}

.clear{clear:both}
.green, a{color:#008F91; outline:none}
a:hover, a:active {color: #DA107C;}

.pink{color:#DA107C}

.contentLeft, .contentRight{float:left; width:300px; margin-right:10px}

.contentLeftWork{float:left; width:400px}
.contentRightWork{float:right; width:175px}

.contentLeft ul, .contentRight ul{padding:0 4px; margin:10px}

.contentLeft ul.ns, .contentRight ul.ns{padding:0px; margin:0px}

.contentLeft li, .contentRight li{margin-bottom:10px}

.contentLeft li.ns, .contentRight li.ns{list-style:none; margin-bottom:10px}

h3.aboutTheKitty{background-image:url(../images/title-aboutthekitty.png); background-repeat:no-repeat; width:310px; height:65px; text-indent:-9999px; margin-left:50px}

h3.kittysWork{background-image:url(../images/title-thekittyswork.png); background-repeat:no-repeat; width:310px; height:65px; text-indent:-9999px; margin-left:50px}

h3.getInvolved{background-image:url(../images/title-getinvolved.png); background-repeat:no-repeat; width:310px; height:65px; text-indent:-9999px; margin-left:50px}

h3.donate{background-image:url(../images/title-howtodonate.png); background-repeat:no-repeat; width:310px; height:65px; text-indent:-9999px; margin-left:50px}

h3.ourWork{background-image:url(../images/title-ourwork.png); background-repeat:no-repeat; width:310px; height:65px; text-indent:-9999px; margin-left:50px}

h3.getInTouch{background-image:url(../images/title-getintouch.png); background-repeat:no-repeat; width:310px; height:65px; text-indent:-9999px; margin-left:50px}

h3.legal{background-image:url(../images/title-legal.png); background-repeat:no-repeat; width:310px; height:65px; text-indent:-9999px; margin-left:50px}

hr{border:none 0; border-top:1px solid #ccc}

p.internet{background:url(../images/donate/donate-icons.png) 10px 10px no-repeat; padding-left:100px}
p.inperson{background:url(../images/donate/donate-icons.png) 10px -128px no-repeat; padding-left:100px}
p.ward{background:url(../images/donate/donate-icons.png) 10px -260px no-repeat; padding-left:100px}
p.creditcard{background:url(../images/donate/donate-icons.png) 10px -385px no-repeat; padding-left:100px}
p.post{background:url(../images/donate/donate-icons.png) 10px -522px no-repeat; padding-left:100px}
p.standingorder{background:url(../images/donate/donate-icons.png) 10px -654px no-repeat; padding-left:100px}

#sky{position:absolute; left:0; top:0; width:100%; height:300px; overflow:hidden}

#sun_container{margin-left:auto; margin-right:auto; width:450px; height:190px; margin-top:-45px}

#sun{width:177px; height:175px}

#day #sun{background:url("../clouds/sun.png") no-repeat scroll left top transparent}

#night #sun{background:url("../clouds/moon.png") no-repeat scroll left top transparent}

#sun_cloud{position:absolute; left:50%; margin-left:-170px; margin-top:20px; z-index:5; width:166px; height:121px}

#day #sun_cloud{background:url("../clouds/sun_cloud.png") no-repeat scroll left top transparent}

#night #sun_cloud{background:url("../clouds/sun_cloud.png") no-repeat scroll left top transparent}

#cloud{position:absolute; left:50%; margin-left:240px; top:15px; z-index:20; width:172px; height:119px; background-repeat:no-repeat}

#day #cloud{background-image:url(../clouds/cloud1.png)}

#night #cloud{background-image:url(../clouds/cloud1.png)}

#cloud2{position:absolute; left:50%; margin-left:-440px; top:0px; z-index:40; width:286px; height:85px; background-repeat:no-repeat}

#day #cloud2{background-image:url(../clouds/cloud2.png)}

#night #cloud2{background-image:url(../clouds/cloud2.png)}

#cloud3{position:absolute; left:50%; top:0px; z-index:10; width:200px; height:75px; background-repeat:no-repeat}

#day #cloud3{background-image:url(../clouds/cloud3.png)}

#night #cloud3{background-image:url(../clouds/cloud3.png)}

#footer #dark{height:240px; background: #ffffff url("../footer/dark.png") repeat-x; position:relative}
#footer #family{width:940px; margin-left:auto; margin-right:auto}
#footer #family #image{position:absolute; margin-left:730px; width:183px; height:157px; background:url("../footer/people.png") no-repeat}
#footer #light{height:240px; background: url("../footer/light.png") repeat-x; position:relative}
#footer #flowers{height:240px; background:url("../footer/flowers.png") repeat-x; position:relative}
#footer #footerContainer{padding-top:110px; width:960px; margin-left:auto; margin-right:auto}
#footer #footerContainer .footerLeft{float:left; width:625px; margin-top:60px}
#footer #footerContainer .footerRight{float:right; width:205px; margin-top:80px}
#footer #footerContainer p{font-size:0.8em}