body, html {
 margin:0;
 padding:0;
 background:#f3f3f3;
 height:100%;
}

body {
 text-align: center; /* centers the layout in IE 5x - needs to be reset in p_container */
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #455159;
 font-size: 12px;
height:100%;
}

a img { border: 0;}


hr {
color: #d1d1d1;
background-color: #d1d1d1;
border: 0;
height: 1px;
margin-bottom:20px;
}

sup {
 line-height: 0px;
}

/***************** Wrappers and containers start here *****************/

/* sets a buffer wrapper around all others */

#wrapper { 
 margin:0 auto;
 width:1004px; /*980 + 24 accounts for 12 px l/r drop shadow */
 background: url(../img/wrapper_bg_home.gif) top left repeat-y; /* sets shadows on left and right sides */ 
 padding: 0px;
 min-height: 100%;
overflow: hidden;
/*height:100%;*/
}

/*
* html #wrapper {height: 100%;overflow: visible;}
*/


#container {
 width: 980px;
 margin: 0 auto;
 padding: 0px 0px 0px 0px; /*sets bottom padding below footer */
 text-align: left; /* resets the center attribute set above in body needed to center the layout in IE 5x */
}

#twocolwrapper {
 background: #fff;
 padding: 0px;
 margin: 0px 10px 0px 10px;
}

h1 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 22px;
 color: #004f87;
 padding: 0px 10px 7px 0px;
 margin: 0;
}

h2 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 15px;
 color: #004f87;
 /* leave as below - tied to PDF download placement in h2 titles*/
 padding: 5px 5px 10px 0px; 
 /*padding: 0px 5px 7px 0px;*/
 margin: 0;
}

h2 a {
 color: #005596;
 text-decoration: none;
}


h3 {
 font-size: 13px;
 color: #455159;
 padding: 2px 0px 10px 0px;
 margin: 0;
}


p {
 font-size: 13px;
 padding: 0px 10px 12px 0px;
 margin: 0;
 color: #455159;
 line-height: 20px;
}

a {
 color: #5783A6;
 text-decoration: underline
}

a:hover {
 text-decoration: none;
}
/*
ul {
 margin:0;
 padding-bottom:10px;
 line-height: 18px;
}
*/

#midcolinner ul, #twocol_rightcolinner ul {
 margin:0;
 padding:0px 0px 10px 35px;
 /*line-height: 18px;*/
}
#midcolinner ul li, #twocol_rightcolinner ul li {
 padding:0px 0px 8px 0px;
 line-height: 17px;
}


ol {
 line-height: 12px;
 color: #5A5A5A;
}
ol li {
 padding:0px 0px 6px 10px;
}
/********** THREE COLUMN ******************/
#threecolwrapper {
 margin: 0px 10px 0px 10px;
}

#floatwrapper { /*** must enclose two of the three cols - here leftcol. must include center col. ***/
 float: left; 
 width: 694px;
 background:#e8e8e8;
}
#midcol {
 background: #fff;
 float: right; 
 width: 538px;
}
#midcolinner {
 padding: 0px 20px 10px 20px;
 /* IE height fix to force short middle columns equal to left*/
 min-height:500px;
 height:auto!important;
 height:500px; 
 /*
 min-height:500px;
 */
}

.bioimage {
float:left;
padding: 0px 20px 10px 0px;
}

.partnerimg {
padding: 5px 0px 10px 0px;
}

/************* LEFT COLUMN *********************/
#leftcol {
 margin-right: 538px;
 /*background: #fff;*/
 padding: 0px 0px 0px 0px;
 line-height: 12px;
}


#subnav {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size:12px;
 margin: 0;

}

#subnav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
 background-color: #dfdfdf;
 line-height: 14px;
}
		
#subnav li {
 border-bottom: 1px solid #fff;
 margin: 0;
 background-color: #dfdfdf;

}

#subnav li a {
 display: block;
 padding: 8px 5px 8px 10px;
 background-color: #dfdfdf;
 color: #004f87;
 text-decoration: none;
 width: 100%;
}
/* bg highlight and IE fix for slightly off highlight state */
#subnav li.sectionhighlight, #subnav li.sectionhighlight a {
 background-color:#c6d9e5;
}

html>body #subnav li a {
 width: auto;
}
/* duplicated sfhover as subhover to fix IE rollovers */
#subnav li a:hover, #subnav li.subhover {
 background-color: #c6d9e5;
 color: #004f87;
}

.leftcolpromotop {
 width: 138px;
 height: 30px;
 margin-top:75px;
 margin-left:9px;
}
.leftcolpromo {
 background: url(../img/promo_leftcol_bg.gif) top left repeat-y;
 width: 138px;
 padding-top:10px;
 margin-left:9px; 
}
.leftcolpromo p {
 padding: 5px 15px 5px 15px;
 font-size: 12px;
 line-height:16px;
}

.leftcolpromobottom{
 width: 138px;
 height: 8px;
 background: url(../img/promo_leftcol_bottom.gif) no-repeat;
 padding-bottom: 10px;
 margin-left:9px;

}

/*************** RIGHT COLUMN *****************/
#rightcol {
 margin-left: 694px;
 padding-top:13px;
}

#rightcol p {
 font-size: 12px;
 line-height: 18px;
}


h1.hook {
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-weight: bold;
 font-size: 18px;
 line-height: 20px;
 color: #78b84f;
 padding: 12px 10px 4px 0px;
 margin: 0;
}
.promotop {
 width: 262px;
 height: 30px;
 /*background: #fff url(../img/promo_rightcol_top_case.gif) no-repeat;*/
 margin-top:15px;
}
.promo {
 background: url(../img/promo_rightcol_bg.gif) top left repeat-y;
 width: 262px;
 padding-top:10px; 
}
.promo p {
 padding: 5px 15px 5px 15px;
 font-size: 12px;
 line-height:16px;
}

.promobottom{
 width: 262px;
 height: 8px;
 background: #fff url(../img/promo_rightcol_bottom.gif) no-repeat;
 padding-bottom: 10px;
}

.iconlink {
 background: url(../img/pdf_icon.jpg) no-repeat;
 margin: 0px 10px 0px 15px;
 padding: 5px 10px 15px 30px;
}
.iconlink_white {
 background: url(../img/pdf_icon_whitebg.jpg) no-repeat;
 margin: 0px 10px 0px 0px;
 padding: 5px 10px 10px 30px;
 /* below for right alignment */
 float: right;
}
/*************** END RIGHT COLUMN *****************/


/*************** END 3 COL ***************/

/*************** TWO-COLUMN TEMPLATE *****************/

#twocol_leftcol {
 background: #fff;
 float: left; 
 width: 694px;
}

#twocol_leftcolinner {
 padding: 0px 20px 10px 10px;
}


/************ Home Template *****************/

#homecol {
 background: #fff;
 /*padding: 22px 22px 0px 22px;*/
}
#homeflash {
 margin: 3px 10px 0px 10px;
}

#homepromo {
width:960px;
height:193px;
margin: 0px 10px 0px 10px;
background: #cdecbb;
background-image: url('../img/home_bg_promos_alt.jpg');
background-repeat: no-repeat
}

h1.homepromo_left {
color:#004f87;
font-size: 18px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
padding: 20px 10px 3px 30px;
}

h1.homepromo_left a {
color:#004f87;
text-decoration:none;	
}

h1.homepromo_left a:hover {
color:#348bc9;
}

ul.homepromo_left {
color:#455159;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
line-height: 22px;
margin: 5px 15px 0px 0px;
list-style-type: disc;
padding: 0px 10px 0px 45px;
}

h1.homepromo_right {
color:#426154;
font-size: 16px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
padding: 14px 0px 3px 20px;
}

p.homepromo_right {
/*color:#3f3f40;*/
color:#455159;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
padding: 10px 10px 3px 20px;
line-height: 16px;
}

p.homepromo_right a {
color:#829EB7;
}
/**** HEADER
--------------------------------------*/


#header {
 background: #fff;
 height: 124px;
}


#topnav {
 text-align: right;
 float: right;
 width: 300px;
 padding: 65px 10px 0px 0px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #677681;
}

#topnav a {
 text-decoration:underline;
}

#topnav a:hover {
 text-decoration:none;
}

#topnav a.section {
 text-decoration:underline;
}

#logo {
 width: 355px;
 height: 94px;
 margin-left:10px;
}

/************** Main Nav starts here ********************/

#navwrapper {
 margin: 0; 
}

#nav {
/* width added to prevent wrapping on browser window resize */	
 width:1000px;
 float: left;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
 list-style: none; 
 padding: 0;
 margin: 0px 0px 0px 9px;
 position:absolute;
 z-index: 999;
}
/*
#blogbtn {
 float: right;
 padding: 0px 10px 0px 0px;
 margin: 0;
}
*/
#nav ul {
 margin: 0;
 padding: 0;
 float: left;
 font-weight: bold;
 line-height: 14px;
}

#nav li {
 float:left;
 position:relative;
 list-style-type:none;
 background-color:#dfdfdf;
 border-left:1px solid #ffffff; /*set left to give appearance of even spacing across page width*/
}

/* Section highlight */
#nav li.sectionhighlight {
 float:left;
 position:relative;
 list-style-type:none;
 background-color:#c6d9e5;
 border-left:1px solid #fff;

}
#nav li.sectionhighlight a {
 padding:8px 47px 8px 47px;
}


#nav li.button a {
 padding:0px;
 background-color:#fff;
}

#nav li:hover, #nav li.sfhover {
 background: #c6d9e5;
}

#nav ul li ul li:hover, #nav ul li ul li.sfhover {
 background: #c6d9e5; /*rollover color for drop downs*/
}

#nav a {
 display:block;
 padding:8px 47px 8px 47px;
 text-decoration:none;
 color:#004f87;
}

#nav ul li ul {
 padding: 0;
 font-size: 11px;
 position: absolute;
 width: 169px;
 left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
 font-weight: bold;
}


#nav ul li ul a, #nav li.sectionhighlight ul li a {
 padding: 6px 14px; /* ADUJUST THIS FOR DROP DOWN SPACING */
 color:#226493;
}

#nav ul li ul li {
 text-align: left;
 width:100%;
 background-color:#e4e7ea;
 border-left:0px; /* stops the drop from inheriting the ul border */
 border-bottom:1px solid #fff;
}

#nav ul li ul li:first-child {
 border-top:1px solid #fff;
 }

#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
} 

* html  #nav ul li ul { /* IE fix that adds a top line to drop downs in IE - can't read :first-child */
 border-top:1px solid #fff;
 border-left:0px; /* stops the drop from inheriting the ul border */
}


#breadcrumb {
 background: #fff;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10px;
 padding: 9px 5px 9px 12px;
 color: #919ca2;
}
#breadcrumb a {
 color: #5783A6;
 text-decoration:underline;
}
#breadcrumb a:hover {
 text-decoration:none
}
/*************** FOOTER *****************/
#footerspacer {
 height:10px;
 clear:both;
 margin:10px 0px 0px 0px;
}

#footer {
 border-top:1px solid #d1d1d1;
 margin:0px 10px 0px 10px;
}

#footer a {
 color: #8d8d8d;
}


#footer p {
 font-size: 11px;
 padding: 10px 10px 0px 10px;
 margin: 0;
 color:#9c9c9c;
 line-height: 16px;
}

#footercopyright {
float: right;
}

#footerhome {
 clear:both;
}

#footerhome a {
 color: #8d8d8d;
}


#footerhome p {
 font-size: 11px;
 padding: 6px 10px 0px 10px;
 margin: 0;
 color:#9c9c9c;
 line-height: 16px;
}

#footerhome_copyright {
float: right;
}

/*************** END FOOTER *****************/
.twocol_table, table.coll {
font-size: 12px;
color:#455159;
}
table.coll 
{
border-collapse: collapse;
}

.twocol_table h1, table.coll h1{
font-size: 13px;
font-weight: bold;
}
.twocol_table h2, table.coll h2 {
color:#004f87;
font-size: 12px;
font-weight: normal;
}

/**************** Subheader Toggle *******************/


#TJK_DL {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 padding: 0px 0px 10px 10px;
 margin: 0;
 font-size: 13px;
 color: #004f87;
}


/* zeroing out padding and margin */
#TJK_DL dd,#TJK_DL dt {
margin:0;
padding:0;
} 

/* margin for the DTs (shorthand) */
#TJK_DL dt {
margin:7px 0;
}

/* image and left padding for DDs */
#TJK_DL dd {
 padding: 8px;
 /*background: #F7FCFE;*/
 font-weight: normal;
 color: #7D7D7D;
 text-align: left;
 font-size: 9px;
}

#TJK_DL dd ul {
 margin:0;
 padding:0px 0px 10px 35px;

}
#TJK_DL dd li {
 color: #455159;
 font-size: 12px;
 padding:0px 0px 8px 0px;
 line-height: 17px;
}

/* styling all anchors in the DTs */
#TJK_DL dt a, dt a {
 background: 0 50% no-repeat;
 padding-left:10px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #004f87;
 font-weight: normal;
 text-decoration:underline;
}

/* use this to making styling consistent on page load */
dt {
 background: 0 50% no-repeat;
 padding-left:10px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #004f87;
 font-weight: normal;
}


#TJK_DL dt a:visited {
 color:#004f87;
}

#TJK_DL dt a:visited:hover,
#TJK_DL dt a:hover,
#TJK_DL dt a:active,
#TJK_DL dt a:focus {
 text-decoration: none;
}
/* the + and - gif in the anchors   */

#TJK_DL .DTplus a {
background-image:url(../img/toggle_plus.gif)
}
#TJK_DL .DTminus a {
background-image:url(../img/toggle_minus.gif)
}

/**********************************/
/*********************************/
#TJK_DL .showDD {
position:relative;
top:0
}
#TJK_DL dd,.hideDD{
top:-9999px;
position:absolute
}

/***********************/
/* div vert spacers */

#vspacerSmall {
height:100px;
}
#vspacerTall {
height:275px;
}

/*
h2 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 15px;
 color: #004f87;
 padding: 0px 5px 7px 0px;
 margin: 0;
}

h2 a {
 color: #005596;
}


#midcolinner ul, #twocol_rightcolinner ul {
 margin:0;
 padding:0px 0px 10px 35px;

}
#midcolinner ul li, #twocol_rightcolinner ul li {
 padding:0px 0px 8px 0px;
 line-height: 17px;
}
*/