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

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

/* general
-------------------------------------------- */
* { margin: 0; padding: 0; }

body { font: .8125em/1.1em arial, helvetica, sans-serif; margin: 0; padding: 0; background-color: #eff7ff; min-width:1007px; color:#4e4f53; }
p, li, table td {font-size:90%; line-height: 150%; margin: 1em 0 1em; padding: 0; } 
table td {padding-right:15px; }
table td p,
table td li {font-size:100%;}
h1, h2, h3, h4, h5, h6 { line-height: 130%; margin: 0; color:#215035; }
h1 { font-size: 135%; margin-bottom: .3em; }
h2 { font-size: 118%; margin-top: 2em; margin-bottom: .5em; }
h1 + h2 { margin-top: 1em; }
h3 { font-size: 110%; margin-top: 1em;  }
h4 { font-size: 108%; margin-bottom: .3em; }
h5 { font-size: 98%; text-transform: uppercase; margin-top: 1em; }
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 1em; padding: 0; line-height: 110%; }
ul li { padding: .4em 0 .2em 12px; list-style: none outside; line-height:17px; background: transparent url(../esfgraphics/bullet.gif) no-repeat 0 8px; }
ol li { list-style-type: decimal; }
li li {font-size:100%;  margin:0; margin-left:20px; background: transparent url(../esfgraphics/more-green.gif) no-repeat 0 8px;}

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: 90%; }
div#nav2 ul li {
	list-style-type:none;
	}

div#wrapper { position: relative; top: 0; left: 0; width: 1007px; margin:0 auto; padding:0; background:url(../esfgraphics/bg1.gif) repeat-y 0 0; }

div#branding { position: relative; height:196px; width: 1007px; z-index: 5; background: url(../esfgraphics/esfMastbg.jpg) no-repeat 50% 0; margin:0 ; padding: 0; }

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:240px; margin: 15px 15px; 0 0px; padding:0 0 15px 0; background-color: #d6dfda; border-top:5px solid #325c44; }
div#searchForm {float: right; width:240px; margin:15px 15px 5px 0;  padding:0; }



.rightbox h3 {
	text-transform:uppercase;
	color:#4e4f53;
	margin-left:12px;
	}
div#sidebar img {
	border:1px solid #4e4f53;
}
div#main { float: left; width: 630px; margin:25px 0 0 40px; padding: 0 40px 0 10px; display: inline; } /* display:inline to address IE double-margin bug */
#main img {border:1px solid #4e4f53; margin:4px 7px 4px 0;}
div#rbox { position: relative; float: right; width:250px; margin: 0 -6px 10px 2em; padding: 0 0 10px 10px; display:inline; 
 }
.dynamictidbit {background-color:#f4f8f0; border:1px solid #d6dfda; padding:0 0px 10px 10px;}
.dynamictidbit a {text-decoration:none: border:none;}
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; background: url(../esfgraphics/esfBGbottom.gif) 0 0 no-repeat; clear: both; text-align:center; width:1007px; }
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 0; padding: 0; 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(../esfgraphics/bullet.gif) no-repeat 0 0; z-index: 2; }
ul.glob li li,  ul.glob li li li { background: url(../esfgraphics/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:200px; margin:0; padding:0;}
div#logo img {margin:11px 0 0 38px; border:none;}
div#nav {padding:0 60px 0 0; margin-top:168px; border: 0; float:right;   z-index: 2;  }
div#nav ul li { font-size: 110%; color: #ffdf; font-weight: bold; line-height: 1em; float: left; position: relative; margin: 0; padding:5px 10px; list-style: none; border-right: 1px solid #a7c3c4; text-transform: uppercase; background-image: none; }
div#nav li a { text-decoration: none; color: #fff; display: block; border-bottom: 0;}
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 { font-size: 88%; line-height:15px; font-weight: normal; width:100%; margin:0; padding:5px 0px 5px 5px; list-style: none; text-transform: none; border-right: 0; }
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#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 ul, div#nav2 ul ul { width:99%; margin: 0; padding: 0; background-color: #fff; }
div#nav2 li, div#nav2 li li { margin: 0; padding: 0; width: 100%; font-size: 115%; list-style: none; background-color:#f4f8f0; background-image:none;}
div#nav2 li { position: relative; padding-left:3px; margin-bottom:1px; }
div#nav2 li#last {margin-bottom:0;}
div#nav2 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#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;} 
div#nav2 li li  { font-size: 90%; border-top: 1px dashed #ccc; }
div#nav li li  {border:0; border-top: 1px dashed #e4e5e5; border-right:1px solid #ccc; }
div#nav2 li li a { padding-left: 26px; background: url(../esfgraphics/arrow.gif) no-repeat 8px 50%;  border: 1px solid #a7c3c4;}
#nav li li a:hover, #nav2 li li a:hover  { color: #0033CC; font-weight:bold;}
div#nav2 li:hover ul { position: absolute; top: 99%; left: 17px; width: 80%; border: 1px solid #ccc; border-top: 0; margin: 0; padding: 0; }
div#nav ul li a:hover {border:none;}
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, div#nav2 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.initiatives div#nav ul li#initmenu,
body.comm div#nav ul li#commmenu,
body.events div#nav ul li#eventmenu,
body.login div#nav ul li#loginmenu  {background-color:#fff; }

body.home div#nav ul li#gohome a,
body.about div#nav #aboutmenu a.olink,
body.initiatives div#nav ul li#initmenu a.olink,
body.comm div#nav ul li#commmenu 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 ul ul li.active a {
	color:#709345;
	font-weight:bold;
}
div#nav ul ul li.active a:hover {
	color:#709345;
	font-weight:bold;
	}
div#nav ul ul li.notactive  {
	text-decoration: none; 
	color:#001727;
	display: block; 
	background-color: #FFF;
}

	
/* 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(../esfgraphics/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; margin: 20px auto;border:1px solid #263b56;}

.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 { float: left; padding:3px 6px; margin:0 5px 0 0; border: 0; background-color: transparent; font-size:90%; height: 18px; vertical-align: middle; border: 1px solid #325c44; width:79%; color:#999999;  }/* border: 1px solid #c54e37; */
form#search input.inputgo { padding: 0; margin: 0;}

/* 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 */
/* * */ 
#sb-box {clear:both;	margin-top:5px; text-align:left	}
.sb_date { display:none;}
#sb-box table {margin:0; padding:0;}
#sb-box table td { margin:0; padding:0; text-align:left;}
#sb-box a.more,
a.hmore {font-size:100%; color:#80ab4a; padding-left:14px; line-height:16px;  font-weight: bold; background: url(../esfgraphics/bullet.gif) 0px 5px no-repeat; }
#sb-box a.more:hover,
a.hmore:hover {	color: #09284F;}
#sb-box .sb_info {line-height:24px;}
#sb-box img {border:none;}
.hmore {padding-left:36px;}