input { font: 11px Arial, Helvetica, sans-serif; color: #555; } select { font: 11px Arial, Helvetica, sans-serif; color: #555; } textarea { font: 11px Arial, Helvetica, sans-serif; color: #555; } body { margin: 0 auto; padding: 0; text-align: center; } a { color: #B40000; text-decoration: underline; } a:hover { color: #B40000; text-decoration: none; } a:active { color: #7F1717; text-decoration: none; } /* CALLOUTS */ .calloutSeparator {float:left; height:115px; width:35px; background-image:url(/assets/img/calloutDivisor.jpg)} .calloutContainer { background: #9A1C1D; width:700px; height:115px;} .Callout {font-size:10px; line-height:1.3em; font-family:Arial;} .Callout .Highlight {color:#FFFFFF; font-size:10px;} .Callout h1{color: #FFFFFF; font-size:12px; font-weight:bold; margin:0px} .Callout h2{color: #FFFFFF; font-size:10px; font-weight:bold; margin:0px} .Callout h3{color: #000000; font-size:10px; font-style:italic; margin:0px; text-decoration:none;} .Callout bold, .Callout strong {} .Callout em, .Callout i {} #homeCalloutCopy {padding:20px 0 10px 10px; width:85px; height:82px; font-size:10px; color:#FFFFFF; float:left; line-height:1.3em} #homeCalloutCopy a{ color:#FF0000} #homeCalloutCopy a:link, #homeCalloutCopy a:active, #homeCalloutCopy a:visited {text-decoration:none} #homeCalloutCopy a:hover{color:#FFFFFF;} #homeCalloutCopy img {padding:5px} .homeCallout { float:left; width:210px; height:115px; cursor: pointer; } .homeCallout1 { float:left; width:210px; height:115px; background-image:url(/user_area/callouts/comping/homeCallout1.jpg); } .homeCallout2 { float:left; width:210px; height:115px; background-image:url(/user_area/callouts/comping/homeCallout2.jpg); } .homeCallout3 { float:left; width:210px; height:115px; background-image:url(/user_area/callouts/comping/homeCallout3.jpg); } .Preloader {display:none;} #maincontainer { margin: 0 auto; text-align: left; width: 920px; background: #FFF url(/assets/img/main_bkgd.jpg) repeat-y; } #maincontainer #maintop { width: 920px; height: 20px; background: #FFF url(/assets/img/main_top.jpg) no-repeat; } #maincontainer #mainbtm { width: 920px; height: 10px; background: #FFF url(/assets/img/main_btm.jpg) no-repeat; } #bodycontainer { margin: 0 auto; text-align: left; width: 900px; background: #FFF url(/assets/img/body_top_bkgd.jpg) no-repeat; } #aboutcontainer { margin: 0 auto; text-align: left; width: 900px; background: #FFF url(/assets/img/about_top_bkgd.jpg) no-repeat; } #successcontainer { margin: 0 auto; text-align: left; width: 900px; background: #FFF url(/assets/img/success_top_bkgd.jpg) no-repeat; } #servicescontainer { margin: 0 auto; text-align: left; width: 900px; background: #FFF url(/assets/img/services_top_bkgd.jpg) no-repeat; } #newscontainer { margin: 0 auto; text-align: left; width: 900px; background: #FFF url(/assets/img/news_top_bkgd.jpg) no-repeat; } #careerscontainer { margin: 0 auto; text-align: left; width: 900px; background: #FFF url(/assets/img/careers_top_bkgd.jpg) no-repeat; } #contactcontainer { margin: 0 auto; text-align: left; width: 900px; background: #FFF url(/assets/img/contact_top_bkgd.jpg) no-repeat; } #logo { margin: 0 auto; width: 750px; height: 100px; background: url(/assets/img/rbb_logo.png) no-repeat; } #sublogo { margin: 0 auto; width: 780px; height: 140px; background: url(/assets/img/rbb_sublogo.png) no-repeat; } #sublogo2 { width: 400px; height: 140px; background: url(/assets/img/rbb_sublogo.png) no-repeat; margin: 0 0 0 60px; } #contentcontainer { margin: 0 auto; width: 750px; background: url(/assets/img/content_bkgd.png) repeat-y; } #contentcontainer #contentbtm { width: 750px; height: 30px; background: url(/assets/img/content_btm.jpg) no-repeat; } #subcontentcontainer { width: 650px; margin-left: 85px; } #subcontentcontainer #contenttop{ width: 650px; height: 10px; background: url(/assets/img/subcontent_top.png) no-repeat; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } #subcontentcontainer #contentbtm { width: 650px; height: 10px; background: url(/assets/img/subcontent_btm.png) no-repeat; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } #subcontentcontainer h1 { font: 32px Verdana, sans-serif; color: #B40000; letter-spacing: 2px; margin: 0 0 15px 20px; } #subcontentcontainer h2 { font: 28px Arial, Helvetica, sans-serif; font-weight: bold; color: #B40000; margin-bottom: 20px; text-transform: uppercase; } #subcontentcontainer h3 { font: 18px Arial, Helvetica, sans-serif; font-weight: bold; color: #7F1717; } #subcontentcontainer h4 { font: 14px Arial, Helvetica, sans-serif; font-weight: 500; margin-top: -18px; } #subcontentcontainer p { padding-bottom: 12px; } #topnote { margin: 0 auto; width: 900px; text-align:left; font: 11px Arial, Helvetica, sans-serif; color:#000000; padding: 10px 0 0 20px; } #topnote a{ color:#B40000;} #innercontent { margin: 0 auto; text-align: left; width: 700px; } #innercontent #banner { width: 700px; height: 325px; } #innercontent #callouts { width: 700px; height: 115px; background: url(/assets/img/callout_bkgd.jpg) repeat-x; } #innercontent #content { margin: 0 auto; text-align: left; width: 650px; padding: 25px 0px 15px 0px; font: 16px Arial Narrow, Arial, Helvetica, sans-serif; line-height: 28px; } #subinnercontent { margin: 0 auto; text-align: left; width: 650px; background: url(/assets/img/subcontent_bkgd.png) repeat-y; } #subinnercontent #content { margin: 0 auto; text-align: left; width: 610px; min-height: 400px; padding: 10px 0px 0px 0px; font: 16px Arial Narrow, Arial, Helvetica, sans-serif; line-height: 21px; } #subinnercontent #content ul { margin: 5px 0px 0px 18px; } #subinnercontent #content li { list-style-type: square; } #newstitle { font: 21px Arial, Helvetica, sans-serif; font-weight: bold; color: #B40000; text-transform: none; } #post h2 { font: 18px Arial, Helvetica, sans-serif; font-weight: bold; color: #7F1717; text-transform: none; } #post h1 { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #000; text-transform: none; } #post { font: 12px Arial, Helvetica, sans-serif; line-height: 18px; } #newsitem { font: 13px Arial, Helvetica, sans-serif; line-height: 15px; padding: 0 10px; } #newsitem strong { font: 12px Arial, Helvetica, sans-serif; line-height: 18px; font-weight: bold; } #bodybtmcontainer { margin: 0 auto; text-align: left; width: 900px; height: 70px; background: #FFF url(/assets/img/body_btm_bkgd.jpg) no-repeat; } #bodybtmcontainer #btmcontainer { margin: 0 auto; text-align: left; width: 700px; } #footercontainer { width: 920px; height: 22px; background: url(/assets/img/footer_bkgd.jpg) repeat-x; } #footercontainer #footerL { float: left; display: inline; width: 20px; height: 22px; background: url(/assets/img/footer_L.jpg) no-repeat; } #footercontainer #footerR { float: right; display: inline; width: 20px; height: 22px; background: url(/assets/img/footer_R.jpg) no-repeat; } #footercontainer #footer { float: left; display: inline; width: 880px; height: 22px; font: 10px Arial, Helvetica, sans-serif; color:#ffffff; line-height:22px; } #footer a{ color:#ffffff;} #footnote { margin: 0 auto; width: 750px; font: 12px Arial, Helvetica, sans-serif; color:#000000;} #footnote a{ color:#000000;} /* Extranet */ #subnav { font: 12px Arial, Helvetica, Sans-serif; font-weight: bold; line-height: 24px; color: #FFF; letter-spacing: 1px; list-style: none; } #subnav a { color: #FFF; text-decoration: none; } #subnav a:hover { color: #FFF; text-decoration: underline; } #subnav a:active { color: #F5A0A0; text-decoration: none; } #subnav li { float: left; background: url(/assets/img/subnav_bkgd.jpg) repeat-x; } #subnav img, #subnav #left { float: left; } #clientlogo { width: 300px; height: 135px; background: #FFF; float: right; margin: 0 140px 0 0; } #clientlogo #side { width: 20px; height: 105px; float: left; } #clientlogo #bottom { clear: left; width: 300px; height: 40px; } #clientlogo #image { width: 260px; height: 105px; float: left; } .tablehead { font: 11px Arial, Helvetica, Sans-serif; color: #FFF; line-height: 18px; padding-left: 5px; font-weight: bold; } .tablebody { font: 11px Arial, Helvetica, Sans-serif; color: #333; line-height: 18px; padding-left: 5px; border-bottom: 1px solid #999; } /* Site Map Navigation */ #nav_item {padding:2px; text-align:left; font: 11px Arial, Helvetica, Sans-serif; } #nav_item a {text-align:left; text-decoration: none; color: #1f1e1e; font: 11px Arial, Helvetica, Sans-serif;} #nav_item a:hover { color: #1f1e1e; text-decoration: underline; } #nav_item a:active { color: #C7B37B; text-decoration: none; } #nav_item_on {padding:2px; text-align:left; font: 11px Arial, Helvetica, Sans-serif; color: #6c8226; } #nav_item_on a {color: #6c8226; text-align:left; text-decoration:none; font: 11px Arial, Helvetica, Sans-serif;} #sitemap h1{font-size:12px;} #sitemap li{padding-left:10px;} #sitemap ul{padding:0px; margin:0px;} /* DROP DOWN NAVIGATION */ #navcontainer { width: 920px; height:40px; background: url(/assets/img/nav_bkgd.jpg) repeat-x; z-index: 900;} #navcontainer #navL { float: left; display: block; width: 20px; height: 40px; background: url(/assets/img/nav_L.jpg) no-repeat; } #navcontainer #navR { float: right; display: block; width: 20px; height: 40px; background: url(/assets/img/nav_R.jpg) no-repeat; } #navcontainer #mainnav { float: left; display: block; height: 40px; } .navigation_item {line-height:40px; display:block; } .navigation_item a{ padding:0px 20px 0px 20px; line-height:40px; display:block; font-weight:600;} .navigation_item a:hover{ line-height:40px; background:url(/assets/img/nav_bkgd-ON.jpg) repeat-x;} .navigation_item_on {color:#fff9e6; line-height:40px; } .navigation_item_on a{line-height:40px; color: #fff9e6; padding:0px 20px 0px 20px; display:block; background: url(/assets/img/nav_bkgd-ON.jpg) repeat-x; font-weight:600;} .navigation_item_on a:hover{color: #fff9e6; line-height:40px; } .navigation_item_on a:visited{color: #fff9e6;} .navigation_sub_item {padding:2px; text-align:left; font: 11px Arial, Helvetica, Sans-serif; } .navigation_sub_item a{ text-align:left; text-decoration:none; color: #1f1e1e; width:158px; font-weight:100;} .navigation_sub_item_on {padding:2px; text-align:left; font: 11px Arial, Helvetica, Sans-serif; color: #6c8226; } .navigation_sub_item_on a{color: #6c8226; text-align:left; text-decoration:none; width:158px; font-weight:100;} .navigation_sub_item_on a:hover {color: #fff9e6; text-align:left; text-decoration:none; } .navigation_sub_item_on a:visited {color: #fff9e6; text-align:left; text-decoration:none; } .navigation_sub_block {width:180px; padding:2px; text-align:left; font: 11px Arial, Helvetica, Sans-serif; font-weight:100; opacity:0.9; filter:alpha(opacity=90) } #nav, #nav ul { padding: 0; margin: 0; list-style: none; text-align: center; } #nav a { text-align: center; text-decoration: none; color: #FFF; } #nav li { float: left; font: 11px Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #FFF; padding: 0px 0px 0px 0px; } #nav li:hover, #nav li.sfhover { float: left; color: #000; } #nav li ul { position: absolute; display: block; left: -999em; } #nav li ul li { width:180px;} #nav li ul li a { background:#663333; letter-spacing: 1px; line-height: 12px; padding: 5px 10px 5px 18px; } #nav li ul li:hover, #nav li ul li.sfhover { background: #CC3333; } #nav li ul a { text-align: left; display: block; } #nav li ul a:hover, #nav li ul a.sfhover { display: block; color: #FFFFFF; background: #CC3333; } #nav li ul a:active { display: block; color: #FFFFFF; } #nav li:hover ul, #nav li.sfhover ul { left: auto; }