/* Lee County Blessings in a Backpack */ /* Developed by Parr Media Group parrmedia.com */ /* RESET */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieddset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; } .formx {background-color:transparent;} .formx img{background-color:transparent;} body {background: rgb(237,240,180) url(images/bg.png) repeat-y center top;} body p {line-height:1.8em;} body p {padding-top:10px;} #header{width:800px;height:200px;background:url(images/header.gif) no-repeat;margin:0 auto;} #wrapper {width:700px;margin:0 auto;} #paypal{ width:40px; height:40px; float:right; margin-top:50px; margin-right:80px; } .red {color:#ff0000;} .icon_warning {background:transparent url(images/exclamation.png) left no-repeat;padding:4px;padding-left:20px;} form#form_paypal input {padding:3px;border:1px solid #ddd;background:#fefefe;} form#form_paypal input#input_amount {width:50px;} form#form_paypal .submit {cursor:pointer;border-style:outset;} #footer {width:727px;font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color:#000;text-align:right;margin-left:33px;padding-top:10px;} #footer a {color:rgb(45,109,143); text-decoration:none;} #footer p {font: 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color:#000;margin-top:3px;} #cwrap h1 {font: 22px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#999999;} #cwrap h2 {font: 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#999999;} #cwrap h3 {font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#000;} #cwrap p {font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#000} .clear {clear:both;} #cwrapbottom { width:727px; height:40px; margin-left:39px; background-image: url(images/cwrapbottom.gif); background-repeat: no-repeat; } #padwrap{margin-left:40px;margin-top:10px;float:left;width:309px;} #padtop{width:309px;height:65px;background:url(images/padtop.gif) no-repeat;} #padmid{width:309px;background:url(images/padmid.gif) repeat-y;} #padtext{width:280px;margin:0 auto;} #padbottom{width:309px;height:92px;background:url(images/padbottom.gif) no-repeat;} #whitecolumn{width:300px;background-color:#FFFFFF;padding:10px;float:right;margin-right:30px;margin-top:10px;} #beigecolumn{width:300px;background-color:rgb(250,242,139);padding:10px;float:right;margin-right:30px;margin-top:10px;} #whitecolumn img {text-align:center;margin:0 auto;border:5px solid #ccc;padding:5px;} #notification { width:630px;margin:0 auto;background-color:rgb(250,242,139);text-align:center;margin-bottom:20px;padding:10px;} #cwrap{ width:727px; background:url(images/corkbg.gif) repeat-y center top; margin-left:38px; margin-top: 0; margin-right: auto; margin-bottom: 0; } #notepad{width:312px;height:463px;float:left;margin-left:20px;background:url(images/notepad.png) no-repeat;} #notepadtext{margin-top:89px;padding-left:35px;width:240px;} #cwrap a,img {border:none;} #polaroids{background:url(images/polaroids4.png) no-repeat;float:right;margin-right:25px;width:292px;height:262px;} #polaroids2{background:url(images/polaroidsv.png) no-repeat;float:right;margin-right:17px;width:292px;margin-top:30px;height:460px;} #pvholder{width:240px;height:180px;margin-left:28px;margin-top:12px;} #greentop{width:543px;height:73px;background:url(images/greentop.png);margin-left:50px;} #greenmid{width:543px;background:url(images/bluemid.png) repeat-y;margin-left:45px;} #greenmidtext{width:480px;padding:10px;margin-left:20px;} #greenbottom{width:543px;height:73px;background:url(images/bluebottom.png);} #bluetop{width:543px;height:73px;background:url(images/bluetop.png);} #bluemid{width:543px;background:url(images/bluemid.png) repeat-y;margin-left:13px;} #bluemidtext{width:480px;padding:10px;margin-left:10px;} #bluebottom{width:543px;height:73px;background:url(images/bluebottom.png);} /* NAV AND WRAPPER */ #nav1 {background:url(images/nav.png) no-repeat; width:270px; height:76px;margin:0;padding:0;} #navwrapper {float:right;width:270px; margin-top:20px;margin-right:85px;} #n-marg {float:right; width:270px;} #nav1 li { float: left; display:inline; list-style:none;text-indent: -9000em; } #nav1 li a { display: block; height: 76px;} #n-home { width: 70px; } #n-about { width: 56px; } #n-donate { width: 69px; } #n-contact { width: 75px; } #n-home a:hover { background: url(images/nav.png) 0px -76px no-repeat; } #n-about a:hover { background: url(images/nav.png) -70px -76px no-repeat;} #n-donate a:hover { background: url(images/nav.png) -126px -76px no-repeat;} #n-contact a:hover { background: url(images/nav.png) -195px -76px no-repeat;} .bluewrap {margin:0 auto;width:543px;} /* MISC FUTURE DEV */ div label { display: block; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; } input { border: 1px solid #BFBFBF; color: #505967; background: #fff; padding: 2px 5px 1px 5px; } input:hover { background: #fff; border: 1px solid #505967; color: #505967; } input:focus { color: #000; border: 1px solid #505967; background: #eee; } textarea { font-family: Arial, Verdana, Helvetica; font-size: 1em; border: 1px solid #BFBFBF; color: #505967; padding: 2px 2px 1px 2px; } textarea:hover { background: #fff; border: 1px solid #505967; } textarea:focus { color: #000; border: 1px solid #505967; background: #eee; } form#contactform span { color: #000; padding-left: 2px; } form#contactform span.warn { color: #FF6600; background: #fff6bf url(alert.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; margin: 0 0 2px 0; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; color: #333333; display: block; list-style: none; } input.invalid { background: #fff6bf; border: 2px solid #ffd324; } strong.error { color: #CC0000; }