/*-----------------------------------------------------------------------------

    West Coast Insurance :  Stylesheet
	Web Advanced

------------------------------------------------------------------------------*/

   

/*  LINK STYLES 
	------------------------------------------------------------------------- */
	
	a:link, a:visited { color:#0a507b; }
	a:hover, a:active, a:focus { color:#0a507b; }
	
	
/*  GENERIC STYLES 
	--------------------------------------------------------------------------*/

	html, #form1 { height:100%; }
	body { font-family: Arial, sans serif; font-size: 13px; line-height: 16px; height:100%; }
	
	a img { border:0; }
	p { padding-bottom:14px; }
    blockquote { padding-left:30px; }	
	.float_left { float: left; }
	.float_right { float: right; }
	.hidden { visibility: hidden; }
	.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

	html, body, #form1, #aspnetForm { height: 100%; }
	#wrapper { position: relative; min-height: 100%; }
	* html #wrapper { height: 100%; }
	#wrapper2 { padding-bottom: 100px; margin: 0 auto; width:960px; }

	#header { height: 119px; overflow:hidden; }
		#header .header-left { float:left; padding:20px 0 0 8px; }
		
		#header .header-right { padding-top:32px; float:right; text-align:right; padding-right: 8px; color:#ccc; }
		#header .header-right img { position:relative; left:8px; top:3px; }
		#header .header-right a { color:#cccccc; }
		#header .header-right a:hover { color:#99cc66; }
		
	.nav { overflow:hidden; line-height:0; padding: 0 5px; }
		.nav li { float:left;}	
		
	#footer { position: relative; margin-top: -70px; height:70px; background-color:#163d67; text-align:left; }
		#footer2 { width: 924px; margin: 0 auto; padding-top:18px; color:#537293; font-size:11px; line-height:18px; }
		#footer a { color:#fff; }
		#footer a:hover { color:#99cc66; }
	
/*  HOME PAGE
	--------------------------------------------------------------------------*/	
		
	.home { background: #fff url(../images/bg.jpg) 0 0 repeat-x; }
	.home #wrapper { background: url(../images/bg-home.jpg) top center no-repeat; }
	
	.home #banner { overflow:hidden; padding: 0px 5px; height:281px; }
		.home #banner .banner-left { width:297px; height:275px; float:left; background: url(../images/home-bg-banner1.jpg) 0 0 no-repeat; }
		.home #banner .banner-left ul { padding:73px 70px 16px 70px; }
		.home #banner .banner-left li { padding:0 0 18px 0; font-size:13px; }
		.home #banner .banner-left a { color:#0e436c; text-decoration:none; }
		.home #banner .banner-left a:hover { text-decoration:underline; }
		
		.home #banner .banner-left span  { padding: 0 4px 0 30px; color:#fff; font-size:12px; }
		.home #banner .banner-left .login { position:relative; top:9px; }
		
		.home #banner .banner-right { width:653px; float:right; background: url(../images/home-bg-banner2.jpg) 0 0 no-repeat; }
		
	.home #logos { overflow:hidden; margin: 0 5px; background: url(../images/home-bg-banner3.jpg) 0 0 no-repeat; height:80px; }
		.home #logos .logos-left { float:left; width:297px; height:80px; line-height:80px; }
		.home #logos .logos-left span  { padding: 0 12px 0 30px; color:#fff; font-weight:bold; font-size:12px; }
		
		.home #logos .logos-right { float:right; width:653px; }
		.home #logos .logos-right .quote { float:right; margin: 15px 15px 0 0; }
		
	.home #content { padding: 20px 0 0 0; overflow:hidden; }
		.home #content .content-left { float:left; width:320px; }
		.home #content .content-center { float:left; width:320px; }
		.home #content .content-right { float:left; width:320px; }
		
		.home #content h2 { padding-bottom:14px; }
		.home #content .inner { padding:10px 15px 30px 30px; font-size:12px; line-height:18px; }

/*  SUB PAGES
	--------------------------------------------------------------------------*/	

	.sub { background: #fff url(../images/bg.jpg) 0 0 repeat-x; }
	.sub #wrapper { background: url(../images/bg-sub.jpg) top center no-repeat; }
	
	.sub #banner { overflow:hidden; padding: 0px 0 0 5px; margin-right:5px; height:163px; background: url(../images/sub-banner-bg.jpg) top right no-repeat; }
		.sub #banner .banner-left { background: url(../images/sub-banner-default.jpg) 0 0 no-repeat; height:163px; width: 296px; float:left; }
		.sub #banner .banner-right { float:right; width: 654px; padding-top:32px; }
		.sub #banner .banner-right img { margin-left: 40px; }
		
	.sub #content { overflow:hidden; padding:0 5px; line-height:20px; }
		.sub #content .content-left { float:left; width:296px; }
			.sub #content .content-left { font-size:14px; }
			.sub #content .content-left .inner { min-height:270px; padding: 0 26px; background: url(../images/nav-bg.gif) 249px 0 no-repeat;
				font-size:12px; line-height:17px; }
			* html .sub #content .content-left .inner { height:270px; }
			.sub #content .content-left h3 { color:#0a507b; font-size: 14px; margin-bottom:16px; padding-top:50px; }
			
			.sub #content .content-left .subnav { width:296px; border-bottom: 1px solid #F0F0F0; }
			.sub #content .content-left .subnav li { border-top:1px solid #f0f0f0; background: url(../images/nav-off.gif) 0 0 no-repeat; }
			.sub #content .content-left .subnav li.on { background:#fff url(../images/nav-on.gif) 0 0 no-repeat; }
			.sub #content .content-left .subnav li a { display:block; padding: 12px 10px 11px 34px; color:#999; font-size:13px; text-decoration:none; font-weight:bold; }
			.sub #content .content-left .subnav li a:hover { text-decoration:underline; }
			.sub #content .content-left .subnav li.on a { color:#0a507b; text-decoration:none; }
			.sub #content .content-left .subnav li.on a:hover { text-decoration:none; }
			
			.sub #content .content-left .subnav li ul { display:none; }
			.sub #content .content-left .subnav li.on ul { display:block; padding-left:34px; padding-bottom:10px; }
			
			.sub #content .content-left .subnav li.on li { background: #fff; }
			.sub #content .content-left .subnav li.on li a { font-weight:normal; font-size:12px; padding: 4px 10px 4px 0; }
			.sub #content .content-left .subnav li.on li a:hover { text-decoration: underline; }
			.sub #content .content-left .subnav li.on li.on { background:#fff; }
			.sub #content .content-left .subnav li.on li.on a { font-weight:bold; }
			.sub #content .content-left .subnav li.on li.on a:hover {}
			
			.sub #content .content-left .inner ul { padding-left:18px; margin: 0 0 20px 0; }
			.sub #content .content-left .inner ul li { list-style:none; background: url(../images/bullet.gif) 0 6px no-repeat; padding-left:18px; padding-bottom:4px; }
			.sub #content .content-left .inner ol { padding-left:18px; margin: 0 0 20px 0; margin-left:18px; }
			.sub #content .content-left .inner ol li { list-style:decimal; padding-bottom:4px; }
			.sub #content .content-left .inner ul.spacing li { margin-bottom:14px; }
			
		.sub #content .content-right { float:right; width:654px; }
			.sub #content .content-right h1 { text-transform: uppercase; color: #0a507b; font-size:18px; margin-bottom:20px; }
			.sub #content .content-right h2 { color:#0a507b; font-size: 16px; margin-bottom: 14px; line-height:22px; clear:both; }
			.sub #content .content-right h3 { color:#0a507b; font-size: 14px; clear:both; }
			
			.sub #content .content-right ul { padding-left:18px; margin: 0 0 20px 0; }
			.sub #content .content-right ul li { list-style:none; background: url(../images/bullet.gif) 0 8px no-repeat; padding-left:18px; padding-bottom:4px; }
			.sub #content .content-right ol { padding-left:18px; margin: 0 0 20px 0; margin-left:18px; }
			.sub #content .content-right ol li { list-style:decimal; padding-bottom:4px; }
			.sub #content .content-right ul.spacing li { margin-bottom:14px; }
			
			.sub #content .sitemap ul { margin-bottom:0; }
			
			.sub #content .content-right .inner { padding: 10px 40px 30px 40px; }
			
			.sub #content .content-right table.tableborder {border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
			.sub #content .content-right table.tableborder  td { padding:6px; border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; }
			.sub hr { color: #f0f0f0; background-color: #f0f0f0; border:0; border-top: 1px solid #F0F0F0; clear:both; height:1px; line-height:1px;  }
			
			.sub .bioimg { float:left; margin: 0 30px 30px 0; border:4px solid #f0f0f0; }
			
			.sub #content .logos { 
				border:1px solid #e8e8e8; background: #f7f7f7; padding: 16px; color:#0a4a73; font-weight:bold; }
				
			.sub #content .logolinks { padding: 16px; }
			.sub #content .logolinks table { width:100%; }
				.sub #content .logolinks td { text-align:center; vertical-align:middle; width:33%; height: 110px; padding-top:6px;
					background: url(../images/gradient.gif) bottom left repeat-x; border-right: 3px solid white;}
/*  FORM STYLES 
	------------------------------------------------------------------------- */
	
	.labelColumn { width:120px; vertical-align:top; padding-top:3px; }
	input { margin-bottom:3px; padding:2px; width:220px; font-size:12px; }
	select { margin-bottom:3px; padding:2px; width:230px; }
	textarea { margin-bottom:3px; padding:2px; width:224px; font-size:12px; height:80px; font-family: arial, sans-serif; }
	#ctl00_Content_ctl00_btnSubmit { width:70px;margin-top:10px; }
	
/*  TEXT STYLES 
	------------------------------------------------------------------------- */