/* 
*
*	SGoin edreamz April 2009
*
*/


/* 
 * 
 * Admin 
 * (WYSIWYG Content)
 * 
 */

  h1 { color: #ffffff; font-weight: normal; font-size: 23px; font-family: Trebuchet; line-height: normal;}
  h2 { color: #003e70; font-weight: bold; font-size: 14px; font-family: Trebuchet; line-height: normal;}
  h3 { color: #e4ba55; font-weight: bold; font-size: 12px; font-family: Trebuchet; line-height: normal;}
  h4 { color: #e4ba55; font-weight: bold; font-size: 16px; line-height: normal;}
  a { color: #e4ba55; text-decoration: none;}
  a:hover { color: #003e70; text-decoration: underline;}

  ul li{ list-style-image: url(/images/bullet-arrow.gif); margin-bottom: 5px;}
  ul li.green{ list-style-image: url(/images/bullet-arrow-green.gif); margin-bottom: 5px;}
  ol li{ list-style: decimal; margin-bottom: 5px;}

  a.triangle{ text-decoration: none; background: url(/images/bullet-arrow.gif) left no-repeat; padding-left: 10px; font-weight: normal;}
  a.triangle:hover{ text-decoration: underline;}

  p{ margin: 0; padding: 0 0 15px 0;}

  p img{padding: 5px;}

  .alphaList{margin: 0 0 25px 115px; padding: 0;}
  .alphaList li{display:inline; list-style:none; border-right: 1px solid #ccc; padding-right: 4px;}
  .alphaList li.last{border:none;}
  .alphaList li a{color: #003e70; font-weight: bold;}

/* 
 * 
 * Main Navigation
 *
 */
 #mainNav { height: 43px; width: 942px; position: relative; z-index: 85;}
  #mainNav #main{ margin:0; padding:0; list-style: none; display: inline; overflow: hidden;}
	#mainNav #main li{ margin:0; padding:0; list-style: none; display: inline;}
	#mainNav #main li a{ float: left; padding: 43px 0 0 0; overflow: hidden; height: 0px;}
	#mainNav #main li a:hover{ background-position: 0 -43px;}
	#mainNav #main li .selected{ background-position: 0 -43px;}
	
/*dropdown menu*/
	#mainNav #main li ul { margin:0; padding: 0; position: absolute; visibility:hidden; display: block; top: 43px; z-index:100; font-size: 14px; font-weight:bold;}
	#mainNav #main li ul li { float: none; text-indent: 0; display: block; width: 197px; height: 36px;}
	#mainNav #main li ul li a.sub:link { padding:6px 0 0 20px; font-size: 15px; background: url(/images/structure/subnav-bg.gif) top left no-repeat !important; color: #00447b; width: 187px; height: 30px; display: block; text-decoration: none;}
	#mainNav #main li ul li a.sub:visited { padding:6px 0 0 20px; background: url(/images/structure/subnav-bg.gif) top left no-repeat !important; color: #00447b; width: 187px; height: 30px; display: block; text-decoration: none; font-size: 15px;}
	#mainNav #main li ul li a.sub:hover { padding:6px 0 0 20px; background: url(/images/structure/subnav-bg.gif) top left no-repeat !important; color: #e3ac45; width: 187px; height: 30px; text-decoration: none; text-decoration: none; font-size: 15px;}
	#mainNav #main li ul li a.sub:active { padding:6px 0 0 20px; background: url(/images/buttons/dropdown-bg.gif) top left no-repeat !important; color: #e3ac45; width: 187px; height: 30px; display: block; text-decoration: none; font-size: 15px;}
	
	#mainNav #main li ul li a.last:link { padding:5px 0 0 20px; font-size: 15px; background: url(/images/structure/subnav-bgLast.gif) top left no-repeat !important; color: #00447b; width: 187px; height: 34px; display: block; text-decoration: none;}
	#mainNav #main li ul li a.last:visited { padding:5px 0 0 20px;  background: url(/images/structure/subnav-bgLast.gif) top left no-repeat !important; color: #00447b; width: 187px; height: 34px; display: block; text-decoration: none; font-size: 15px;}
	#mainNav #main li ul li a.last:hover { padding:5px 0 0 20px;  background: url(/images/structure/subnav-bgLast.gif) top left no-repeat !important; color: #e3ac45; width: 187px; height: 34px; text-decoration: none; text-decoration: none; font-size: 15px;}
	#mainNav #main li ul li a.last:active { padding:5px 0 0 20px;  background: url(/images/structure/subnav-bgLast.gif) top left no-repeat !important; color: #e3ac45; width: 187px; height: 34px; display: block; text-decoration: none; font-size: 15px;}
	
	.about-left{ left: 5px;}
	.business-left{ left: 132px;}
	.personal-left{ left: 339px;}
	.benefits-left{ left: 542px;}
	.resources-left{ left: 666px;}
	.contact-left{ left: 740px;}

  #about a { width: 132px; background: url(/images/structure/nav-about.jpg) top left no-repeat;}
  #business a { width: 207px; background: url(/images/structure/nav-business.jpg) top left no-repeat;}
  #personal a { width: 203px; background: url(/images/structure/nav-personal.jpg) top left no-repeat;}
  #benefits a { width: 124px; background: url(/images/structure/nav-benefits.jpg) top left no-repeat;}
  #resources a { width: 135px; background: url(/images/structure/nav-resources.jpg) top left no-repeat;}
  #contact a { width: 141px; background: url(/images/structure/nav-contact.jpg) top left no-repeat;}
  
  
/* 
 * 
 * Secondary Navigation
 * 
 */
  #subNav { height: 35px; width: 960px; background: #4686bf;}
	#subNav .main { margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;}
	#subNav li { margin:0; padding:0; list-style: none; display: inline;}
	#subNav a { float: left; padding: 35px 0 0 0; overflow: hidden; height: 0px; }
	#subNav a:hover { background-position: 0 -35px;}
	#subNav .selected{ background-position: 0 -35px;}

  #overview a { width: 81px; background: url(/images/buttons/subnav-overview.jpg) top left no-repeat; margin-left: 60px;}
  #who-we-serve a { width: 116px; background: url(/images/buttons/subnav-who-we-serve.jpg) top left no-repeat; margin-left: 60px;}
  #our-people a { width: 94px; background: url(/images/buttons/subnav-our-people.jpg) top left no-repeat; margin-left: 60px;}
  #subsidaries a { width: 96px; background: url(/images/buttons/subnav-subsidaries.jpg) top left no-repeat; margin-left: 60px;}
  #memberships a { width: 186px; background: url(/images/buttons/subnav-memberships.jpg) top left no-repeat; margin-left: 60px;}


/* 
 * 
 * Layout / Formatting
 * 
 */

 #wrapper{ width: 1150px; margin: 0 auto; background: #ffffff; position: relative;}
 
  body{background: url(/images/structure/body-bg2.gif) 0 0 repeat-x; color: #003e70; font-size: 12px; font-family: Trebuchet MS; line-height: 18px;}
  body#page_home{background: url(/images/structure/body-bg.gif) 0 69px repeat-x;}
  
  #hd { position: relative; top:0; left:0; background:#f5f5f5 url(/images/structure/header-bg.jpg) top left no-repeat; padding-bottom:10px;}
  #hd span { float:left; width: 256px; margin:90px 0 0 130px; background: url(/images/structure/main-logo.gif) top left no-repeat ;  display: block;}
  #hd span a { float:left; width: 256px; height: 163px; display: block; text-indent:-9999px;}
  #hd span .tagline {float:left; width: 255px; height: 108px; margin:0; background: url(/images/structure/tagline.gif) top left no-repeat ;  display: block;}
  #hd .hd-img {float:left; width:637px; margin:80px 0 0 30px;}
  #hd .contact-link a{position:absolute; top:30px; left:907px; width:138px; height:40px; margin-top:0; text-indent:-9999px;}
  #hd .hd-img-top{float:left; width:637px; height:14px; background: url(/images/structure/bg-hd-img1.jpg) top left no-repeat ;}
  #hd .hd-img-md{float:left; width:637px; background: url(/images/structure/bg-hd-img2.jpg) top left repeat-y ; padding-left:15px;}
  #hd .hd-img-bt{float:left; width:637px; height:15px; background: url(/images/structure/bg-hd-img3.jpg) top left no-repeat ;}
  
  .corner-topLt{width:103px; height:89px; position: absolute; bottom:-89px; left:1px; background:url(/images/structure/corner-topLt.jpg) top left no-repeat;}
  .corner-topRt{width:103px; height:89px; position: absolute; bottom:-89px; right:1px; background:url(/images/structure/corner-topRt.jpg) top left no-repeat;}
  .corner-btLt{width:103px; height:89px; position: absolute; bottom:0; left:1px; background:url(/images/structure/corner-btLt.jpg) top left no-repeat;}
  .corner-btRt{width:103px; height:89px; position: absolute; bottom:0; right:0; background:url(/images/structure/corner-btRt.jpg) top left no-repeat;}

  /*#topNav { position: absolute; right: 0; top: 25px;}*/

  #container{ width: 944px; padding-bottom: 0; margin-left:104px;}


  #homeLeft { width: 327px; float: left; margin:30px 0 30px 0;}
	/*#homeLeft .content { width: 265px; background: #83aa1d url(/images/structure/logo-watermark.gif) top left no-repeat; padding: 10px 20px 10px 20px; color: #ffffff;}*/
  #homeRight { width: 600px; margin:40px 0 30px 10px; float: left; font-size:15px;}
  #homeRight p{margin:10px 0 0 18px;  line-height:30px;}
  	/*#homeRight .newsArea { width: 625px; float:left; margin-top: 10px;}
	#homeRight .newsArea .header { width: 625px; background: #bbad90;}
	#homeRight .newsArea .item { width: 615px; background: #eee7d9; color: #333333; padding: 5px; margin-top: 5px;}*/
	
  #homeCTAs {float:left; width:944px; height:187px; background:#ffffff url(/images/structure/bg-ctas.jpg) top left no-repeat;}
  #homeCTAs .cta-info{float:left; width:208px; padding:55px 10px 0 16px;}
  .btn-more{float:right; width:87px;}
  #homeCTAs .cta-professional{float:left; width:202px; padding:55px 0 0 22px;}
  #homeCTAs .cta-professional img{float:left; width:80px; padding:0;}
  #homeCTAs .cta-professional .info{float:left; width:105px; padding-left:10px; font-size:9px; line-height:14px;}
  #homeCTAs .cta-professional .info .name{font-size:12px; font-weight:bold; line-height:20px;}
  
  #bodyLeft { width: 232px; float: left; margin:10px 0 0 -8px;}
  	#bodyLeft .cta{float:left; width:232px;}
  
  #bodyRight { width: 721px; float: right; margin:10px -8px 0 0; font-size:14px; line-height:20px;}
  	#bodyRight .header{float:left; width:721px; height:62px; background: url(/images/structure/bg-content-hd.jpg) 0 0 no-repeat;}
	#bodyRight .header .agenda{float:left; margin:17px 0 0 30px; width:600px;}
  	#bodyRight .content{float:left; width: 721px; background: url(/images/structure/bg-content.jpg) 0 0 repeat-y; padding-bottom:20px;}
	#bodyRight .content .info{ margin-left:30px; width:660px;}
	#bodyRight .content .info .bio{float:left; width:600px; margin:20px 0 0 15px;}
	#bodyRight .content .info .bio .img{float:left; width:107px; margin-right:15px;}
	#bodyRight .content .info .bio p{margin-top:10px; font-size:11px; color:#545454; padding-left:120px;}
		.name {font-size:15px; font-weight:bold; color: #003e70;}
		.title {font-size:14px; font-style:italic; color: #003e70;}
		.phone-fax {font-size:12px; font-weight:bold; color:#545454; margin-top:-8px; padding-left:120px;}
		.phone-fax img{vertical-align:text-top;}
		
    #bodyRight .content .info .item{float:left; width:650px; margin-top:15px; font-size:14px; line-height:20px;}
	#bodyRight .content .info .item h2 a{color:#003e70; line-height:24px;}
	#bodyRight .content .info .item h2 a:hover{color:#e4ba55;}
	#bodyRight .content .info .item a img{vertical-align:text-top; margin:0;}
	#bodyRight .content .info .item h3 a{color:#003e70; line-height:24px; font-style:italic; font-size:14px; font-weight:normal;}
	#bodyRight .content .info .item h3 a:hover{color:#e4ba55;}
	
	a.back { text-decoration:none;}
	a.back img{vertical-align:text-top; margin:-3px 5px 0 0;}
	.divider {float:left; width:660px; height:15px; border-bottom:1px solid #003e70;}
	h2.directory {float:left; width:660px; margin:20px 0 -10px 0;}
	
	#bodyRight .ft{float:left; width:721px; height:23px; background: url(/images/structure/bg-content-ft.jpg) 0 0 no-repeat;}
	
	/*.date{ font-size: 11px; color: #9a9a9a;}*/

	/*this style is often used for news items with or w/o images and/or product listings
	.infoRow { margin-top: 10px; background: #eee7d9;}
	.infoRow .info-header{ width: 620px; height: 16px; padding: 5px 0 5px 10px; background: #ddcfb3;}
	.infoRow .info-image{ width: 104px; float: left; padding: 5px;}
	.infoRow .info-image img{ border: #ffffff 2px solid;}
	.infoRow .info-text{ width: 506px; float: left; padding: 10px 10px 10px 0;}
	.infoRow .info-text .learn-more{ float: right;}*/


/*
 *
 * Layout / Form
 *
 */

  .form{ padding: 5px 5px 50px 5px; width: 460px; margin:0 auto;}
	.formRow{ margin-top: 10px;}

	.formItem { width: 210px; float: left;}
	.formItem .textfield{ width: 200px;}
	.formItem .textfield-small{ width: 50px;}
	.formItem .dropdown{ height: 23px;}
	
	.formItemSmall{ width: 40px; float: left;}
	.formItemSmall .textfield{ width: 30px;}
	
	.formItemMed{ width: 100px; float: left;}
	.formItemMed .textfield{ width: 80px;}
	
	.formItemEff{ width: 130px; float: left; margin:10px 0 0 -20px; line-height:13px; display:block;}
	.formItemEff .textfield{ width: 100px; margin-top:4px;}
	
	.formItemLong { width: 450px; float: left;}
	.formItemLong .textfield{ width: 450px;}
	.formItemLong .textfield2{ width: 200px;}
	.formItemLong .textfield-small{ width: 50px;}
	.formItemLong .textarea { width: 450px;}
	.formItemLong .dropdown{ height: 23px;}
	
	.city{ width: 210px; float: left;}
	.city .textfield{ width: 200px;}
	
	.state{ width: 55px; float: left;}
	.state .dropdown{ height: 23px;}
	
	.zipcode{ width: 50px; float: left;}
	.zipcode .textfield{ width: 50px;}
	
	.phone{ width: 210px; float: left;}
	.phone .textfield{ width: 30px;}
	.phone .textfield2{ width: 35px;}
	
	
#spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;}
	
/* 
 * 
 * Layout / Footer
 * 
 */

  #ft{ background:url(/images/structure/footer-bg.jpg) top left repeat-x; padding-left: 0; color: #ffffff; font-size: 11px; width: 100%; height:80px;  }
  #ft .ftMain { width: 942px; margin: 0 auto; height:80px; padding-top:5px;}
  
  #ft .ftMain .ftContent{float:left; width: 942px;}
  #ft .ftMain .ftContent ul.links{float:left; list-style:none; font-size:11px; line-height:12px; width:560px; margin:15px 0 0 -40px;}
  #ft .ftMain .ftContent ul.links li{ float:left; padding:0 5px 0 5px; border-left:1px solid #fff;}
  #ft .ftMain .ftContent a{ color: #ffffff; text-decoration:none; }
  #ft .ftMain .ftContent a:hover{ color: #ffffff; text-decoration:underline; }
  #ft .ftMain .ftContent .ftLogos {float: right; width: 349px; margin-top:-5px;}