body {
margin:0;
padding:0;
background:#ebebeb url(../images/arcd/bodyBG.gif) 0 0 repeat;
text-align:center;
}
/*----------------------------
HEADER
----------------------------*/
div#header {
margin:0 auto;
padding:0;
width:760px;
background:transparent url(../images/arcd/whtShadowBG.gif) 0 0 repeat-y;
text-align:center;
}
div#header img {
margin:6px 12px;
padding:0;
border:1px solid #ed1b2d;
}

/*----------------------------
NAVIGATION
----------------------------*/
div#siteNav {
margin:0;
padding:0;
width:100%;
background:#fff url(../images/arcd/siteNavBG.gif) 0 0 repeat-x;
border-top:1px solid #898989;
border-bottom:1px solid #898989;
text-align:center;
clear:both;
}
div#siteNav table#navShell {
margin:0 auto;
width:760px;
background:transparent url(../images/arcd/navBG.gif) 0 0 no-repeat;
}
table#navShell td {
white-space:nowrap;
}
ul#nav {
margin:0 5px;
padding:0;
list-style-type:none;
}
ul#nav li {
float:left;
margin:0;
padding:0;
border-left:1px solid #8b8b8b;
border-right:1px solid #191919;
}
ul#nav li a.main {
display:block;
padding:6px 0 7px;
font:bold 11px/11px "Lucida Grande","Lucida Sans",Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
text-decoration:none;
border:none;
}
ul#nav li a.main:hover {
color:#ed1b2d;
}

ul#nav li a#aboutUs, ul#nav li a#donate, ul#nav li a#volunteer, ul#nav li a#services, ul#nav li a#takeClass { width:123px; }
ul#nav li a#events { width:121px;}

ul#nav li ul {
z-index:1000;
position: absolute;
left:-9999em;
margin:0;
padding:0;
width:122px;
border:2px solid #ed1b2d;
background-color:#ebebeb;
list-style-type:none;

}
ul#nav li ul li {
float:none;
margin:0;
padding:0;
width:122px;
border:none;
}

#nav li a.sub {
width:114px;
display:block;
margin:0;
padding:4px;
font:normal 10px/12px "Lucida Grande","Lucida Sans",Arial, Helvetica, sans-serif;
text-align:left;
text-decoration:none;
color:#4d4d4d;
}
#nav li a.sub:hover {
color:#fff;
background-color:#ed1b2d;
}
#nav li a#sn_Link1,#nav li a#sn_Link2 { background:transparent url(../images/arcd/subNavCross.gif) 108px 6px no-repeat;}
#nav li a#sn_Link1:hover,#nav li a#sn_Link2:hover  { background-color:#ed1b2d; background-image:url(../images/arc/subNavCrossHover.gif)}

#nav li ul ul {
margin:-20px 0 0 122px;
padding:0;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

/*----------------------------
CONTENT
----------------------------*/
div#content {
margin:0 auto;
padding:6px 0 6px 0;
width:760px;
background:transparent url(../images/arcd/whtShadowBG.gif) 0 0 repeat-y;
text-align:center;
}
div#content div#printEmail {
position:relative;
margin:0 12px;
width:736px;
background:transparent url(../images/arcd/printEmailBG.gif) 0 0 repeat-y;
text-align:right;
}

div#printEmail a#volLogin, div#printEmail a#volLogin:visited {
display:block;
position:absolute;
left:0;
top:0;
margin:0;
padding-bottom:0;
background:transparent url(http://www.redcrossdallas.org/images/content/pagebuilder/16385.jpg) 0 0 no-repeat;
width:141px;
height:19px;
text-indent:-9999em;
text-align:left;
}

div#printEmail a, div#printEmail a:visited{
margin:0 6px;
padding-bottom:2px;
font:bold 10px/12px "Lucida Grande","Lucida Sans",Arial, Helvetica, sans-serif;
color:#666;
text-transform:uppercase;
text-decoration:none;
}
div#printEmail a:hover{
color:#ed1b2d;
}
div#printEmail a#printPage {
padding-left:20px;
background:transparent url(../images/arcd/printIcon.gif) 0 0 no-repeat;	
}
div#printEmail a#tellAFriend {
margin-right:0;
padding-left:36px;
background:transparent url(../images/arcd/emailIcon.gif) 16px 1px no-repeat;
border-left:1px solid #ed1b2d;
}


/*----- INDEX PAGE -----*/

table#indexShell {
margin:6px 12px 0;
width:732px;
border:1px solid #ed1b2d;
}
table#indexShell td#lftSidebar {
padding:0;
width:140px;
text-align:center;
}
h3#givingBar {
display:block;
margin:0;
padding:0;
width:140px;
height:279px;  
background:transparent url(../images/arcd/givingbar2.jpg) 0 0 no-repeat;  
text-indent:-9999em; 
}
a.giveBtn {
display:block;
margin:0;
padding:0;
width:140px;
height:26px;
background-position: 0 0;
background-repeat:no-repeat;
text-indent:-999px;
}
a#givebloodBtn { background-image:url(../images/arcd/givebloodBtn2.gif);} 
a#donateBtn { background-image:url(../images/arcd/donateBtn.gif);}
a#volunteerBtn { background-image:url(../images/arcd/volunteerBtn.gif);}
a#trainBtn { background-image:url(../images/arcd/trainBtn.gif);}
a#prepareBtn { background-image:url(../images/arcd/prepareBtn.gif);}

a.giveBtn:hover {
background-position: 0 -26px;
}

a#storeBtn {
display:block;
margin:4px 0 0 0;
padding:0;
width:140px;
height:46px;
background:transparent url(../images/arcd/storeBtn.gif) 0 0 no-repeat;
text-indent:-9999px;
}
a#storeBtn:hover {
background-position: 0 -46px;
}
form#emailSignUp {
display:block;
margin:4px 0 0 0;
padding:0 0 4px;
width:140px;
background:#757575 url(../images/arcd/emailSignUpBG.gif) 0 0 repeat-x;
border-top:1px solid #dcdcdc;
border-bottom:1px solid #4d4d4d;
text-align:right;
}
form#emailSignUp img#emailSignUpHdr {
margin:4px 5px 3px;
padding:0;
width:130px;
height:16px;
border:none;
}
form#emailSignUp input.txtField, div#mbrLogin input.txtField{
margin:0 5px 6px;
padding:2px 0;
width:128px;
background-color:#f6f6f6;
border:1px solid #7a7a7a;
font:normal 9px/12px "Lucida Grande","Lucida Sans",Arial, Helvetica, sans-serif;
color:#5a5a5a;
text-align:left;
text-indent:3px;
}
form#emailSignUp input#signUpBtn, div#mbrLogin input#loginBtn{
margin:0 5px;
padding:2px 0;
background:#ed1b2d url(../images/arcd/emailSignUpBtnBG.gif) 0 0 repeat-x;
border:1px solid #b90000;
font:bold 10px/12px "Lucida Grande","Lucida Sans",Arial, Helvetica, sans-serif;
color:#fff;
text-transform:uppercase;
}
table#indexShell td#rtSidebarTop {
padding:0;
width:154px;
text-align:center;
}

td#rtSidebarTop div#mbrLogin{
margin:0;
padding:0 0 25px;
background:#757575 url(../images/arcd/memberLoginBG.gif) 0 0 repeat-x;
text-align:left;
}
div#mbrLogin h4{
margin:0;
padding:0;
width:154px;
height:25px;
background:transparent url(../images/arcd/memberLogin.gif) 0 0 no-repeat;
text-indent:-9999px;
} 
div#mbrLogin form {
display:block;
margin:5px 0;
padding:0 0 23px;
width:153px;
text-align:right;
border-bottom:1px solid #575757;
}
div#mbrLogin input#username, div#mbrLogin input#password {
width:136px;
}
div#mbrLogin a,div#mbrLogin a:visited {
display:block;
margin:0 0 4px 5px;
padding:0;
font:bold 10px/14px "Lucida Grande","Lucida Sans",Arial, Helvetica, sans-serif;
color:#fff;
}
td#rtSidebarTop a#registerNow, td#rtSidebarTop a#registerNow:visited {
display:block;
margin:4px 0 0;
padding:0;
width:154px;
height:93px;
background:transparent url(../images/arcd/registerNow.gif) 0 0 no-repeat;
text-indent:-9999px;
}
td#rtSidebarTop a#registerNow:hover {
background-position:0 -93px;
}

table#indexShell td#splash {
padding:0 0 4px;
width:424px;
text-align:center;
border-bottom:1px solid #9c9c9c;
}
td#splash img,td#subSplashLft img,td#subSplashRt img{
border:none;
} 

table#indexShell td#rtSidebarBtm {
padding:0;
width:153px;
background:transparent url(../images/arcd/printEmailBG.gif) -330px 0 repeat-y;
border-left:1px solid #9c9c9c;
border-bottom:1px solid #9c9c9c;
text-align:center;
}
td#rtSidebarBtm h4.listHeader{
margin:0 0 5px;
padding:0;
width:153px;
height:25px;
text-indent:-9999px;
}
td#rtSidebarBtm h4#recentNews {
background:transparent url(../images/arcd/recentNews.gif) 0 0 no-repeat;
}
td#rtSidebarBtm h4#upcomingEvents {
margin-top:8px;
background:transparent url(../images/arcd/upcomingEvents.gif) 0 0 no-repeat;
}
td#rtSidebarBtm a, td#rtSidebarBtm a:visited{
display:block;
margin:0 0 5px;
padding:2px 0 2px 18px;
width:135px;
font:bold 10px/14px "Lucida Grande","Lucida Sans",Arial, Helvetica, sans-serif;
color:#333;
text-align:left;
}
td#rtSidebarBtm a.news{
background:transparent url(../images/arcd/newsIcon.gif) 4px 4px no-repeat;
}
td#rtSidebarBtm a.event{
background:transparent url(../images/arcd/eventsIcon.gif) 4px 4px no-repeat;
}
td#rtSidebarBtm a:hover{
color:#fff;
background-color:#7a7a7a;
}

/*----- SUB PAGE -----*/

div#content div#sbShell {
float:left;
margin:6px 12px;
padding:4px;
width:140px;
border:1px solid #ed1b2d;
text-align:center;
}
div#content div#subPgContent {
margin:6px 12px 6px 174px;
padding:24px 0 12px 6px;
background:transparent url(../images/arcd/subPgContentBG.gif) 0 0 repeat-x;
font:normal 11px/18px "Lucida Grande","Lucida Sans",Arial, Helvetica, sans-serif;
color:#454545;
text-align:left;
}
div#subPgContent h1 {
margin:0 0 4px;
padding-bottom:10px;
font-size:24px;
font-weight:normal;
color:#ed1b2d;
border-bottom:1px solid #b4b4b4;
}
div#subPgContent h2 {
margin:0;
padding:0;
font:italic bold 14px/18px Georgia,"Times New Roman",Times, serif;
color:#0050a0;
}
div#subPgContent p {
margin:4px 0 10px;
}
div#subPgContent a, div#subPgContent a:visited {
padding-bottom:2px;
color:#0050a0;
text-decoration:none;
border-bottom:1px dotted #0050a0;
}
div#subPgContent a:hover {
color:#ed1b2d;
border-color:#ed1b2d;
}
div#subPgContent blockquote {
float:right;
margin:0 12px 12px 6px;
padding:6px;
width:172px;
font-style:italic;
background-color:#eaeaea;
border:1px solid #0050a0;
}

/*----------------------------
FOOTER
----------------------------*/	
div#footer {
clear:both;
margin:0 auto;
padding:0;
width:760px;
background:transparent url(../images/arcd/whtShadowBG.gif) 0 0 repeat-y;
font:normal 10px/12px "Lucida Grande","Lucida Sans",Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
}
div#footer div#copyright {
margin:0 6px;
padding:6px 0;
width:748px;
background:transparent url(../images/arcd/copyrightBG.gif) 0 0 repeat-x;
text-align:left;
}
div#copyright div#footerNav {
float:right;
margin:0 12px 4px 0;
text-align:right;
}
div#footerNav a,div#footerNav a:visited,div#footerNav a:hover {
color:#fff;
}
div#copyright  div#contactInfo {
clear:both;
text-align:center;
}
div#footer div#credits {
margin:0 6px;
padding:6px 0;
width:748px;
background:transparent url(../images/arcd/creditsBG.gif) 0 0 repeat-x;
text-align:center;
}
div#credits img{
margin:0 8px;
border:none;
}