/*-- 
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; }

html {height:101%;}

body { font: .8125em/1.1em arial, helvetica, sans-serif; margin: 0; padding: 0; background-color: #eff7ff; min-width:1007px; color:#4e4f53; }
p, li {
	font-size:90%;
	line-height: 150%;
	padding: 0;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 130%;
	margin: 0;
	color:#0c4da2;
}
h1 {
	font-size: 165%;
	margin-bottom: 1.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
	font-size: 118%;
	margin-top: 2em;
	margin-bottom: .5em;
	text-transform: uppercase;
}
h1 + h2 {
	margin-top: 1em;
}
h3 {
	font-size: 118%;
	color: #333333;
	text-transform: uppercase;
	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; }

a.pdf:link,
a.pdf:visited { background: url(../images/pdf.gif) no-repeat 0 0; padding: 0 0px 0 23px; display:inline-block;}

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

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%;
	font-weight: bold;
	overflow: hidden;
}
div#nav2 ul  {
	font-size: 12px;
}
div#nav2 ul li {
	padding: .4em 0 .2em 12px;
	list-style: none outside;
	background: transparent url(../images/bullet.gif) no-repeat 0 45%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
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/ESSFMastbg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 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: #d0e0bd;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #0c4da2;
}
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 none #4e4f53;
	margin-left: 12px;
}
div#main {
	float: left;
	width: 630px;
	display: inline;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 0px;
} /* display:inline to address IE double-margin bug */
#main img {
	border:1px none #4e4f53;
	margin:4px 7px 4px 0;
}
div#rbox {
	position: relative;
	float: right;
	width:250px;
	display:inline;
	margin-top: 0;
	margin-right: -6px;
	margin-bottom: 10px;
	margin-left: 2em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
 }
.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;}

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(../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:200px;
	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: 48px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 27px;
}
div#nav {
	margin-top:168px;
	border: 0;
	float:right;
	z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 60px;
	padding-bottom: 0;
	padding-left: 0;
}
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;
	background-image: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
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;
	font-size: 90%;
}
div#nav li li { font-size: 88%; 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 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;
	font-weight:normal;
}
.rightbox img {
	margin-left: 0px;
	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.members div#nav ul li#membmenu,
body.media div#nav ul li#mediamenu,
body.publications div#nav ul li#pubmenu,
body.events div#nav ul li#eventmenu {background-color:#fff; }

body.home div#nav ul li#gohome a,
body.about div#nav #aboutmenu a.olink,
body.members div#nav ul li#membmenu a.olink,
body.media div#nav ul li#mediamenu a.olink,
body.publications div#nav ul li#pubmenu a.olink,
body.events div#nav ul li#eventmenu a.olink {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;
	}
/* 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 none #263b56;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: 15px;
}
#sidebar p {
	margin-left: 12px;
	font-size: 11px;
}
.sidedate  {
	color: #333333;
	font-weight: bold;
}


.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:left;
	margin-top:5px;
	text-align:left;
	width: 300px;
}
.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 {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;}
#sidebar h3 {
	font-size: 118%;
	color: #333333;
	text-transform: uppercase;
	margin-top: 1em;
}