* { margin: 0; padding: 0; }
img { border: 0; }
table { border-collapse: collapse; }
address { color: #7f7f7f; font-size: 68%; font-variant: small-caps; font-style: normal; padding: 3px 3px 0 0; text-align: right; }

body { color: #333; font: medium/1.2 tahoma, verdana, geneva, sans-serif; background: #00396e url(/images/bg_body.gif) repeat-y center; }
#center { width: 744px; margin: 0 auto; position: relative; }

/*header*/
#header { background: #fff url(/images/bg_header.gif) repeat-x bottom; height: 107px; }
h1 { background: url(/images/logo_main.gif) no-repeat bottom right; height: 96px; width: 305px; text-indent: -9999px; padding: 6px 0 0 12px; }
h2 { position: absolute; top: 34px; left: 315px; font-size: 80%; color: #7f7f7f; text-align: right; width: 423px; font-weight: normal; line-height: 1.4em; }
#corner_l { position: absolute; top: 106px; left: 0; height: 1px; width: 1px; background-color: #fff; overflow: hidden; }
#corner_r { position: absolute; top: 106px; left: 743px; height: 1px; width: 1px; background-color: #fff; overflow: hidden; }

/*banner*/
#flash { position: absolute; top: 112px; left: 217px; }
#flash p { visibility: hidden; }

#banner_ts { position: absolute; top: 112px; left: 0; width: 217px; height: 19px; background: url(/images/banner_ts.jpg); overflow: hidden; }
#banner_left { position: absolute; top: 131px; left: 0; width: 22px; height: 182px; background: url(/images/banner_left.jpg); overflow: hidden; }

/*navigation*/
#nav { position: absolute; top: 131px; left: 24px; width: 191px; background: url(/images/bg_nav.gif) repeat-y; padding-bottom: 12px; z-index: 1; }
#nav ul { list-style: none; overflow: hidden; font-size: 68%; text-align: right; }
#nav ul ul { font-size: 100%; padding: 4px 0; }
#nav li { position: relative; } /* for arrow placement */

#nav ul a { display: block; height: 22px; background-image: url(/images/nav_off.gif); background-repeat: repeat-y; color: #fff;
    text-decoration: none; font-weight: bold; padding: 7px 16px 0 0; }
#nav ul ul a { height: 14px; background-image: none; font-weight: normal; padding: 0 16px 0 0; }
#nav ul a.active { color: #ff8500; }
#nav ul a:hover { background-image: url(/images/nav_on.gif); }
#nav ul ul a:hover { text-decoration: underline; color: #ff8500; background-image: none; }
#nav ul a.active:hover { background-image: url(/images/nav_off.gif); } /* for firefox */
#nav ul ul a.active:hover { background-image: none; text-decoration: none; }
#nav span { display: block; width: 7px; height: 5px; text-indent: -9000px; background: url(/images/nav_arrow.gif); overflow: hidden;
    position: absolute; top: 12px; left: 12px; }
#nav div { background: url(/images/nav_divider.gif); height: 1px; overflow: hidden; }

/* zig zag */
#bg_3_bottom { position: absolute; top: 313px; left: 0; width: 744px; height: 9px; background: url(/images/bg_3_bottom.gif) repeat-x; overflow: hidden; }
#zigzag { height: 224px; background: url(/images/zigzag.gif) repeat-x 4px bottom; overflow: hidden; }

/* content */
h3 { color: #00396e; font-size: 100%; border-left: 4px solid #ff8500; padding: 0 0 0 6px; }
#content p, #content ul { font-size: 80%; line-height: 1.5em; }
#content p.blue { color: #00396e; }
#content ul { padding-left: 15px; }
#content a { color: #FF8500; text-decoration: none; }
#content h5 a { color: #333; }
#content a:hover { text-decoration: underline; color: #f30; }

#content div.entry { padding: 12px 0 12px 5px; border-bottom: 2px solid #e3e3e3; }

form.newsletter { font-size:85%;padding-top:5px }
form.newsletter input.button { border:0;padding:0;margin-bottom:-5px }
#constantcontact { width:181px;height:24px;overflow:hidden;background: url(http://img.constantcontact.com/ui/images1/safe_subscribe_logo.gif) no-repeat center center; }

#ubahome { display: block; width: 128px; height:90px; margin: 4px 0 4px 59px; background: url(/images/logo_uba.gif) no-repeat 5px 5px; text-indent:-9999px;}

div.widget {margin-bottom:10px;}

#content address.home { border-bottom: 2px solid #e3e3e3; padding-bottom: 10px; }

/* forms */
form th { text-align: left; font-weight: normal; padding: 0 10px 10px 0; white-space: nowrap; width: 1%; }
form td { vertical-align: top; }
input, textarea { font: 100% monaco, monospace; padding: 0 2px; border: 1px solid #aaa; border-bottom-color: #eee; border-right-color: #eee; }

/* main content */
#main_content { margin: 4px 0 0 218px; width: 322px; border: 1px solid #ededed; border-width: 0 1px; padding: 7px 0 2em 0; }
#main_content h3 { margin-left: 21px; }
#main_content p { padding: 12px 19px 0 21px; text-align: justify; }
#main_content img { float: left; padding: 17px 12px 0 18px; }

#main_content.wide { margin: 4px 0 0 21px; width: 520px; border-left-width: 0; }
#main_content.wide h3 { margin-left: 0; }
#main_content.wide p { padding-left: 5px; }

#full_content { margin: 4px 0 0 21px; width: 705px; padding: 7px 0 1em 0; }

/* side content */
#banner_top { position: absolute; top: 112px; left: 217px; width: 527px; height: 19px; background: url(/images/banner_top.jpg); overflow: hidden; }
#banner_ls { position: absolute; top: 131px; left: 217px; width: 12px; height: 182px; background: url(/images/banner_ls.jpg); overflow: hidden; }
#banner_rs { position: absolute; top: 131px; left: 732px; width: 12px; height: 182px; background: url(/images/banner_rs.jpg); overflow: hidden; }
#bg_3_bottom.side { width: 229px; height: 84px; }

#side_content { margin: 26px 0 0 229px; width: 475px; padding: 7px 10px 2em 18px; }
#side_content p, #side_content h5 { padding-top: 12px; }
#side_content img { float: right; padding: 17px 12px 0 18px; }

/* left content */
#left_content { position: absolute; top: 342px; left: 21px; width: 186px; }
#left_content img { margin: 12px 34px 0 34px; }

/* rightbar */
#rightbar { position: absolute; top: 342px; left: 550px; width: 185px; }
#rightbar form { font-size: 68%; padding: 16px 0 5px 11px; border-bottom: 2px solid #e3e3e3; margin-bottom: 12px; }
#rightbar input { width: 105px; }
#rightbar h3 { margin-left: 11px; }
#rightbar img { margin-left: 6px; }

#rightbar table.send { margin-top: 3px; }
#rightbar table.send td { text-align: right; font-size: 0em; }
#rightbar table.send input { border: 0; padding: 0; width: auto; }

/* footer */
h6 { font-weight: normal; background-color: #00396e; color: #fff; font-size: 70%; padding: 20px; margin: 5px 0 1em 0;
    border: 1px solid #d0d0d0; border-left-color: #ccc; border-right-color: #ccc; }
h6 a { color: #fff; }
h6 a:hover { text-decoration: none; }

/* page: contact us */
#contact { font-size: 80%; padding: 16px 9px 0 6px; }
#contact label { line-height: 1.3em; }
#contact input { background-color: #f1f1f1; }
#contact textarea { width: 97.5%; margin-top: 4px; background-color: #f1f1f1; }
#contact td.send_button input { border: 0; padding: 0; margin-top: 9px; }

/* page: benefits technology */
#techlayout { font-size: 80%; line-height: 1.5em; text-align: center; margin-top: 16px; width: 705px; }
#techlayout th { line-height: .5em; }
#techlayout td { padding: .4em 10px 1.2em 10px; vertical-align: top; }

/* technology pages */
#techmain h5, #techleft h5 { color: #036; }
h4 { color: #036; font-weight: normal; font-size: 150%; }
#techmain { margin: 4px 0 0 287px; width: 442px; padding: 7px 0 1em 0; }
#techmain img { float: right; margin: .5em 0 0 10px; }
#techmain p, #techmain ul { padding-bottom: 12px; }
#techmain p.first { padding-top: 12px; }

#techleft { position: absolute; top: 348px; left: 0; width: 263px; background: #D2D2A8 url(/images/tech_fade.jpg) repeat-x top;
    border: 1px solid #cc9; padding-bottom: .8em; text-align: center; }
#techleft p, #techleft h5 { text-align: left; padding: 12px 15px 0 15px; }
#techleft img { margin-top: 16px; }
#techleft img.uba { border: 3px solid #fff; }
h5.red { color: #A50021; }

/* GROUP BENEFITS page */
#side_content table.carriers img { float: none; padding: 0; } /* RESET previous img settings from above */

table.carriers { font-size: 75%; margin: .5em 0 0 0; width: 470px; }
table.carriers td { border-top: 1px solid #ccc; padding: 6px 0; }
table.carriers td.pic { text-align: center; } /* center company logos */

/* latest pages (april 07) */
#seminar { background: url(/images/seminar_footer.jpg) no-repeat; text-indent: -9999px; width: 384px; height: 107px; display: block; }
#groupside { position: absolute; top: 424px; left: 0; width: 198px; background: #D2D2A8 url(/images/tech_fade.jpg) repeat-x top; border: 1px solid #cc9; padding: 0 15px .8em 15px; text-align: center; }
#groupside p { text-align: left; }
#side_content #groupside img { float: none; padding: 0; margin-top: 16px; }