BODY { margin: 0; padding: 0; background: #fff url(/images/header_bg.gif) repeat-x; }
BODY, INPUT, SELECT, TEXTAREA { color: #333; font-size: 12px; font-weight: normal; font-family: Arial, sans-serif; }
INPUT { padding: 1px 2px; border: 1px solid #cccccc; }
INPUT.bntRadio { border: none; vertical-align: -3px; }
TEXTAREA { padding: 5px; border: 1px solid #cccccc; }
FORM { margin: 0; padding: 0; }
IMG { border: none; vertical-align: -3px; }
P { margin: 5px 0; }
OL, UL { margin-top: 10px; margin-bottom: 10px; }
A { color: #28539c; text-decoration: none; }
A:hover { text-decoration: underline; }

#skipNav {position: absolute; top: 0; left: -8000px; font-size: 0;}

/* layout */
.page { width: 749px; margin: 0 auto; padding-top: 20px; }

#leftPanelHP H3, #leftPanel H3 { margin: 0; padding: 0 12px; color: #000; font-size: 11px; font-weight: bold; }
#leftPanelHP { color: #333; font-size: 11px; font-weight: normal; font-family: Arial, sans-serif; }
#leftPanelHP .horSep, #leftPanel .horSep { background: url(/images/horSep_etill.gif) repeat-x; background-position: 0 50%; height: 16px; font-size: 0; line-height: normal; }

#leftPanelHP { float: left; width: 166px; background: #92978b url(/images/columnleft_bot_etill.gif) no-repeat bottom; color: #000; padding-bottom: 20px; }
#leftPanelHP P { margin: 5px 0 0; padding: 0 12px; line-height: 16px; }

#leftPanel { float: left; width: 166px; background: #92978b url(/images/columnleft1_bg_etill.gif) repeat-y top; color: #000; }
#leftPanel .top { background: url(/images/columnleft1_top_etill.gif) no-repeat top; width: 100%; padding-top: 10px; }
#leftPanel .bottom { background: url(/images/columnleft1_bot_etill.gif) no-repeat bottom; height: 20px; font-size: 0; }
#leftPanel P { margin: 5px 0 5px; padding: 0 12px; line-height: 16px; }
#leftPanel UL { margin: 7px 0 5px;	padding: 0 12px; list-style: none; }
#leftPanel UL LI { background: url(/images/mark_list.gif) no-repeat; background-position: 0 4px; padding-left: 13px; margin-bottom: 5px; }
#leftPanel UL LI UL LI { background: none; }
#leftPanel { color: #333; font-size: 11px; font-weight: normal; font-family: Arial, sans-serif; }

#content { float: right; width: 550px; line-height: 16px; }
#content .horSep { padding-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; height: 1px; font-size: 0; line-height: normal; }


/* header */
#header { width: 749px; height: 96px; background: url(/images/e-Tillfr.gif) no-repeat right bottom; margin: 0 auto; }
#header A.RCC { display: block; float: left; background: url(/images/e-Till_logo_green.gif) no-repeat; width: 165px; height: 85px; margin-top: 7px; }
#header H1 { text-indent: -8000px; margin: 0; padding: 0; font-size: 0; }


/* menu */
#navBarTop { float: right; font-size: 12px; color: #fff; }
#navBarTop A { font-size: 12px; color: #fff; text-decoration: none; }
#navBarTop A:hover { text-decoration: underline; }

#navBar { background: #275b8d url(/images/menu/menu_bg.gif) repeat-x; height: 26px; }
#navBar UL { margin: 0 auto; padding: 0; width: 750px; height: 26px; list-style: none; }
#navBar UL LI { float: left; }
#navBar LI A { text-indent: -8000px; }
#navBar LI A.FinancialSolutions { display: block; width: 125px; height: 26px; background: url(/images/menu/financial_solutions_fr.gif) no-repeat; }
#navBar LI A.PaymentProcessing { display: block; width: 125px; height: 26px; background: url(/images/menu/payment_processing_fr.gif) no-repeat; }
#navBar LI A.Connectivity { display: block; width: 125px; height: 26px; background: url(/images/menu/connectivity_fr.gif) no-repeat; }
#navBar LI A.POSHardware { display: block; width: 125px; height: 26px; background: url(/images/menu/pos_hardware_fr.gif) no-repeat; }
#navBar LI A.POSSoftware { display: block; width: 125px; height: 26px; background: url(/images/menu/pos_software_fr.gif) no-repeat; }
#navBar LI A.MemberServices { display: block; width: 125px; height: 26px; background: url(/images/menu/member_services_fr.gif) no-repeat; }
#navBar LI A:hover { background-position: 0 -26px; }
#navBar LI A.active { background-position: 0 -26px; }


/* block */
H2.EtillNavTop { margin: 0; padding: 0; background: url(/images/e-Till_nav_left.gif) no-repeat; width: 166px; height: 26px; text-indent: -8000px; }
.MemberLogin { background: url(/images/columnleft_top_etill.gif) repeat-x; padding: 0 12px; }
.MemberLogin P { float: left; width: 50%; margin: 0; padding: 0 !important; border: none !important; }
.MemberLogin LABEL { display: block; color: #666; }
.MemberLogin INPUT { width: 62px; clear: both; }

.AlertsBulletins { float: left; width: 46%; padding-top: 10px; }
.AlertsBulletins H2 { margin: 0 0 13px; padding: 0; background: url(/images/titles/Alerts_and_Bulletins.gif) no-repeat; height: 28px; text-indent: -8000px; border-bottom: 1px solid #ccc; }
.AlertsBulletins UL { margin: 0; padding: 0; list-style: none; }
.AlertsBulletins LI.alert { background: url(/images/mark_alert.gif) no-repeat; background-position: 0 2px; padding-left: 25px; margin-bottom: 15px; }
.AlertsBulletins LI.bulletin { background: url(/images/mark_bulletin.gif) no-repeat; background-position: 0 2px; padding-left: 25px; margin-bottom: 15px; }

.BenefitsSpotlights { float: left; width: 46%; padding-top: 20px; }
.BenefitsSpotlights H2 { margin: 0 0 13px; padding: 0; background: url(/images/titles/Benefits_Spotlights.gif) no-repeat; height: 28px; text-indent: -8000px; border-bottom: 1px solid #ccc; }
.BenefitsSpotlights UL { margin: 0; padding: 0 0 5px; list-style: none; }
.BenefitsSpotlights LI { background: url(/images/mark_benefits.gif) no-repeat; background-position: 0 1px; padding-left: 28px; margin-bottom: 10px; font-weight: bold; color: #cc0001; }

.FeaturedEvents { float: right; width: 46%; padding-top: 20px; }
.FeaturedEvents H2 { margin: 0 0 13px; padding: 0; background: url(/images/titles/Featured_Events.gif) no-repeat; height: 28px; text-indent: -8000px; border-bottom: 1px solid #ccc; }
.FeaturedEvents H3 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; }
.FeaturedEvents H3 SPAN { font-style: italic; margin-left: 15px; }
.FeaturedEvents P { margin: 0; }

.LobbyingAdvocacy { padding-top: 10px; }
.LobbyingAdvocacy H2 { margin: 0 0 13px; padding: 0; background: url(/images/titles/Lobbying_and_Advocacy.gif) no-repeat; height: 28px; text-indent: -8000px; border-bottom: 1px solid #ccc; }
.LobbyingAdvocacy IMG { float: right; padding-left: 25px; }

.Committees { padding-top: 20px; }
.Committees H2 { margin: 0 0 13px; padding: 0; background: url(/images/titles/Committees.gif) no-repeat; height: 28px; text-indent: -8000px; border-bottom: 1px solid #ccc; }
.Committees IMG { float: left; border: 1px solid #ccc; width: 69px; height: 69px; margin-top: 8px; }
.Committees P { float: right; width: 450px; }


.barcode { float: right; background: url(/images/store_frontpage.gif) no-repeat; width: 276px; height: 158px; margin-top: 35px; }



/* buttons */
#leftPanelHP A.btn { margin-left: 66px; }
A.btn { display: block; width: 76px; height: 22px; line-height: 22px; background: url(/images/btn_bg.gif) no-repeat; text-align: center; margin-top: 5px; clear: both; }
A:hover.btn { background-position: 0 -22px; text-decoration: underline; }


/* footer */
#footer { clear: both; width: 749px; margin: 0 auto; padding: 30px 0 5px; font-weight: bolder; color: #999; text-align: center; }
#footer A { color: #999; text-decoration: none; }
#footer A:hover { text-decoration: underline; }
#footer P { color: #aba099; font-size: 10px; margin-top: 5px; }


P.print { text-align: right; margin: 0; padding: 0; }
P.print A { display: block; background: url(/images/mark_print.gif) no-repeat; background-position: 100% 50%; padding-right: 25px; height: 20px; }

.path { font-weight: bold; color: #28529c; margin-bottom: 15px; padding: 3px 0 6px; border-bottom: 1px solid #ccc; }
.path A { text-decoration: none; }

.noBrd { border: none !important; }
.nowrap { white-space: nowrap; }
.aRight { text-align: right; }

.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; font-size: 0; }