body {background: #fff; color: #000;}
#wrap {width: 750px; margin: 0 auto; padding: 0; position: relative; font-size: 1.1em;}
#demo {text-align:center;font-weight:bold;background:#ddd;color:#333;margin-bottom:1em;padding:1em;}
/**************************************************header**************************************************/
#header {background: url(../images/bg-home-header.jpg) no-repeat; color: #fff; height: 164px; margin: 6px 0 4px 0; z-index: 9999; position: relative;}
#header h1 a {width: 216px; height: 121px; top: 1px; left: 43px; position: absolute;}
#header ul#headerNav {width: 100%; bottom: 0; height: 24px; position: absolute; z-index: 999;}
#header ul#headerNav li {height: 24px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.hdrhover {background-position: 0 -24px;}
#header ul#headerNav li a {background: transparent; height: 24px; left: 0; position: absolute; display: block;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#ae {background-image: url(../images/headerNav-aelnk.gif); width: 117px; left: 13px;}
#header ul#headerNav li#ae a#aelnk {width: 117px;}
#header ul#headerNav li#eb {background-image: url(../images/headerNav-eblnk.gif); width: 182px; left: 157px;}
#header ul#headerNav li#eb a#eblnk {width: 182px;}
#header ul#headerNav li#ep {background-image: url(../images/headerNav-eplnk.gif); width: 116px; left: 368px;}
#header ul#headerNav li#ep a#eplnk {width: 116px;}
#header ul#headerNav li#cu {background-image: url(../images/headerNav-culnk.gif); width: 58px; left: 580px;}
#header ul#headerNav li#cu a#culnk {width: 58px;}
/*1st level dropdown*/
#header ul#headerNav li ul {background: #b52; color: #fff; width: 15em; height: auto; margin: 24px 0 0 0; left: -9999px; position: absolute; z-index: 99; border: solid #fff; border-width: 1px 1px 0 1px;}
#header ul#headerNav li ul li {height: auto; top: auto; display: inline; position: relative;}
#header ul#headerNav li ul li a {background: #b52; color: #fff; height: auto; padding: 5px 10px 5px 16px; left: auto; font-size: 1em; position: relative; border-bottom: 1px solid #fff;}
#header ul#headerNav li ul li a:hover {background: #55a; color: #fff; display: block; text-decoration: none;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.hdrhover ul {left: 0px;}

/**************************************************content area********************************************/
#content {background:url(../images/2011-updates/home-content-bg.png) no-repeat; position: relative; margin: 0 0 10px 0; padding: 0 0 5px 0;}/*see ie.css for fixes*/
#content p#banner-transaction-policy a {background: url(../images/banner-transaction-policy.gif) no-repeat; width: 390px; height: 24px; top: -15px; left: 185px; position: absolute; z-index: 9; display: block; text-indent: -9999px;}
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {color: #fff; width: 473px; height:377px; margin:0; position: relative; float: left; padding:115px 0 0 0;}/*see ie.css for fixes*/
#main form {width:220px; margin:0 0 0 27px; position: relative;}
#main form input {width: 202px; color: #999; font-size:10px; font-family:Verdana, Geneva, sans-serif; padding:5px; margin:0 0 16px 0;}
#main form input#password {margin:0 0 5px 0;}
#main form a {color: #abd; font-style: italic;}
#main form a:hover {color:#fff; text-decoration:none;}
#main form a.openId {background: url(../images/openid_small_logo.png) no-repeat; margin: 10px 0 0 11px; padding: 0 0 5px 23px; font-weight: bold; font-style: normal; display: block;}
#main form fieldset#openIdGiver {display: none;}
#main form input#openid_identifierGiver {background: url(../images/openid_small_logo.png) #fff no-repeat 2px 50%; border:none; color: #999; margin: 0 0 5px 0; padding: 5px 5px 5px 20px;}
#main form a.username {margin:10px 0 0 11px; padding: 0 0 5px 23px; font-weight: bold; font-style: normal; display: block;}
#main form p {background: none; margin: 0; padding: 0;}
#main form input#btnLoginGiver {width:58px; height:23px; background:url(../images/2011-updates/login-btn.png) no-repeat; border:none; cursor:pointer; position:absolute; right:18px; bottom:-16px;}
#main form input#btnLoginGiver:hover {background-position:bottom left;}

#main a#makeagift {background: url(../images/make-a-gift.gif); width: 336px; height: 48px; margin: 0 0 0 17px; display: block;}
#main a#makeagift:hover {background-position: 0 -48px;}
#main p {color: #fff; font-size:11px; line-height:16px; margin:0 0 45px 27px;}
#main a.register {background:url(../images/2011-updates/register-callout.png) no-repeat; width:203px; height:184px; display:block; overflow:hidden; text-indent:-999em; position:absolute; right:0px; top:145px;}
#main a.register:hover {background-position:bottom left;}
#main a.gift-without-account {display:block; overflow:hidden; text-indent:-999em; background:url(../images/2011-updates/make-gift-callout.png) no-repeat; padding:0; height:81px; width:436px; position:absolute; left:20px; bottom:59px;}
#main a.gift-without-account:hover {background-position:bottom left;}
#main a.gift-learnmore {display:block; overflow:hidden; text-indent:-999em; background:url(../images/2011-updates/gift-learnmore.png) no-repeat; padding:0; height:27px; width:292px; position:absolute; right:18px; bottom:20px;}
#main a.gift-learnmore:hover {background-position:bottom left;}

#main a.moreinformation {background:  url(../images/more-information-giver.gif); width: 336px; height: 49px; margin: 0 0 10px 17px; display: block;}
#main a.moreinformation:hover {background-position: 0 -49px;}

/**************************************************left column*********************************************/
#sidebar {color: #fff; width:277px; height:377px; position: relative; float: left; padding:115px 0 0 0;}
#sidebar form {width:220px; margin:0 0 0 32px; position: relative;}
#sidebar form input {width: 202px; color: #999; font-size:10px; font-family:Verdana, Geneva, sans-serif; padding:5px; margin:0 0 16px 0;}
#sidebar form input#password1 {margin: 0 0 10px 0;}
#sidebar form a {color: #abd; font-style: italic;}
#sidebar form a:hover {color:#fff; text-decoration:none;}
#sidebar form a.openId {background: url(../images/openid_small_logo.png) no-repeat; margin: 10px 0 0 11px; padding: 0 0 5px 23px; font-weight: bold; font-style: normal; display: block;}
#sidebar form fieldset#openIdReceiver {display: none;}
#sidebar form input#openid_identifierReceiver {background: url(../images/openid_small_logo.png) #fff no-repeat 2px 50%; border:none; color: #999; margin: 0 0 5px 0; padding: 5px 5px 5px 20px;}
#sidebar form a.username {margin:10px 0 0 11px; padding: 0 0 5px 23px; font-weight: bold; font-style: normal; display: block;}
#sidebar form p {background: none; margin: 0; padding: 0;}
#sidebar form input#btnLoginReceiver {width:58px; height:23px; background:url(../images/2011-updates/login-btn.png) no-repeat; border:none; cursor:pointer; position:absolute; right:18px; bottom:-16px;}
#sidebar form input#btnLoginReceiver:hover {background-position:bottom left;}
#sidebar a#makegivingeasy {background: url(../images/make-giving-easy.gif); width: 336px; height: 48px; margin: 0 0 0 17px; display: block;}
#sidebar a#makegivingeasy:hover {background-position: 0 -48px;}
#sidebar p {color: #fff; font-size:11px; line-height:16px; margin:0 0 45px 32px;}
#sidebar a.moreinformation {background: url(../images/more-information-receiver.gif); width: 336px; height: 49px; margin: 0 0 10px 17px; display: block;}
#sidebar a.moreinformation:hover {background-position: 0 -49px;}
#sidebar a.apply-account {display:block; overflow:hidden; text-indent:-999em; background:url(../images/2011-updates/apply-callout.png) no-repeat; padding:0; height:72px; width:276px; position:absolute; left:0px; bottom:68px;}
#sidebar a.apply-account:hover {background-position:bottom left;}

#sidebar a.apply-learnmore {display:block; overflow:hidden; text-indent:-999em; background:url(../images/2011-updates/apply-learnmore.png) no-repeat; padding:0; height:45px; width:211px; position:absolute; left:39px; bottom:9px;}
#sidebar a.apply-learnmore:hover {background-position:bottom left;}

div.copy {background: #d8dbe2; margin: 0 17px; height: 24em; overflow: auto;}

/**************************************************footer**************************************************/
#footer {background: url(../images/bg-home-footer.gif) no-repeat; /*height: 100%;*/ margin: 0 0 20px 0; position: relative; clear: both;}
#footer p#copyright {color: #b52; top: 15px; left: 255px; position: absolute;}
#footer ul#footerNav {padding: 15px; text-align: right;}
#footer ul#footerNav li {color: #55a; list-style: none; display: inline;}
#footer ul#footerNav li a {font-weight: bold;}
#footer #buttons {text-align: right;}
#footer #buttons a {margin: 0 0 0 5px;}
#footer ul#socialNav {position:absolute; display:block; height:25px; width:75px; top:26px; left:38px; margin:0; padding:0;}
#footer ul#socialNav li {display:block; float:left; height:25px; width:25px; list-style:none; margin:0; padding:0;}
#footer ul#socialNav li a {display:block; text-indent:-9999em; overflow:hidden; background-image:url(../images/social-media-icons.jpg); background-repeat:no-repeat; width:25px; height:25px; margin:0; padding:0;}
#footer ul#socialNav li a.facebook {background-position:0px 0px;}
#footer ul#socialNav li a.facebook:hover {background-position:0px -25px;}
#footer ul#socialNav li a.twitter {background-position:-25px 0px;}
#footer ul#socialNav li a.twitter:hover {background-position:-25px -25px;}
#footer ul#socialNav li a.linkedin {background-position:-50px 0px;}
#footer ul#socialNav li a.linkedin:hover {background-position:-50px -25px;}