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: 2px;
	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;
}