@charset "utf-8";

/* -------CSS Menu Container and Link Rules-------*/

* html ul li { height: 1em; }
* html ul li a { height: 1em; }

html, body, #headerWrapper {
   margin: 0;
   padding: 0;
   text-align: center;
   font-family: arial;
}
#headerWrapper {
   margin: 0 auto;
   text-align: left;
   vertical-align: middle;
}

.cssBodyWrapper { width: 918px; position: relative; }
.cssUpperNavigation { width: 918px; float: left; }
.cssTravelersLogo { float: left; padding: 16px 0 16px 5px;}
.cssUpperNavWrapper { float: right; width: 380px; padding: 5px 5px 0 0; }

.upperNav .upperNavElement { display: inline; padding-left: 5px; padding-right: 5px; border-right: 1px solid #ffffff; font-family: arial; color: #ffffff; font-size: 11px; line-height: 11px; }
.upperNavElement a { color: #ffffff; text-decoration: none; }
.upperNavElement a:hover { text-decoration: underline; }
.upperNav .cssNoBorder { border: 0px; }

.mainNav .mainNavElement { display: inline; padding-left: 10px; padding-right: 10px; border-right: 1px solid #ffffff; font-family: arial; font-size: 12px; font-weight: bold; color: #ffffff; }
.mainNavElement a { color: #ffffff; text-decoration: none; }
.mainNavElement a:hover { text-decoration: underline; }
.mainNav .cssNoBorder { border: 0px; }

.cssTextAdjustWrapper { float: right; font-size: 12px; color: #514b3f; padding-right: 5px; }

.cssMainNavWrapper { width: 918px; float: left; height: 32px; background: url(/florida//images/menuBar.png) no-repeat; padding-top: 8px; position: relative; margin-left:0px; }

.cssDropHeading { background: #a19b88; font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: none; cursor: pointer; }
.cssDropHeading:hover { text-decoration: none; color: #ffffff; }

.navAgentsBrokers { width: 166px; border: 1px solid #a19b88; background: #dadad2; position: absolute; top: 22px; left: 620px; z-index: 5; display: none; visibility: hidden; }
.cssIframeAgentsBrokers { width: 166px; height: 210px; }
#dropAgentsBrokers a { text-align: left; width: 163px; display: block; text-decoration: none; padding: 2px 0px 3px 3px; font-family: verdana; font-size: 11px; color: #514b3f; background: #dadad2; }
#dropAgentsBrokers a:hover { color: #DA0C17; background: #dadad2; }

.cssSelectBox { width: 120px; display: inline; }

/*Global DHTML Navigation attributes. Only Adjust these if a global nav change is needed!! */
.cssIframe { z-index: -1; position: absolute; left: -1px; filter: alpha(opacity = 0); }
.cssMainDrop { border: 1px solid #77705f; background: #e9e8e4; z-index: 5; display: none; visibility: hidden; position: absolute; top: 30px; font-weight: normal; }
.cssMainDrop a { display: inline-block; text-decoration: none; padding: 2px 0px 3px 14px; font-family: verdana; font-size: 11px; color: #514b3f; }
.cssMainDrop a:hover { color: #DA0C17; background: #dadad2; text-decoration: none; }
.cssMainDrop .cssArrowBg { background-image: url(/florida/images/nav_bg_arrow_off.gif); background-repeat: no-repeat; background-position: center right; }
.cssMainDrop .cssArrowBg:hover { background-image: url(/florida/images/nav_bg_arrow_on.gif); background-repeat: no-repeat; background-position: center right; }
.cssMainDrop .cssDropHeading { padding: 2px 0 3px 9px; }

.cssTierDrop { display: inline-block; border: 1px solid #77705f; background:#e9e8e4; position: absolute; z-index: 6; display: none; visibility: hidden; }
.cssTierDrop a { display: block; text-decoration: none; padding: 2px 0 3px 14px; font-family: verdana; font-size: 11px; color: #514b3f; }
.cssTierDrop a:hover { color: #DA0C17; background: #dadad2; }
/* End Global DHTML Navigation attributes */

/* Products */
.navProducts { width: 191px; left: 0px; } /* Width is determined by actual size, NO CALCULATIONS INVOLVED */
.cssIframeProducts { width: 348px; height: 260px; } /* IFrame IE6 fix width is adjusted to cover both tiers of navigation. In this case, I take the navProducts width, and the largest tiered with for the PI nav. In this case, the largest is 207. */
.dropProducts a { width: 177px; } /* Width for navigation anchor tags is determined by container width, minus left and right padding values. In this case, navProducts.Width - mainDrop.HorizontalPadding = 127px */
.dropProducts .cssDropHeading { width: 182px; } /* Width for navigation headings is determined by container width minus '.cssMainDrop .cssDropHeading' left and right padding values. In this case, 141 - 9 = 132px */

		.navProductsHome { width: 105px; top: 39px; left: 190px; }		
		.navProductsHome a { width: 91px; }
		
		.navProductsOther { width: 193px; top: 57px; left: 190px; }
		.navProductsOther a { width: 179px; }

		.navProductsLearn { width: 149px; top: 220px; left: 190px; }
		.navProductsLearn a { width: 135px; }		
				
		.navProductsTips { width: 113px; top: 238px; left: 190px; }
		.navProductsTips a { width: 99px; }			
		
/* Claim */
.navClaimResources { width: 240px; left: 75px; }
.cssIframeClaimResources { width: 436px; height: 135px; }
.dropClaimResources a { width: 226px; }

		.navClaimResourcesAuto { width: 166px; top: 57px; left: 239px; }
		.navClaimResourcesAuto a { width: 152px; }
				
		.navClaimResourcesHome { width: 216px; top: 74px; left: 239px; }
		.navClaimResourcesHome a { width: 202px; }
		
		.navClaimResourcesCatastrophe { width: 176px; top: 93px; left: 239px; }
		.navClaimResourcesCatastrophe a { width: 160px; }
		
/* Payments */
.navPayments { width: 229px; left: 130px; }
.cssIframePayments { width: 602px; height: 195px; }
.dropPayments a { width: 215px; }



/* About Us */
.navAbout { width: 72px; left: 212px; }
.cssIframeAbout { width: 458px; height: 210px; }
.dropAbout a { width: 58px; }