@charset "utf-8";
/* CSS Document */
/*-- Project: BGA Microsite --*/
/*-- Business: NF --*/
/*-- PM: Andrea Marshall --*/
/*-- Front End: Fumi Ariga --*/
/*-- Last Updated: Nina Baluyut --*/
/*-- Last Published: 09/90/10 --*/

html, body { background:#fffff; height:100%; padding:10px 0 7px 0;}
#imgNWLogo { margin-left:21px;}
.imgLeft { float:left; padding:0px 10px 20px 0px; }
.homeOptContainer { height:75px; }

#containerWrapper { margin:0 auto; background: #FFFFFF url(../cps-images/NF-RockTheRoth-ContentBG.png) top left repeat-x; width:858px; padding:10px 0 w5px;-moz-border-radius: 4px; -webkit-border-radius: 4px; }

/*--------------- Global Nav ---------------*/
#containerWrapper #navGlobal { margin:28px 21px 0 0;}
#containerWrapper #navGlobal li{ display:inline;}

/*--------------- Main Nav ---------------*/
#containerWrapper #navMain { background: #53682b; width:780; color:#FFFFFF; padding:10px 25px; font-size:120%;}
#containerWrapper #navMain a{ color:#FFFFFF;}
#containerWrapper #navMain li{ display:inline;}
#containerWrapper #navMain li:before { content: " ("| " )"; }
#containerWrapper #navMain li:first-child:before { content: ""; }

/*--------------- Banner content ---------------*/
#containerWrapper #containerBanner { height:166px; border: 0px; margin:21px auto;}
#containerWrapper #containerBannerCertification { width:760px; height:184px; background: #e9ebe4 url(../cps-images/NF-BGAMirco-Banner-Login.gif) top left no-repeat; padding:210px 35px 0 35px; margin:21px auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #e9ebe4; color:#333333; font-size:120%; line-height:120%;}
#containerWrapper #containerBannerCertification img{ float:right; margin:0 0 0 14px;}
#containerWrapper #containerBannerSubPages { width:816px; height:42px; padding:21px 0 0 14px; margin:21px auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #dcdbdb; background:#717171;}

/*--------------- Rails/Columns ---------------*/
#containerWrapper #contentBody #containerRTRail { float:right; width:262px; height: 230px; padding-top: 60px; margin: 0px 10px 0 0;  background:url(../cps-images/NF-BGAMicro-containerRTRail-Background.gif) top left no-repeat; border: 0px; }
#containerWrapper #contentBody #containerRTRail .calloutEvents p { margin:0 0 0 25px;}
#containerWrapper #contentBody #containerRTRail .calloutEvents h3 { margin:0 0 0 25px; font-size: 16px; padding-top: 12px;}

/*--#containerWrapper #contentBody #containerRTRail .calloutEvents p { margin:0 0 0 85px;} --*/
/*--#containerWrapper #contentBody #containerRTRail .calloutEvents h3 { margin:0 0 0 85px; font-size: 150%; padding-top: 12px;} --*/
#containerWrapper #contentBody #containerRTRail .calloutEvents img{ float:left; padding-left: 10px;}
#containerWrapper #contentBody #containerRTRail .calloutEvents ul{ margin:0 0 14px 75px;}
#containerWrapper #contentBody #containerRTRail .calloutEvents li{ margin:0 0 10px 0px;}

#containerWrapper #contentBody #containerLTRail { float:left; width:140px; margin-right:21px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #dcdbdb; background:#FFFFFF url(../cps-images/NF-BGAMirco-BG-SideNav.png) top left no-repeat; padding:7px;}
#containerWrapper #contentBody #containerLTRail h2{ margin:0 0 14px 0; }
#containerWrapper #contentBody #containerLTRail ul{ margin:0 0 14px 0; }
#containerWrapper #contentBody #containerLTRail li{ list-style:none; margin:0; padding:0 0 7px 0;}

/*--------------- Left Nav ---------*/
#navList a, #navlist a:visited { color: #0170CA; text-decoration: none; }
#navList a:hover { color: #333; }

/*--------------- Dynamic Left Nav for Meet Our Team---------*/
body#Map a#navIDMap { color: #333; }
body#Natl a#navIDNatl { color: #333; }
body#Mgmt a#navIDMgmt { color: #333; }
body#Adv a#navIDAdv { color: #333; }

/*--------------- Dynamic Left Nav for Products and Riders---------*/
body#Prod a#navIDProd { color: #333; }
body#Riders a#navIDRiders { color: #333; }

/*--------------- Dynamic Left Nav for Underwriting--------*/
body#Submit a#navIDSubmit { color: #333; }
body#Niches a#navIDNiches { color: #333; }
body#Programs a#navIDPrograms { color: #333; }

/*--------------- Dynamic Left Nav for Resources--------*/
body#AdvSales a#navIDAdvSales { color: #333; }
body#SalesIdeas a#navIDSalesIdeas { color: #333; }
body#PackSol a#navIDPackSol { color: #333; }
body#CoBrand a#navIDCoBrand { color: #333; }

/*--------------- Dynamic Left Nav for News and Media---------*/
body#News a#navIDNews { color: #333; }
body#Media a#navIDMedia { color: #333; }


--------------------------------------------------------------------------------

/*--------------- Callout boxes ---------------*/
#containerWrapper #contentBody #listCategories { font-size:90%;}
#containerWrapper #contentBody #listCategories a, #navlist a:visited { color: #0170CA; text-decoration: none; }
#containerWrapper #contentBody #listCategories a:hover { color: #333; }


#containerWrapper #contentBody #listCategories ul{ height:150px;}
#containerWrapper #contentBody ul#listCategories li { display:inline; float:left; width:162px; padding:21px 8px; margin-right:18px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #dcdbdb; background:url(../cps-images/NF-BGAMicro-CalloutBG-TopSolid.gif) top left repeat-x;}
#containerWrapper #contentBody ul#listCategories .last { margin-right:0;}
#containerWrapper #contentBody #listCategories .listCategory li { border:none; padding:0; background:none; padding:3px 0;}

#containerWrapper #contentBody .containerLTCallout { background:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin:0 0 14px 0;}
#containerWrapper #contentBody .containerLTCallout ul{ padding-right:21px; }
#containerWrapper #contentBody .containerLTCallout p{ margin-left:14px; margin-right:14px; }
#containerWrapper #contentBody .containerLTCallout h2{ background:#A0C950; color:#FFF; padding: 7px 14px; margin:0 0 7px 0;}
#containerWrapper #contentBody .containerLTCallout h3{ padding: 7px 14px;}
#containerWrapper #contentBody .containerLTCallout h4{ padding: 7px 14px 0;}

#containerWrapper ul.columnStyleEven2 {  }
#containerWrapper ul.columnStyleEven2 li { list-style:disc; float: left; width: 45%; margin:0 20px 20px 20;}

/*--------------- Background shading for submit business page ---------------*/
#containerWrapper #contentBody #shadingContainer { background:#ebebeb; padding:5px 0px 10px 0px; margin-bottom: 20px;}
#containerWrapper #contentBody #shadingContainer ul { padding:0 0 0 10px;}
#containerWrapper #contentBody #shadingContainer #block1 #addressLabel1 { clear:both; float:left; width:25%; }
#containerWrapper #contentBody #shadingContainer #block1 #addressInfo1 { margin-left:150px; padding-bottom:10px;}
#containerWrapper #contentBody #shadingContainer #block2 #addressLabel2 { clear:both; float:left; width:25%; }
#containerWrapper #contentBody #shadingContainer #block2 #addressInfo2 { margin-left:150px; padding-bottom:10px;}

#containerWrapper #contentBody #arrowCallout { margin:10px 0px 10px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #dcdbdb; background: #FFFFFF url(../cps-images/NF-BGAMicro-CalloutArrowBG.gif) left no-repeat;}
#containerWrapper #contentBody #arrowCallout p { padding:10px 0 0 35px; }

#containerWrapper #contentBody .floatPad { background:#fff; float:right; width:47%; padding:0 0 21px 21px;}
#containerWrapper #contentBody .containerFloatCallout { float:right; background:#f6f6f6; padding-bottom:14px;}
#containerWrapper #contentBody .containerFloatCallout h2{ background:#f07400; color:#FFF; padding: 7px 14px; margin:0 0 7px 0;}
#containerWrapper #contentBody .containerFloatCallout h4{ padding:0 14px 7px 14px;}
#containerWrapper #contentBody .containerFloatCallout ul{ padding-right:14px;}
#containerWrapper #contentBody .containerFloatCallout p{ padding-left:14px; padding-right:14px;}

/*--------------- Body content ---------------*/
#containerWrapper p { margin:0 0 14px 0;}
#containerWrapper sup { font-size:80%}
#containerWrapper #contentBody { padding:0 25px;}
#containerWrapper #contentBody p{}
#containerWrapper #contentBody ul{}
#containerWrapper #contentBody dl{ margin:0 0 14px 14px; }
#containerWrapper #contentBody dt{}
#containerWrapper #contentBody dd{}
#containerWrapper #contentBody #contentLT { width:515px;}
#containerWrapper #contentBody #contentLT h3{ font-size:150%; color:#9b261c; margin-bottom:7px;}
#containerWrapper #contentBody #contentLT  ul{ margin:0 0 14px 28px;}
#containerWrapper #contentBody #contentLT  li{ list-style:disc; margin:0 0 7px;}

/*--------------- Tabular content ---------------*/
#containerWrapper .border { width:802px; margin:0 auto 21px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #dcdbdb; padding:14px;}
table { margin:0;}
th { color:#000000; background:#e5e5e5; padding-left:14px;}
tr { border:none;}
tr.odd { background:#e9e9e9; color: #000; }
td { padding-left:14px; }
.textContactInfo td{ padding:3px 0 3px 7px;}
.textContactEmail {padding:0 0 0 0px; }

/*--------------- Footer ---------------*/
#containerFooter { clear:both; border-top:none; color:#333333; width:858px; margin:7px auto; padding-bottom:25px; }

/*------------------------------------------*/
/*--------------- Page types ---------------*/
/*------------------------------------------*/

#containerWrapper #contentBody #content40R { float:right; width:40%;}
#containerWrapper #contentBody #content60L { float:left; width:70%;}
#containerWrapper #contentBody #content60L ul{ margin:0 0 14px 28px;}
#containerWrapper #contentBody #content60L li{ list-style:disc; margin:0 0 7px;}

#containerWrapper #contentBody #content100Container { float:left; width:100%;}
#containerWrapper #contentBody #content100Container ul{ margin:0 0 14px 28px;}
#containerWrapper #contentBody #content100Container li{ list-style:disc; margin:0 0 7px;}

#containerWrapper #contentBody #content50Container { float:left; width:75%;}
#containerWrapper #contentBody #content50Container p { margin:0 0 0px 0; }
#containerWrapper #contentBody #content50Container #content50L { float:left; width:47%; }
#containerWrapper #contentBody #content50Container #content50L ul{ margin:0 0 14px 28px;}
#containerWrapper #contentBody #content50Container #content50L li{ list-style:disc; margin:0 0 7px;}
#containerWrapper #contentBody #content50Container #content50R { float:right; width:47%; }
#containerWrapper #contentBody #content50Container #content50Lborder{ float:left; width:45%; margin:0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #dcdbdb; background:#FFFFFF; padding:7px;}
#containerWrapper #contentBody #content50Container #content50Rborder{ float:right; width:45%; margin:0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #dcdbdb; background:#FFFFFF; padding:7px;}

/*--------------- Old Territory Map Page Layout ---------*/
#containerWrapper #contentBody #content50Container #salesMap50L{ float:left; width:45%; margin:0; padding:7px;}
#containerWrapper #contentBody #content50Container #salesMap50R{ float:right; width:45%; margin:0; padding:7px;}
#containerWrapper #contentBody #content50Container #salesMap50L #regionLContainer{ padding-bottom:20px;}  
#containerWrapper #contentBody #content50Container #salesMap50R #regionRContainer{ padding-bottom:20px;}  
#containerWrapper #contentBody #content50Container #salesMap50L #regionLContainer p { margin:0 0 0 0;}
#containerWrapper #contentBody #content50Container #salesMap50R #regionRContainer p { margin:0 0 0 0;}    

.mapKeyWest { clear:both; height:205px; border-left: 10px solid #db093d; }
.mapKeySouth { clear:both; height:205px; border-left: 10px solid #fda01a; }
.mapKeyUpMidWest { clear:both; height:205px; border-left: 10px solid #2a8b16; }
.mapKeyMidWest { clear:both; height:205px; border-left: 10px solid #acce1c; }
.mapKeyMidAtl { clear:both; height:225px; border-left: 10px solid #ea5c05; }
.mapKeySouthEast { clear:both; height:205px; border-left: 10px solid #00bee4; }
.mapKeyNorthEast { clear:both; height:205px; border-left: 10px solid #ba0d82; }

.salesMap img{ float:left; padding-bottom: 20px;}
.mapContent { margin-left:5px;}
.mapContent h2 { font-size: 120%;}
.mapContent p { font-size: 85%;}
.mapKeyTopSpacer { padding: 10px 0 0 0;}
.mapKeyBtmSpacer { padding: 0px 0 10px 0;}


/*--------------- New Territory Map Page Layout ---------*/
#containerWrapper #contentBody #content50Container .contentMapLeft { float:left; width:47%; margin-left: 15px; }
#containerWrapper #contentBody #content50Container .contentMapRight {  float:right; width:47%; }
#containerWrapper #contentBody #content50Container  h3 { margin-bottom:10px; }

#containerWrapper #contentBody #content50Container .region { clear: both; width:100%; height:320px;}
#containerWrapper #contentBody #content50Container .region .southWest { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid #993300; border-bottom: none; border-right: 10px solid #993300; float: left; margin-right:3px; }
#containerWrapper #contentBody #content50Container .region .northWest { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid #6578a3; border-bottom: none; border-right: 10px solid #6578a3; float: left; margin-right:3px; }
#containerWrapper #contentBody #content50Container .region .uMidWest { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid #cd9900; border-bottom: none; border-right: 10px solid #cd9900; float: left; margin-right:3px; }
#containerWrapper #contentBody #content50Container .region .northEast { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid #824d6b; border-bottom: none; border-right: 10px solid #824d6b; float: left; margin-right:3px; }
#containerWrapper #contentBody #content50Container .region .southEast { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid #326600; border-bottom: none; border-right: 10px solid #326600; float: left; margin-right:3px; }
#containerWrapper #contentBody #content50Container .region .southern { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid #f69200; border-bottom: none; border-right: 10px solid #f69200; float: left; margin-right:3px; }
#containerWrapper #contentBody #content50Container .region .midWest { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid #cd9900; border-bottom: none; border-right: 10px solid #cd9900; float: left; margin-right:3px; }
#containerWrapper #contentBody #content50Container .region .midAtlantic { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid #b86002; border-bottom: none; border-right: 10px solid #b86002; float: left; margin-right:3px; }

#containerWrapper #contentBody #content50Container .region .central { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid #b88472; border-bottom: none; border-right: 10px solid #b88472; float: left; margin-right:3px; }

#containerWrapper #contentBody #content50Container .region .southAtlantic { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid #525b7f; border-bottom: none; border-right: 10px solid #525b7f; float: left; margin-right:3px; }

#containerWrapper #contentBody #content50Container .contentMapLeft { float:left; width:47%; margin-left: 15px; }
#containerWrapper #contentBody #content50Container .contentMapRight {  float:right; width:47%; }


#containerWrapper #contentBody #content50RGry { float:right; width:40%; margin:0 0 0 2%; padding:0 2% 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #dcdbdb; background:#e7e7e7;}

#containerWrapper #contentBody #content100L { float:left; width:75%; }

/*--------------- Advanced Sales Team Page Layout with Team Biographies ---------*/
.teamBio { clear:both; height:300px; }
.teamBio .imgPortrait{ float:left; }
.teamBio .contentBio{ margin-left:105px;}
.teamBio .contentBio p.disclaimer{ line-height:130%; padding-top:14px; }


/*--------------- National Accounts and Management Team Businss Card Layout ---------*/
.teamBioShort { clear:both; height:150px; }
.teamBioShort .imgPortrait{ float:left; }
.teamBioShort .contentBio{ margin-left:105px;}


/*--------------- News and Event Page Layout ---------*/
.eventContainer { clear:both; margin-bottom: 20px; }
.eventContainer .imgCalendar { float:left; }
.eventContainer .contentDesc{ margin-left:100px; padding-bottom: 10px; }
.eventContainer .contentDescPadding { margin-left:100px; padding-bottom: 60px;}
.eventContainer .contentDesc h4 { font-size: 120%;}
.eventContainer .contentDesc p.disclaimer{ font-size: 90%; font-style:italic; line-height:130%; }
.eventContainer .contentDesc ul { margin:0 0 14px 28px;}
.eventContainer .contentDesc li{ list-style:disc; margin:0 0 7px;}

.eventContainer hr.btmborder  { border-bottom: 1px solid #ababab;}


/*--------------- Media Page Layout ---------*/
.mediaContainer { clear:both; margin-bottom: 20px; }
.mediaContainer .mediaDate { float:left; }
.mediaContainer .mediaDesc{ margin-left:100px; padding-bottom: 10px; }
.mediaContainer .mediaDesc h4 { text-transform:uppercase; font-weight:normal !important;}
.mediaContainer .mediaDesc p { font-weight: bold;}
.mediaContainer .mediaDesc a {font-weight:normal; }

.mediaContainer .mediaDesc .linkContainer {height:30px; padding-top: 15px;}
.mediaContainer .mediaIcons {padding-right:8px; height:25px; vertical-align:middle;}
.mediaContainer .mediaLinks {padding-right:40px;}

.mediaContainer hr.btmborder  { border-bottom: 1px solid #ababab;}

/*--------------- Two Column Table Styles ---------*/
#containerWrapper #contentBody #twoColumn td {width:100%;}
#containerWrapper #contentBody #twoColumn ul {float: left;width: 100%; padding:5px 0px 5px 0px; list-style-position:outside; list-style-type:disc;}
#containerWrapper #contentBody #twoColumn li {float: left;width: 45%;margin: 0; padding-left: 10px;} 
#containerWrapper #contentBody #twoColumn h4 { font-weight:normal;}