/* CSS Document */

body { background:url(/images/top-tail.gif); }

/* ============================= shell ====================== */
#shell 
{
	    width:990px;
	    margin-left: auto ;
		margin-right: auto ;
		

}
#topArea 
{
	height:11px;
	padding: 0; margin: 0;
}



#botArea
{
	clear:both;
	height:11px;
	padding: 0; margin: 0;
	
}

 
#mainArea
{
	height:100%;
    background:url(/images/content.gif);
    
    background-color:White;
    width:970px;
    padding:10px;
    border:solid 0px color:#ffffff;
    display: block;
	float:left; 
  
}
#content 
{
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	background-color:White;
	height:100%;
}

 body.leftNav #contentArea
{
	
    padding-left:0px;
	float:right;
	width:798px;
	padding-bottom:25px
}
 body.leftright #contentArea
{
	
    padding-left:0px;
	float:right;
	/*float:left;*/
	width:798px;
	padding-bottom:25px
}
#maincontent {padding-right:15px}
 body.leftright #maincontentright
{
	
    /*padding:10px;*/
	float:right;
	/*float:left;*/
	width:250px;
	margin:25px 15px;
}

 body.leftright #maincontentleft
{
	
	float: left;
	text-align:left;
    padding-left:0px;
	width:788px;
}


body.fullpage #contentArea
{
	
	width:100%;
    padding-left:15px;
	float:right;
	padding-bottom:25px;
}

#leftArea
{
	float:left;
	width:160px; 
	height:100%;
	
	padding: 0 10px 0 0; margin: 0
}


/* ============================= navigation menu ====================== */

/*this is the top menu container settings that encapsulate the text*/
#mainArea .menu 
			{
			position:relative;
			z-index:999;  
			height:35px; 
			width:100%;
			padding-bottom:9px;
			padding-left:5px;
			/*padding-left:10px;*/
			display:block;
			/*background-color:#4781B1;*/
			background-color:transparent;
			cursor:hand !important;
			}
			
#mainArea .menu ul 
			{ margin:0px auto; 
				padding:0px; 
				list-style:none; 
				/*display: table; */
	 	  	display: block; 
				cursor:hand !important;
				
				 }
				 
#mainArea .menu li 
			{ display:block; 
				background:transparent;
				padding-bottom:0px; 
				padding-top:0px; 
				padding-left:0px; 
				padding-right:0px; 
				cursor:hand !important;
				}
				
				
/*this is the top menu items text and box values for far right and left items only*/				
#mainArea .menu .rmFirst 

			{ /*background:transparent; */
				padding-left:0px;
				
				}
#mainArea .menu .rmLast 
			{ /*padding-right:0px;*/
				/*background:url(/images/apply-off.jpg) no-repeat ;*/
				/*width:120px;*/
			}


/*hovering image off settings*/
#mainArea .menu .rmLast a 
			{
				/*background:url(/images/apply-off.jpg) no-repeat ;*/
		
			}

#mainArea .menu a 
			{ display:block; 
				color:#ffffff; 
				text-decoration:none; 
				background:url(http://www.balboacapital.com/images/menu-off.jpg) no-repeat ; 
				cursor:hand !important;}
#mainArea .menu a span
			{ display:block; 
				/*padding:5px 10px 5px 5px;  */
				padding:5px 12px 5px 9px;  
				cursor:hand !important;
				}



/*hovering image on settings*/

#mainArea .menu .rmLast a:hover span, #mainArea .menu .rmFocused .rmLast span
			{ background:url(http://www.balboacapital.com/images/menu-on.jpg) no-repeat ; 
				color:#ffffff; 
				text-decoration:none; 
				cursor:hand !important; 

				}
#mainArea .menu a:hover, #mainArea .menu .rmFocused 
			{ background:url(http://www.balboacapital.com/images/menu-on.jpg) no-repeat ; 
				color:#ffffff; 
				text-decoration:none; 
				cursor:hand !important; 
				}
#mainArea .menu a:hover span, #mainArea .menu .rmFocused span 
			{ background:transparent ; 
				/*padding:5px 10px 5px 5px;  */
				padding:5px 12px 5px 9px;  
				cursor:hand !important;}






#mainArea .menu ul ul a:hover, #mainArea .menu ul ul .rmFocused 
			{ background:url(http://www.balboacapital.com/images/menu-on.jpg) no-repeat ; 
				color:#ffffff; 
				text-decoration:none; 
				cursor:hand !important; }
				
#mainArea .menu ul ul a:hover span, #mainArea .menu ul ul .rmFocused span 
			{ background: transparent; 
				cursor:hand !important; }

#mainArea .menu ul ul 
			{ position:relative; 
				z-index:999; 
				/*padding-bottom:0px;*/
				padding-bottom:5px;
				margin-left:0px;
				/*margin-left:0px;*/
				cursor:hand !important;
				}
				
#mainArea .menu li li 
			{ z-index:998;  
				width:160px; 
				border:0px;
				cursor:hand !important; }
#mainArea .menu .rmHorizontal {}
#mainArea .rmGroup 
			{z-index:999}



/* ============================= header ====================== */
#header .top{ width:100%; height:80px}
#header .logo{ padding:5px 0 0 15px;  float:left; width:400px; }
#header .topright {float:right; padding:10px 0 10px 15px} 
#header .clock { color:#808080; text-align:right; padding-right:13px; }
#header .search {padding-top:10px; margin-bottom:0px;  padding-right:10px}



#header .followus{text-align:center; width:100px;}



.header-text{ }
.header-text ul{ padding:4px 0 0 12px}
.header-text li{ line-height:1.917em; background:url(/images/header-list-marker.gif) no-repeat 0 9px; padding-left:16px}
.header-text a{ color:#a9d0ff}

/* ============================= accessories ====================== */

#banner { clear:both}
#banner_callout { float:left; width:230px; margin-right:6px}
#main_banner { float:left; width:725px}

/* ============================= accessories ====================== */

#breadcrumb { float:left; width:950px; background:#c5dbee; padding:5px 10px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:10px; margin:0px 0px 10px 0px}
#path { float:left; width:710px; color:#000000; text-align:left}
#path a { color:#000000}
#path a:hover { color:#000000;  }
#date { float:right; width:200px; text-align:right; color:#000000}
#breadcrumb .Back {padding-left:10px}
.hline { clear:both}

/* ============================= home Content ====================== Added 9/15 KK */

#row1 {width:970px; margin-bottom:10px}
#row1 #col1 { float:left; width:230px; margin:0px 5px 0px 5px}

#topbox {width:230px; height:20px; background:url(/images/hm_login_top.gif) no-repeat}

#contentbox {width:200px; height:185px; overflow:hidden; background:url(/images/hm_login_bg.gif) repeat-y; padding:5px 15px 0px 15px }
#bottombox {width:230px; height:20px; background:url(/images/hm_login_btm.gif) no-repeat}


#row1 #col2 { float:left; width:725px;height:230px}

#row2 { clear:both; width:970px}

#row3 { clear:both; width:970px; padding:15px 0px}
#row3 #col1, #row3 #col2, #row3 #col3 {float:left; width:230px; padding-right:8px; margin-right:7px; border-right:1px solid #cccccc}
#row3 #col4 {float:left; width:230px}

#coltitle { padding:5px; font:bold 18px Arial, Helvetica, sans-serif; color: #00529b; }
#colimage { padding:5px}
#coltext { padding:5px; height:150px}


/* curved corner styles */

#row4 { clear:both; width:970px}

.xtop, .xbottom {display:block; background:transparent; font-size:1px}
.b1, .b2, .b3, .b4 {display:block; overflow:hidden}
.b1, .b2, .b3 {height:1px}

/*Outer Blue Box */
#mainboxcontent { background:#bac8cd url(/images/lower_bg.gif) repeat-x}
#mainboxcontent .b2, #mainboxcontent .b3, #mainboxcontent .b4 {background:#ffffff; border-left:1px solid #e1e1e1; border-right:1px solid #ecf2f2}
#mainboxcontent .b1 {margin:0 5px; background:#ecf2f2}

/* Inner White Box */
#boxcontent { background:#ffffff; min-height:180px; height:auto !important; height:180px}
#boxcontent .b2, #boxcontent .b3, #boxcontent .b4 {background:#ecf2f2; border-left:1px solid #e1e1e1; border-right:1px solid #ffffff}
#boxcontent .b1 {margin:0 5px; background:#ffffff}


.b2 {margin:0 3px; border-width:0 2px}
.b3 {margin:0 2px}
.b4 {height:2px; margin:0 1px}



#mainboxcontent #coltitle { font:bold 18px Arial, Helvetica, sans-serif; color:#00529b; background: url(/images/title_arrow.png) no-repeat 0px 10px; padding:10px 5px 5px 20px; display:block}
#mainboxcontent #col1, #mainboxcontent #col2 { float:left; width:465px; margin:10px 10px} 
#boxcontent { padding:5px 15px}

.clearfix {clear:both; overflow:hidden; display:block; width:0; height:0}

#inline_bloglisting {}
#inline_bloglisting h3 { font:bold 12px Arial, Helvetica, sans-serif;  }
#inline_bloglisting p {}

.listingleft { float:left; width:250px}
.listingright {float:right; width:170px}
.listingright img {width:170px}


/* ============================= content ====================== commented out - KK


.row-2{ background:url(/images/row2-corner-left-top.gif) left top no-repeat #ecf2f2; width:100%}
.row-2 .right-top{ background:url(/images/row2-corner-right-top.gif) right top no-repeat}
.row-2 .left-bot{ background:url(/images/row2-corner-left-bot.gif) left bottom no-repeat}
.row-2 .right-bot{ background:url(/images/row2-corner-right-bot.gif) right bottom no-repeat; width:100%}
.row-2 .indent2{ padding:22px 10px 10px 10px}
.row-2 .title{ padding:0 0 15px 9px}


.box{ background:url(/images/box-border.gif) top repeat-x #ffffff; line-height:1.333em; width:100%}
.box .left-border{ background:url(/images/box-border.gif) left repeat-y}
.box .right-border{ background:url(/images/box-border.gif) right repeat-y}
.box .bot-border{ background:url(/images/box-border.gif) bottom repeat-x}
.box .top-left{ background:url(/images/box-corner-left-top.gif) left top no-repeat}
.box .top-right{ background:url(/images/box-corner-right-top.gif) right top no-repeat}
.box .bot-left{ background:url(/images/box-corner-left-bot.gif) left bottom no-repeat}
.box .bot-right{ background:url(/images/box-corner-right-bot.gif) right bottom no-repeat; width:100%}
.box .indent{ padding:24px 15px 19px 21px} */

/* ============================= footer ====================== */
#footerArea
{
	clear:both; font-family:Verdana; font-size:10px; color:#c0c0c0;
	padding: 25px; margin: 0;
}

.sf_searchBox label { display:none}


.footer
{
	background: url(../images/background_footer.gif) bottom no-repeat; 
	width: 798px;
	padding-bottom: 36px;
	color: #000099;
	font-size: 10px;
}


#footer a
{
	text-decoration: none;
	font-size: 11px;
	color: #00529b;	
}

#footer a:hover
{
	text-decoration: underline;
	color: #00529b;
}


#footer .line
{
	margin-bottom: 14px;
	margin-top: 14px;
}

#footer .address
{
	font-size: 9px;
}