/*-- 
ESF Style Sheet
version:   3.0
author:    Lydia Mann
email:     lmann@bondmarkets.com
website:   http://www.ehya.com
updated:   by Paula Bongino	for SIFMA 10/29/07  / 09/15/08

thanks to all good standards developers who guide me to hack-free design
*/

/* general
-------------------------------------------- */
* { margin:0; padding: 0; color:#4e4f53;  }

body { font: .8125em/1.1em arial, helvetica, sans-serif; margin: 0 auto; padding: 0; background-color: #eff7ff; min-width:1007px; color:#4e4f53; text-align:center;  }
p, li { font-size:90%; line-height: 150%; margin: 1em 0 1em; padding: 0; }
h1, h2, h3, h4, h5, h6 {
	line-height: 130%;
	margin: 0;
	color:#0c4da2;
	margin-left:7px;
}
h1 { font-size: 160%; margin-bottom:.5em;  letter-spacing:1.1px; font-family:Georgia, "Times New Roman", Times, serif;}
h2 {
	font-size: 118%;
	margin-top:1em;
	margin-bottom: .5em;
	text-transform: uppercase;

}
h1 + h2 { margin-top:1em; }
h3 { font-size: 110%; margin-top: 1em;  }
h4 { font-size: 108%; margin-bottom:0; }
h5 { font-size: 98%; text-transform: uppercase; margin-top: 1em; }
table td p {padding:0;}
a:link, a:visited, img a { color: #709345; margin: 0; padding: 0; text-decoration:none; }
a:link, a:visited {text-decoration:underline; }
/* a:visited { color: #0066CC; } */
a:hover { border: 0; color:#3d3e42; text-decoration:none;}
.top0 { margin-top: 0; }


ul, ol { margin: 0; padding: 0; }
li { margin: 1em 0 0 8px; padding: 0; line-height: 110%; }
ul li { padding: .4em 0 .2em 12px; list-style: none outside; background: transparent url(../images/bullet.gif) no-repeat 0 10px; line-height:150%;}
ol li { list-style-type: decimal; }
blockquote {margin-left:25px;}

tr { vertical-align: top; }
th, td { border: 0; padding: 2px 20px 2px 2px; }
th { text-align: left; background-color: #dae1e8; }
.twocol td { width: 49%; }
.threecol td { width: 33%; }
.fourcol td { width: 24%; }
.date {
	display: block;
	font-size: 95%;
	overflow: hidden;
	font-weight: bold;
}

div#nav2 ul li a:link {
	color: #709345;
}
div#nav2 ul li a:hover {
	color: #666666;
}
div#wrapper { position: relative; top: 0; left: 0; width: 1007px; margin:0 auto; padding:0; background:url(../images/bg1.gif) repeat-y 0 0;}

div#branding {
	position: relative;
	height:196px;
	width: 1007px;
	z-index: 5;
	margin:0;
	padding: 0;
	background-image: url(../images/EHYAMastbg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
div#rightcolumn { float:right; width:280px;}
div#branding h1 {display:none;}
div#branding a:link, div#branding a:visited { text-decoration:none; border:none; }
div#contents { position: relative; float: left; width:1007px; margin: 0 auto; padding: 0 0px; overflow: hidden; text-align:left;  }
div#bt { float: left; width: 100%; z-index: 100; } /* creates top of boxes, houses nav */
div#sidebar {
	float: right;
	width:280px;
	margin: 10px 10px 0 0px;
	padding:0 0 15px 0;
	background-color: #d0e0bd;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #b9c9a6;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #b9c9a6;
}
div#searchForm {float: right; width:270px; margin:15px 10px 0px 0;  padding:0; }
div#charts {float: right; width:310px; margin:10px 10px 5px 0;  padding:0; }
div#blockAd-fr {float:right; width:256px; background-color: #d0e0bd; margin:10px 10px 5px 0; padding:0 12px; border-top-width: 5px; 	border-top-style: solid; border-top-color: #b9c9a6; border-bottom-width: 5px; border-bottom-style: solid;border-bottom-color: #b9c9a6; }
div#outer-sb {float:right; width:256px; margin:10px 10px 5px 0; padding:0 12px; border-top-width: 5px; 	border-top-style: solid; border-top-color: #b9c9a6; border-bottom-width: 5px; border-bottom-style: solid;border-bottom-color: #b9c9a6; }


.rightbox h3 {
	text-transform:uppercase;
	color:#4e4f53;
	margin-left:12px;
	}
.rightbox p {
	color:#4e4f53;
	margin-left:12px;
	margin-right:10px;
	}
div#sidebar img {
	border:1px solid #4e4f53;
}
div#main { float: left; width:600px; margin:25px 0 0 25px; padding: 0 0px 0 0px; display: inline; min-height:350px; } /* display:inline to address IE double-margin bug */
* html div#main {height:350px;}

div#mainc { margin:25px 35px 0 55px; padding: 0 0px 0 0px;  min-height:350px; text-align:left; } /* display:inline to address IE double-margin bug */
* html div#mainc {height:350px;}
div#mainc table {text-align:left;}
div#main p { margin-left:8px;  }
#main img {border:1px solid #4e4f53; margin:4px 7px 4px 0;}
div#rbox {
	position: relative;
	float: right;
	width:280px;
	display:inline;
	margin-top: 0;
	margin-right: -6px;
	margin-bottom: 10px;
	margin-left:15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	min-height:400px;
 }
.dynamictidbit {background-color:#f4f8f0; border:1px solid #d6dfda; padding:0 0px 10px 10px;}
div#past { position: relative; float: right; width:200px; margin: 0 -6px 10px 2em; padding: 0 0 10px 10px; display:inline; background-color:#f4f8f0;}
div#footer {
	margin:0 auto;
	padding:10px 0;
	clear: both;
	text-align:center;
	width:1007px;
	background-color: #eff7ff;
	background-image: url(../images/esfBGbottom.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#footer img { margin-top:35px; border:none;}

div#tidbit h1 { font-size: 105%; line-height: 200%; margin: 0; padding: 0 1em 1em; }
div#contacts { font-size: 93%; background-color:#f4f8f0}

.more { width: 90%; text-align: center; margin:10px 0px; padding-left:14px; font-size: 90%; font-weight: bold; }

/* lists
-------------------------------------------- */
ul.glob { position: relative; z-index: 0; }
ul.glob a, ul.glob a:visited { background: #fff; display: block; border-bottom: 0; text-decoration: none; margin: 0; }
ul.glob li { position: relative; margin: 0 0 0 18px; padding: .2em 0 .3em 12px; background: url(../images/bullet.gif) no-repeat 0 0; z-index: 2; }
ul.glob li li,  ul.glob li li li { background: url(../images/rule.gif) repeat-x left top; margin-left: 1em; padding: 0 0 .5em 12px; border-left: 1px solid #a7c3c4; z-index: 3; }
ul.glob li li li { margin-left: 5em; }
ul.glob li li a:link, ul.glob li li li a:link { margin: 0 0 .5em 10px; padding: 0 4px; }

/* navigation */
div#logo {
	float:left;
	width:150px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	position: relative;
	padding-top: 0px;
}
div#logo img {
	border:none;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
div#nav {
	padding:0 55px 0 0;
	margin-top:168px;
	border: 0;
	float:right;
	z-index: 2;
	text-align:left;
	}
div#nav ul li { font-size:12px; font-size-adjust:none; color: #ffdf; font-weight: bold; line-height: 1em; float: left; position: relative; margin: 0; vertical-align:top; padding:5px 10px; padding-bottom:2px list-style: none; border-right: 1px solid #a7c3c4; background-image: none; }
div#nav li a { text-decoration: none; color: #fff; display: block; border-bottom: 0; font-size-adjust:none;}
div#nav ul ul { position:absolute; width: 12em; top: 99%; left: 0; border: 1px solid #ccc; background-color: #fff; margin: 0; padding:0; }
div#nav li li {line-height:16px; font-size: 88%; font-weight:normal; width:97%; margin:0; padding:6px 3px 3px 6px; list-style:none; text-transform:none; border-right: 0; border-top:1px dashed #eaebeb; }
div#nav li li a { margin:0; color:#4e4f53; padding:0 0 0 6px; border:0; background:transparent;}
div#nav2, div#tidbit, div#contacts, div#chart { width:100%; margin:0 0 1em; padding:3px 0 0 15px; border-LEFT:1px dashed #e8eae9; }
div#nav2 .magentanews a { padding: 4px 3px 4px 0px; display: block; border: 0;  color:#4e4f53; font-size:110%; font-family:Arial, Helvetica, sans-serif; line-height:16px;}
div#chart {background-color:#f4f8f0; padding-top:6px; padding-bottom:6px;}
div#chart h3 {margin:4px;}
div#nav2 h5, div#tidbit h5, div#contacts h5 { margin-top: 0; }
div#nav2 li#last {margin-bottom:0;}
div#nav2 .title a  {color:#709345; font-size:120%; font-family:Arial, Helvetica, sans-serif; line-height:16px; text-decoration:underline;}
div#nav2 .source {font-weight:bold;} 
#nav li li a:hover {color: #0033CC; }
.rightbox img {
	margin-left:15px;
	margin-top:15px;
}

div.rightbox li a,
div.rightbox li a:link,
div.rightbox li a:visited {
	color:#4e4f53;
	}
/* pullouts */
div#nav ul li ul, div#nav2 ul li ul { display:none; }
div#nav ul li:hover ul { display:block; }

#sidebar a:link,
#sidebar a:visited { color:#0054a6; font-weight:bold; }
#sidebar .rightbox ul {
	margin:6px 0 15px 2px;
	}
#sidebar .rightbox ul li {
	margin:0 0 0 1em; 
	}
#mission {
	font-size:112%;
	font-weight:bold;
	line-height:18px;
	margin-bottom:20px;
	}

/* active page */
body.home div#nav ul li#gohome,
body.about div#nav ul li#aboutmenu,
body.committees div#nav ul li#commenu,
body.advocacy div#nav ul li#advmenu,
body.research div#nav ul li#resmenu,
body.media div#nav ul li#medmenu,
body.events div#nav ul li#eventmenu,
body.login div#nav ul li#loginmenu,
body.forms div#nav ul li#formmenu  {background-color:#fff; border-bottom:1px solid #fff; }

body.home div#nav ul li#gohome a,
body.about div#nav #aboutmenu a.olink,
body.committees div#nav ul li#commenu a.olink,
body.advocacy div#nav ul li#advmenu a.olink,
body.forms div#nav ul li#formmenu a.olink,
body.research div#nav ul li#resmenu a.olink,
body.media div#nav ul li#medmenu a.olink,
body.events div#nav ul li#eventmenu a.olink,
body.login div#nav ul li#loginmenu a {color:#001727;}

div#nav li.active {
	text-decoration: none; 
	color:#001727;
	display: block; 
	border-bottom: 0;
	background-color: #FFF;
}

div#nav li.active a {
	color:#001727;
	}
	
div#nav li#loginmenu {
	background-color:#709345;
	padding-bottom:-1px;
	border-top: 1px solid #a7c3c4; 
	}
	
/* forms
-------------------------------------------- */
form, fieldset {border:0; padding:0; margin:0; }
label, select, input {font-size:90%; padding:2px 3px; margin:0; }
label, select {display:block; margin:0; }

form#login { padding:0; margin:2em 0; }
form#login label { float:left; width:120px; }
form#login input { width:200px; background-color:#dae1e8; color:#021f3e; }
form#login input.btn { width:auto; }
/* sidebars*/
#tidbit {background-image:url(../images/tidbit-bg.jpg); background-color:#f4f8f0;  font-family:"Times New Roman", Times, serif; padding:5px; }
#tidbit h3 { font-size:105%; padding:10px; color: #003366; line-height:24px; margin-top:0;}

/* special stuff
-------------------------------------------- */
address { font-style: normal; font-size: 85%; line-height: 2.5em; color: #f4f8f0; padding:0px 0 15px 15px; margin: 0;}
address img { display: block; padding-left: 60px; margin: 0;}
.box, #cal { background-color: #fff; width:90%; margin: 0 auto; padding: 0; border: 1px solid #325c44; }
form#search { background-color: #fff; width:90%; margin: 0 auto; padding: 0; border: 1px solid #325c44;}
.box h1, .box p { margin: 10px;}
#sidebar img.ad {
	display: block;
	border:1px solid #263b56;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: 15px;
}

.stats { font: 93% "Arial-narrow", "Helvetica-condensed", sans-serif; margin: 1em 0; border: 2px solid #325c44;  border-width: 2px 1px 1px 2px;}
.stats td { padding: 3px 6px; border: 1px solid #325c44; border-width: 0 1px 1px 0; }
.stats td.nos { text-align: right; white-space: nowrap; background-color: #eef1f6; }

/* search */
form#search {background-color: transparent; padding: 0; margin: 0; border: 0; vertical-align: bottom; width:100% }
form#subscribe { width:90%; padding: 0; margin:0 auto; }
form#search label { display:none; }
form#search fieldset { border:0; padding: 0; margin:0; }
/* form#subscribe fieldset { height: 30px; background:url(/graphics/button.gif) 8px 0 no-repeat; border:0; padding: 2px 8px 12px; margin: 0; } */
form#search input#searchinput {padding:3px 6px; margin:0px 5px 0 0; border: 0; background-color: transparent; font-size:80%; height:14px; vertical-align: middle; border: 1px solid #325c44; width:79%; color:#999999;  }/* border: 1px solid #c54e37; */
form#search input.inputgo {top:0px; margin-top:0px; padding: 0; vertical-align:middle;}

/* calendar and AJAX-related elements */
/* #results is a placeholder for AJAX element to appear in */
#cal { margin-top: 2em; padding: 0; border: 1px solid #e8eae9; background-color: #f4f8f0; }
#cal h3, #cal h5 { font-size: 90%; margin: 0 .3em .2em; padding:4px; }
#cal a { border: 0; line-height:16px; color:#4e4f53; }
div#results { margin: 0; padding: 0; }
#but { position: relative; width: 60%; margin:0em auto; }
#but a:link, #but a:visited { padding: 2px 3px; text-align: center; color: #4d6f70; text-decoration:none; }
#but a:hover { background-color: #3d3e42; color: #f4f4ec; }
#cal table { border-bottom: 1px solid #e8eae9; }
#cal table td { text-align: left;padding:8px .3em 8px .3em; border-top: 1px solid #e8eae9; background-color: #fff; font-size:85%; }
#cal table td.L { text-align: right; width: 25%; border-top: 1px solid #e8eae9; border-right: 2px solid #f4f4ec; }
#cal table p { font-size:85%; line-height: 130%; margin: 2px 0; padding: 0;}

/* * */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any container that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: "."; /* the period is placed on the page as the last thing before the div closes */ 	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden;	/* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* * */ 

.line {padding:0 5px 0 5px;} /* add extra padding in between text */
#sb-box {
	clear:left;
	margin-top:5px;
	text-align:left;
	width: 250px;
}
.sb_date { display:none;}
#sb-box table  {margin:0; padding:0;}
#sb-box table tr td {left:0; margin:0; padding:0; text-align:left; line-height:18px; width:0; }
#sb-box a.more {color:#80ab4a; padding-left:14px; line-height:16px;  font-weight: bold; background: url(../images/bullet.gif) 0px 6px no-repeat; }
#sb-box a.more:hover {	color: #09284F;}
#sb-box .sb_info {line-height:24px;}
#sb-box img {border:none;}
#charts {margin-left:-13px; padding:0}

/* for standard docs piece */
table.standard-docs td{
	border:1px solid #CCCCCC;
	padding:4px;
}
table.standard-docs ul li{
	list-style-type:none;
	background:none;
	margin:0;
	line-height:150%;
}
table.standard-docs th,
body#email table th {
background-color:#dff0ce;
text-align:left;
padding:4px 0 4px 3px;
border:1px solid #CCCCCC;
}
table.standard-docs td p { padding:0; margin:0;}
p.pwd {
	background-color:#dff0ce;
	font-weight:bold;
	color:#14115e;
	margin:5px 10px 15px 10px;
	padding:4px;
	border:2px solid #14115e;
	text-align:center;
	}

.pwd a,
.pwd a:visited,
.pwd a:hover {
	display:block;
	color:#14115e;
	text-decoration:none;
	}
body#email table {
	margin-left:15px;
	}
body#email table input[type=text],
body#email table textarea  {
	width:300px; border:1px solid #ccd6bf; color:#3d3e42; margin-right:5px;}
body#email input[type=submit] {margin-left:10px; width:100px; color:#002951; padding:4px; font-weight:bold;}
p.label {
	margin-top:25px;
	color:#14115e;
	font-size:110%;
	}
#main img {
	border:0;
	
}
img.private {padding-left:2px; bottom:0; vertical-align:bottom;}


a.pdf:link,
a.pdf:visited { background: url(../images/pdf.gif) no-repeat 0 0; padding: 0 0px 0 23px; display:inline-block;}
table.committee {margin-left:5px;}
table.committee tr.shade {background-color:#fff;}
table.committee tr td {padding:4px 10px 4px; border: 1px solid #cccdce; line-height:18px; font-size:90%}
table.committee tr.darkshade {background-color: #dff0ce; }

/*article tools */
div#tools {padding:0 0px 18px 10px; margin:0 0 0 8px; text-align:right; }
ul.atools li {list-style-type:none; display:inline; padding:3px; margin:2px; border:1px dotted #d2d2d5; background-image:none; }
ul#tools a:link {text-decoration:none; }
a.email {background: url(../images/email.gif) no-repeat 2px 3px; padding: 1px 3px 1px 23px; text-decoration:none; background-color:#f1fcff;}
a.subscribe {background: url(../images/subscribe.gif) no-repeat 2px 2px; padding: 1px 3px 1px 15px; text-decoration:none; background-color:#f1fcff;}
a.print {background: url(../images/print.gif) no-repeat 2px 1px; padding:1px 3px 1px 19px; text-decoration:none; background-color:#f1fcff;}

.disclaimerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.box-accordian {
	background-color: #E7F0F5;
	border: 1px solid #CCCCCC;
	margin-top: 0;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	width: 600px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0px;
	margin-bottom: 10px;
	position: relative;
}
#accordians {
	width: 600px;
}


.box-accordian   h2    {
	display: block;
	width: 450px;
	padding: 0px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	color: #666666;
}

.h-right {
	margin-top: 5px;
	margin-right: 10px;
	float: right;
	margin-bottom: 5px;
}
.h-right a:link {
	color: #709345;
}
.h-right span a {
	display: block;
	width: 21px;
	height: 21px;
	text-indent: -9999px;
	background-image: url(../images/expand.gif);
	
}

.h-right span.on a {
	display: block;
	width: 21px;
	height: 21px;
	text-indent: -9999px;
	background-image: url(../images/hide.gif);
}
.h-right a:hover {
	color: #666666;
}
.h-right a:visited {
	color: #666666;
}

ul.options {
	float: right;
	padding-bottom: 5px;
	margin: 0;
}

ul.options li {
	display:inline;
	border-right: solid 1px #226FB2;
	margin-right:0px;
	background-image: url(../images/green-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

ul.options li.button {
	background: none;
}

ul.options li.last {
	border:none;
}
.subcontent p {
	font-size:90%;
	line-height: 150%;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.subcontent {
	margin: 0px;
}
.clearer {
	clear: both;
}