body, html { margin:0; padding:0; }
body { background:url(../images/tile.gif) 725px 0 repeat-y; }

/* header styles */
#header { background:url(../images/header.jpg) 0 0 no-repeat; width:750px; height:258px; position:relative; }
#header h1 { text-indent:-9999px; width:0px; height:0px; margin:0; padding:0; }
#header, #header a { color:#fff; text-decoration:none; }
#header a:hover { text-decoration:underline; }
#header p { position:absolute; text-align:center; width:250px; top:215px; font-size:14px; margin:0; padding:0; }

/* side bar styles */
.sideBar div { width:200px;  text-align:center; }
.sideBar h3 { text-align:center; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
.sideBar a, .sideBar a img, .sideBar img { border:none; } 
.sideBar img { margin:2px auto; display:block; }

/* top nav */
.topNav { width:550px; height:89px; background:#67ADE2; }
.topNav ul { float:right; position:relative; top:5px; left:-4px; }

.topNav ul, .topNav ul li { display:inline; padding:0; margin:0; }
.topNav ul li a { display:block; float:left; height:73px; overflow:hidden; text-indent:-9999px; } 

.topNav .donate a { background:url(../images/btn_whatToDonate.jpg) 0 0 no-repeat; width:133px; }
.topNav .request a { background:url(../images/btn_requesPickup.jpg) 0 0 no-repeat; width:136px; }
.topNav .faq a { background:url(../images/btn_frequentlyAskedQuestions.jpg) 0 0 no-repeat; width:138px; }
.topNav .myAccount a { background:url(../images/btn_myAccount.jpg) 0 0 no-repeat; width:139px; }

.topNav ul li a:hover { background-position:0 -83px; }

/* content */

#content { font-family:Arial, Helvetica, sans-serif; width:525px; font-size:12px; }
#content a { color:#000; font-weight:bold; }
#content .container { padding:5px; }
#content h3.feelgreat { background:url(../images/feelGreat.gif) 0 0 no-repeat; }
#content h3 { width:520px; height:35px; padding:0; margin:0; text-indent:-9999px; color:#000000; }
#content h3.thanks { background:url(../images/thankYou.gif) 0 0 no-repeat; }
#readStory { position:relative; } 
#readStory h4 { position:absolute; left:110px; background:#a8c149; text-align:center; width:285px; height:44px; line-height:44px; color:#fff; font-size:20px; margin:0; padding:0; font-family: "Trebuchet MS", verdana, arial; }


/* footer styles */
#footer { width:750px; border-bottom:10px solid #67ADE2; font:12px Arial, Helvetica, sans-serif; }
#footer .fauxSide { width:200px; float:left; height:50px; background:#67ADE2; }
#footer .navContainer { float:left; height:50px; width:550px; }
#footer ul, #footer ul li { display:inline; text-align:center; list-style:none; padding:0; margin:0; }
#footer ul { display:block; width:365px; position: relative; left:75px; height:50px; }
#footer ul li { margin:0 5px;  }
#footer a { color:#000; text-decoration:underline; }
#footer a:hover { text-decoration:none; }

.star {color:#FF0000;}
.errorMsg {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #FF0000;text-decoration: none; font-weight:bolder}
.button { 	font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight:bold;	color:#FFFFFF;font-size: 11px;text-transform: none;	text-decoration: none; background-color:#89Ab4A; border-color:#000000; border-width:1px;
}