@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;}

#upperNavContainer {width:380px; text-align: right; margin:0 0 0 0;}
.upperNav .upperNavElement { display: inline; padding-left: 5px; padding-right: 7px; 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; padding-right: 2px; }

.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(/images/home/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(/images/home/nav_bg_arrow_off.gif); background-repeat: no-repeat; background-position: center right; }
.cssMainDrop .cssArrowBg:hover { background-image: url(/images/home/nav_bg_arrow_on.gif); background-repeat: no-repeat; background-position: center right; }
.cssMainDrop .cssDropHeading { padding: 0px 0px 0px 0px; }
.cssMainDrop .cssDropHeading a { color: #ffffff; }
.cssMainDrop .cssDropHeading a:hover { color:#DA0C17; background: #dadad2; text-decoration: none;  }


.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 */

/* Specialties */
.navSpecialties { width: 230px; left: 0px; } /* Width is determined by actual size, NO CALCULATIONS INVOLVED */
.cssIframeSpecialties { width: 419px; height: 260px; } /* IFrame IE6 fix width is adjusted to cover both tiers of navigation. In this case, I take the navSpecialties width, and the largest tiered with for the PI nav. In this case, the largest is 207. */
.dropSpecialties a { width: 216px; } /* Width for navigation anchor tags is determined by container width, minus left and right padding values. In this case, navSpecialties.Width - mainDrop.HorizontalPadding = 127px */
.dropSpecialties.cssDropHeading a { background: #a19b88; font-family: arial; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: none; cursor: pointer; }
		.navSpecialtiesSurety { width: 152px; top: -1px; left: 230px; }		
		.navSpecialtiesSurety a { width: 138px; }
		.navSpecialtiesBusIns { width: 168px; top: 18px; left: 230px; }		
		.navSpecialtiesBusIns a { width: 154px; }
		.navSpecialtiesFPS { width: 203px; top: 37px; left: 230px; }		
		.navSpecialtiesFPS a { width: 189px; }
						
					
		
/* Services */
.navServices { width: 266px; left: 85px; }
.cssIframeServices { width: 246px; height: 90px; }
.dropServices a { width: 252px; }


/* Claim */
.navClaim { width: 256px; left: 160px; }
.cssIframeClaim { width: 450px; height: 195px; }	

/* Downloads */
.navDownloads { width: 130px; left: 223px; }
.cssIframeDownloads { width: 341px; height: 90px; }
.dropDownloads a { width: 116px;  }
		.navDownloadsForms { width: 225px; top: 19px; left: 130px; }
		.navDownloadsForms a { width: 211px; }
			
/* About Us */
.navAbout { width: 146px; left: 310px; }
.cssIframeAbout { width: 146px; height: 4px; }
.dropAbout a { width: 132px; }