/* Normalize selected browser defaults - Source: Transcending CSS, Andy Clarke
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }
img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
div > p { margin-top: 0; } /* old Netscape fix */

/* Consistent line spacing with <sup> <sub> - http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&postId=5341&productId=1&loc=en_US */
sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: .8ex; }
sub { top: .5ex; }

/* Set default HTML tag behaviors
------------------------------------------------------------ */
/* BODY style */
body { font: normal 11px/17px verdana, arial, sans-serif; text-align: left; background: #A2BED6 url(/imgsTemplate/bkgrn_ti_leaf.jpg) repeat-x;}  

/* HEADER styles */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
h1, .headline { font: bold 220%/1em arial, Arial, Helvetica, sans-serif; color: #54A5F3; padding-bottom: .8em; } /*rebrand*/
h2, .subheadline { font: bold 160%/1.2em Arial, Helvetica, sans-serif; color: #54A5F3; margin-top: 10px; padding-bottom: .1em; }
h3, .header { font: bold 130%/1.2em Arial, Helvetica, sans-serif; color: #54A5F3; margin-top: 10px; padding-bottom: 0.1em; }
h4, .smallText { font: 90%/1.1em arial, sans-serif; padding-bottom: 1em; }
h5, .disclosure { font: 90%/1.1em arial, sans-serif; color: #999; padding-bottom: 1em; }
h6, .caption { font: 87%/1.1em arial, sans-serif; color: #000; padding-bottom: 1em; }

h1.imgReplace { text-indent: -9999px; margin: 0; padding: 0; position: absolute; }

/* ANCHOR styles */
a:link, a:visited { color: #818386; text-decoration: underline; } /*rebrand*/
a:hover, a:active { color: #3c6eb7; text-decoration: underline; } /*rebrand*/

/* TABLE formatting styles */
table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1em; }
th, td { font: 100%/1.6em verdana, arial, sans-serif; vertical-align: top; }

/* P formatting styles */
p { padding-bottom: 1.3em; }

/* LIST formatting styles */
ul, ol { margin: 1em 0 1.3em 5em; }
ul { list-style: disc; }
ul ul { list-style: circle; margin: 0 2.5em; }
ul ul ul { list-style: square; margin: 0 2.5em; }
ol { list-style: decimal; }
ol ol { list-style: lower-alpha; margin: 0 2.5em; }
ol ol ol { list-style: lower-roman; margin: 0 2.5em; }
p+ul { margin-top: 0; }

/* IMAGE formatting styles */
a img { border: 0; }
div.column_3 img { background: transparent url(/imgsTemplate/bkgrn_dropshadow.gif) no-repeat bottom right; padding: 4px 15px 15px 4px; margin: 5px 0 0 10px; }
div.column_3 img.noFormat { background-image: none; margin: 0; padding: 0; background-color: transparent; border: 0; }

/* FORM OBJECTS formatting styles */
fieldset { border: 1px solid #CCC; padding-left: 15px; margin-bottom: 15px; }
legend { color: #54A5F3; text-transform: uppercase; font: bold 12px/16px arial, helvetica, sans-serif; letter-spacing: .1em; padding-bottom: 3px; }
input { font-size: 11px; color: #333; border-color: #CCC; border-width: 1px; background-color: #EEE; padding: 1px 3px; }
input.button { color: #FFF; padding: 7px 6px; font: bold 12px/120% arial, helvetica, sans-serif; background: url(/imgsTemplate/bkgrn_inputButton.jpg) repeat-x bottom; border: none; cursor: pointer; }
input:hover.button { color: #000; }
label { color: #818386; font-weight: bold; }
label.inputOption { font-weight: normal; color: #555; padding-right: 15px; }
textarea { color: #333; font: 11px/120% verdana, arial, helvetica, sans-serif; border: 1px solid #AAA; padding: 2px; background-color: #EEE; }
select { color: #333; font: 11px/120% verdana, arial, helvetica, sans-serif; border-width: 1px; background-color: #E3E4E6; }

ul.formSteps { margin: 0 0 20px 0; list-style: none; text-align: center; }
ul.formSteps li { display: inline; margin-right: 10px; padding: 8px; background-color: #d6dfe9; font-weight: bold; }
ul.formSteps li.currentStep { background-color: #003876; color: #FFF; top:0;}

form p.floatLeft { margin-right: 10px; }

/* Setup containers
------------------------------------------------------------ */
div.nonFooter { width:990px; margin: 0 auto; background: #FFF url(/imgsTemplate/bkgrn_nonFooter.gif) repeat-y; }

/* Hide keyword search */
div.branding_1 div.search form { display: block; } /* new nav */

/* Keyword search */
div.branding_1 div.search { text-align: right; padding: 38px 15px 0 0; height: 20px; color: #818386} /* new nav */
div.branding_1 div.search form { color: #FFF; font-weight: normal; }
div.branding_1 div.search input { margin: 0 3px; background-color: #d6dfe9; color: #333; border-width: 1px; padding: 2px 2px; }
div.branding_1 div.search input.button { padding: 0 3px; color: #FFF; }
div.branding_1 div.search input.imgButton { padding: 0; }
div.branding_1 div.search input.searchButton {border:none;background: url('/imgsTemplate/btn-search.jpg') no-repeat top left;width:54px;}
div.branding_1 div.search div.links {position:absolute;vertical-align:top;margin-top:-27px;margin-left:723px;}
div.branding_1 div.search div.links a:link, div.branding_1 div.search div.links a:visited  { color: #818386; text-decoration:underline;} /*rebrand*/
div.branding_1 div.search div.links a:hover, div.branding_1 div.search div.links a:active { color: #3c6eb7; } /*rebrand*/

div.branding_1 { width: 990px; height: 114px; margin: 0 auto; background: url(/imgsTemplate/bkgrn_topNav.jpg) no-repeat; } /* new nav */
div.branding_1 img.logo { float: left; padding: 10px 10px 0 9px; } /* rebrand */

/* Primary nav menu */
div.branding_1 div.menu { margin-left:22px; width: 990px; padding-top: 7px; position: relative; z-index: 10; } /*rebrand*/ /* new nav */
div.branding_1 div.menu ul { font: bold 13px/100% arial, helvetica, sans-serif; margin: 0; }
div.branding_1 div.menu ul li { position: relative; float: left; list-style: none; text-align: center; height: auto; width: 128px; line-height: 110%; margin: 0 17px; } /* new nav */
div.branding_1 div.menu ul li.smBtn { width: 95px; } /*rebrand*/
div.branding_1 div.menu ul li li { text-align: left; margin: 0; font-size: 85%; }
div.branding_1 div.menu a:link, div.branding_1 div.menu a:visited, div.branding_1 div.menu a:hover, div.branding_1 div.menu a:active { text-decoration: none; padding: 7px 10px; display: block; } 
div.branding_1 div.menu ul ul a:link, div.branding_1 div.menu ul ul a:visited, div.branding_1 div.menu ul ul a:hover, div.branding_1 div.menu ul ul a:active { font-weight: normal; padding: 3px 10px; }
div.branding_1 a:link, div.branding_1 a:visited { color: #FFFFFF; text-decoration: none; } /*rebrand*/
div.branding_1 a:hover, div.branding_1 a:active { color: #FFFFFF; text-decoration: none; } /*rebrand*/

/* Additional dropdown menu styles */
.menu li ul { visibility: hidden; position: absolute; overflow: hidden; margin: 0; padding: 0; z-index: 10; }
.menu table { border-collapse: collapse; }
/* first style for IE7 and non-IE browsers and the second style for IE5.5 and IE6 */
.menu li:hover a, .menu li a:hover { border: 0; background-image: url(/imgsTemplate/bkgrn_btnOn.jpg); background-repeat: repeat-x; color: #FFF; }
.menu li:hover ul, .menu li a:hover ul { visibility: visible; height: auto; border: 1px solid #00274f; border-width: 0 1px 0 1px; left: 0; top: 3.3em; overflow: visible;  z-index: 10; background-color: #DDEDFA; width: 145px; opacity:0.95;filter:alpha(opacity=95)}
.menu li:hover ul li a, .menu li a:hover ul li a { background-image: none; color: #231f20;  border: 1px solid #00274f; border-width: 0 1px 1px 0; width: 125px; } /*rebrand*/
.menu li:hover ul li a:hover, .menu li a:hover ul li a:hover { background-color: #4173B9; color: #FFF; } /*rebrand*/

li#on_2 {width:142px;}

/* Highlight current primary nav section */
.navOn_1 li#on_1 a#main, .navOn_2 li#on_2 a#main, .navOn_3 li#on_3 a#main, .navOn_4 li#on_4 a#main, .navOn_5 li#on_5 a#main, .navOn_6 li#on_6 a#main{ background-image: url(/imgsTemplate/bkgrn_btnOn.jpg); background-repeat: repeat-x; color: #FFF; }

/* Hide dropdown menu links
div.branding_1 div.menu ul li ul { display: none; } */

/* left column */
div.column_1 { float: left; width: 180px; padding: 0 10px; background-color: transparent; }

/* right column */
div.column_2 { float: right; width: 210px; padding: 0; background-color: transparent; color: #818386; } /* rebranding */
div.column_2 img.curv { position: relative; z-index: 0; }
div.column_2 div.content { background: url(/imgsTemplate/bkgrn_col2chunks.jpg) no-repeat top; width: 180px; padding: 12px 15px 12px 15px; line-height: 140%; }
div.column_2 div.content h2 { margin-top: 0; padding-bottom: .6em; color: #dc291e; font-size: 15px; } /* rebranding */
div.column_2 div.content .tag { color: #818386; font-weight: bold; } /* rebranding */
div.column_2 a { text-decoration: underline; } /* rebranding */
/* div.column_2 div.content ul { margin: 0 0 8px 20px; list-style: none; text-align: left; } */
div.column_2 div.content ul { margin: 0 0 8px 7px; list-style: none; text-align: left; }
/* div.column_2 div.content ul li { background: url(/imgsTemplate/bullet_sectionNav-01.gif) no-repeat 0 .4em; padding-left: 15px; } */
div.column_2 div.content ul li { padding-left: 15px; } /* rebrand */
div.column_2 div.content ul li.subListStyle {background:none;list-style-image:url(/imgsTemplate/bullet_sectionNav-02.gif);padding:0 0 0 0;margin-left:30px;}
div.column_2 div.content ul li a:link, div.column_2 div.content ul li a:visited { color: #818386; }  /* rebranding */
div.column_2 div.content ul li a:hover, div.column_2 div.content ul li a:active { color: #3c6eb7; }  /*rebrand */
div.column_2 div.content select { background-color: #DEE5ED; } /*rebrand*/
div.column_2 a:link, div_column_2 a:visited  { color: #818386; } /*rebrand*/
div.column_2 a:hover, div_column_2 a:active { color: #3c6eb7; } /*rebrand*/
div.column_2 div.content a:link, div.content div_column_2 a:visited { color: #818386; } /*rebrand*/
div.column_2 div.content a:hover, div.content div_column_2 a:active { color: #3c6eb7; } /*rebrand*/

div.column_2 div.contentCS { background: url(/imgsTemplate/bkgrn_col2chunks.jpg) no-repeat top; width: 180px; padding: 12px 15px 12px 15px; line-height: 140%; }
div.column_2 div.contentCS ul { margin: 0 0 8px 20px; list-style: none; text-align: left; }
div.column_2 div.contentCS ul li { background: url(/imgsTemplate/bullet_sectionNav-01.gif) no-repeat 0 .4em; padding-left: 15px; } 
div.column_2 div.contentCS h2 { margin-top: 0; padding-bottom: .6em; color: #dc291e; font-size: 15px; } /* rebranding */


/* Hidden containers */
div.branding_2 { display: none; }
div.breadcrumb { display: none; background-color: red; }

/* NOTE: If using sticky footer, set footer height value in footerStickAlt set of definitions above */
div.footer { font-family:verdana;width: 990px; height: 48px; text-align: center; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 18px; font-size:.8em; }
div.footer a:link, div.footer a:visited { color: #231F20; text-decoration: underline; } /*rebrand*/
div.footer a:hover, div.footer a:active { color: #135995; text-decoration: underline; } /*rebrand*/
div.footer ul { margin: 0; padding: 0; list-style: none; }
div.footer ul li { display: inline; border-left: 1px solid #231F20; padding-left: 6px; margin-left: 2px; }
div.footer ul li.firstItem { border: 0; margin: 0; padding: 0; }

div.footerSupp { display: none; width: 50%; height: 100%; float: right; text-align: right; background-color: lightgreen; }

/* Setup alternate column display options
------------------------------------------------------------ */
div.columnWrapper_2 div.column_1 { display: none; }
div.columnWrapper_2 div.column_3 { margin-left: 0; }
div.columnWrapper_1 div.column_1, div.columnWrapper_1 div.column_2 { display: none; }
div.columnWrapper_1 div.column_3 { margin: 0 50px; border-width: 0; }

/* Regularly used custom classes
------------------------------------------------------------ */
/* formatted table */
table.formatTable th, table.formatTable td { border: 2px solid #FFF; padding: 2px 6px; }
table.formatTable th { background-color: #4CA0DC; color: #FFF; font-weight: bold; text-align: center; text-transform: uppercase; font-family: arial, sans-serif; }
table.formatTable td { background-color: #E8E9EB; color: #818386; }
table.formatTable td.backTop { background-color: #FFF; text-align: right; }

/*Added By TM for TDI Agents table */
table#TdiAgents tr:first-child td:first-child {  border: 2px solid #FFF; padding: 2px 6px; background-color: #003876; color: #FFF; font-weight:bold; text-align: center; text-transform: uppercase; font-family: arial, sans-serif; }

/* define color palette */
.black { color: #000; }
.white { color: #FFF; }
.gray { color: #555; }
.blue { color: #003876; }
.lightBlue { color: #d6dfe9; }
.brightBlue { color: #61a1df; }
.brown { color: #ac7500; }
.yellow { color: #FC0; }

/* define for in-line styling as necessary */
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; margin: 0; padding: 0; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

/* Site map specific styles
------------------------------------------------------------ */
div.nonFooter div.column_3 div.siteMap dl { font-size: 90%;}

div.nonFooter div.column_3 div.siteMap h2 { margin: 8px 0; padding: 0 0 0 22px; clear: left; background: url(/imgsTemplate/bullet_circleArrow.gif) no-repeat 0 3px; font: bold 140%/140% arial, sans-serif; color: #54A5F3; border-bottom: 1px solid #BBB; }
div.siteMap h2 a:link, div.siteMap h2 a:visited { text-decoration: none; color: #222; }
div.siteMap h2 a:hover, div.siteMap h2 a:active { text-decoration: underline; }

div.siteMap dl { width: 210px; margin: 0 15px 20px 0; float: left; }

div.siteMap dl dt { font-weight: bold; }
div.siteMap dl dt a:link, div.siteMap dl dt a:visited { text-decoration: none; color: #818386; }
div.siteMap dl dt a:hover, div.siteMap dl dt a:active { text-decoration: underline; color:#3C6EB7}

div.siteMap dl dd { list-style: none; }
div.siteMap dl dd a:link, div.siteMap dl dd a:visited { text-decoration: none; color: #818386; }
div.siteMap dl dd a:hover, div.siteMap dl dd a:active { text-decoration: underline; color:#3C6EB7}

