/*-- 
AMF Style Sheet
version:   3.0 : changes to reflect SIFMA transition
author:    Lydia Mann
email:     lmann@sifma.org
website:   http://www.theassetmanager.com/

Thank-you to Jeffrey Zeldman, Eric Meyer, Dan Cederholm, Andy Budd and Charles Wyke-Smith for so much help
*/

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

body { font: 75%/150% "Arial", "Helvetica", "Helvetica Neue", sans-serif; background: transparent url(../graphics/pixelpat3.gif) repeat 0 0; margin: 0; padding: 0; text-align: center; behavior: url(cssjs/cssfocusandhover.htc); }
body#bg5, body#communications { background-image: url(../graphics/pixelpat5.gif); }
body#bg11, body#aboutus { background-image: url(../graphics/pixelpat11.gif); }
body#bg111, body#membership { background-image: url(../graphics/pixelpat111.gif); }
body#bg2, body#committee { background-image: url(../graphics/pixelpat2.gif); }
body#bg6, body#regulatory { background-image: url(../graphics/pixelpat6.gif); }
body#bg7, body#amdiv { background-image: url(../graphics/pixelpat7.gif); }

img, img a, img a:link, img a:visited, img a:hover { border: 0; }

/* typography
-------------------------------------------- */
p, h1, h2, h3, h4, h5, h6, ul, ol { color: #21342a; }
h1, h2, h3, h4, h5, h6 { font-family: "Georgia", "Times New Roman", serif; color: #4e4f53; }
p, ul, ol { margin: 0 0 .5em; font-size: 1em; line-height: 1.5em; }

h1 { font-size: 1.5em; line-height: 1.2em; margin: 1em 0 0; }
h2 { font-size: 1.1em; margin: .643em 0; }
h3 { font-size: 1em; margin: .5em 0; text-transform: uppercase; }
h4 { font-size: 1em; margin: .5em 0 0; }
h5 { font-size: .9em; line-height: 1.2em; margin: .25em .1em; padding: 0; }
h6 { font-weight: normal; font-size: 1.1em; line-height: 1.5em; margin: .3em 0; }
.date, #cal span { font-size: .9em; text-transform: uppercase; color: #0054a6; display: block; }
.caption { font-size: .9em; margin: 3px 0 0; padding: 0; }

a, a:link { text-decoration: underline; color: #36c; }
a:visited { color: #369; }
a:hover { text-decoration: none; color: #033; }

/* lists
-------------------------------------------- */
ul, ol { list-style-position: outside; margin: 0; padding: 0; }
ul { list-style-type: square; }
ol { list-style-type: decimal; }
li { margin: 0 0 1em 3em; padding: 0; }

/* special lists */
ul.tight { margin: 0; padding: 0; }
ul.tight li  { font-size: 90%; line-height: 1em; margin: 0; padding: 0 3px 4px 20px; }

ul.members { margin: 0; padding: 0; }
ul.members li  { list-style: none; font-size: 100%; line-height: 1.2em; margin-top: 3px; padding: 0; }

ul.nobull { list-style-type: none; }
ul.nobull li { margin-left: 0; }

/* tables
-------------------------------------------- */
table { border-spacing: 0; border-collapse: collapse; margin: 0; border: 0; }
tr, td { padding: 3px; vertical-align: top; border: 0; }

/* special tables */
.t1 { margin: 6px 0 12px; border: 1px solid #666; font-size: 11px; color: #934644; }
.t1 td, .t1 th { padding: 2px; border: 0; text-align: left; vertical-align: middle; }
.t1 th { text-transform: uppercase; background-color: #cccec8; }
.t1 td { border-top: 1px dotted #cccec8; }
.threecol { margin: 1em 0; }
.threecol td, .fourcol td { width: 30%; padding: 0 6px 0 0; }
.fourcol td { width: 24%; }
td#sponsors { background: #fff; border-top: 1px solid #cccec8; }

/* layout
-------------------------------------------- */
#wrpr { position: relative; width: 75em; min-width: 780px; max-width: 1000px; margin: 2em auto; padding: 0; background: #fff; border: 2px solid #80ab4a; text-align: left; z-index: 0; }

/* masthead, footer */
#head, #footer { float: left; width: 100%; clear: both; }
#head { padding: 6px 0; margin: 0; background: #fff url(../graphics/mastheadBG.gif) no-repeat right bottom; }
#footer { margin: 2em 0 0; padding: 0; background-color: #0054a6; }
#footer p { font: 88%/200% "Georgia", "Times New Roman", serif; color: #fff; margin: .5em 0; padding: 0 1.5em; }
#footer a { color: #fff; }

#head h1 { float: left; display: inline; width: 578px; height: 100px; margin: 0 0 0 200px; padding: 0; text-indent: -10000px; background: transparent url(../graphics/masthead07.gif) no-repeat 0 28px; }
#head h1 a { display: block; width:100%; height:100%; }
img#logo { float: left; width: 190px; margin: 3px 0 3px -778px; padding: 0; border: 0; }
img#affiliate { margin: 0;padding : 0; border: 0; z-index: 3; }
img.lock { display: block; position: relative; top: 6px; left: 100%; }

#main { padding: 2em 5em 2em 6em; margin: 0; z-index: 0; }
#main img { margin: 3px 12px 3px 0; padding: 0; }/* float: left; */ 

#rcol { float: right; display: inline; width: 25em; padding: 3em .1em 1em .25em; margin: -2.3em 0 1em 1em; border: 1px solid #b2c9e1; border-width: 0 0 2px 2px; background: url(../graphics/bg.gif) repeat 0 0; z-index: 5; }
#rcol ul { margin: .5em 1em 1em; padding: 0; line-height: 1.1em; }
#rcol ul li { margin: 6px 0 6px 1.5em; padding: 0; }

#cal, #libor, .boxr { width: 80%; background-color: #fff; border-style: solid; border-width: 2px 3px 3px 2px; border-color: #b8c8aa #80ab4a #80ab4a #b8c8aa; color: #5a6b4c; margin: 1em auto 0; padding: 6px; }

.right { float: right; }
.left { float: left; }

/* navigation
-------------------------------------------- */
div#nav { font-family: "Georgia", "Times New Roman", serif; clear: both; width: 100%; top: -1px; left: 0; padding: 0; margin: 0; border-top: 3px solid #80ab4a; position: relative; z-index: 10; }
div#nav ul { width: 100%; text-align: center; margin: 0; padding: 0; position: relative; z-index: 10; }
div#nav li { float: left; font-size: .9em; line-height: 2em; margin: 0 0 0 1px; padding: 0; list-style-type: none; background-color: #fff; position: relative; }
div#nav li.offsite { margin-left: 4em; background: url(../graphics/tabR.gif) no-repeat bottom right; }

div#nav ul li ul { position: absolute; top: 2.3em; left: 0; width: 15em; border: 0; margin: 0; padding: 0; }
div#nav li li { text-align: left; width: 100%; font-size: 1em; margin: 0; padding: 0; }

/* z-index rules - thank-you positioniseverything.net tho it still doesn't work */
div#nav li.aboutus {z-index: 10;}
div#nav li.committee {z-index: 20;}
div#nav li.communications {z-index: 30;}
div#nav li.events {z-index: 40;}
div#nav li.contact {z-index: 50;}

div#nav a:link, div#nav a:visited { display: block; margin: 0; padding: .2em 1em; color: #002951; border: 1px solid #80ab4a; border-top: 0; text-decoration: none; text-transform: uppercase; font-weight: bold; }

div#nav li.offsite a:link, div#nav li.offsite a:visited { font-weight: bold; color:#fff; background: transparent url(../graphics/tabL.gif) no-repeat bottom left; border: 0; text-transform: uppercase; }

div#nav li li a:link, div#nav li li a:visited { text-transform: none; }

/* highlight current page in nav */
#aboutus li.aboutus a,
#committee li.committee a, 
#communications li.communications a,
#events li.events a
#contact li.contact a { background-color: #d9e6c9; }

#aboutus li.aboutus a:hover,
#committee li.committee a:hover, 
#communications li.communications a:hover,
#events li.events a:hover,
#contact li.contact a:hover
div#nav li:hover, div#nav a:hover,
div#nav li:visited:hover, div#nav a:hover,
div#nav li li:hover { color: #fff; background-color: #80ab4a; }

div#nav li.offsite a:hover { color: #d9e6c9; background-color: transparent; }

/* pop-out starts here */
div#nav ul li ul { display: none; }/*visibility: hidden; */
div#nav ul li:hover ul { display: block; }/*visibility:visible; */

/* forms
-------------------------------------------- */
form, fieldset { margin: 0; padding: 0; }
fieldset { border: 0 solid transparent; } /* be nice to Opera: used in place of "none" */
legend { font-size: .9em; font-weight: bold; text-transform: uppercase; }
label { display: block; color: #5a6b4c; }
input { padding: 2px 3px; }
.search { font-size: 120%; padding: .3em; }
.required { font-size: .75em; color: #21342a; }

.comments { width: 90%; margin: 1em auto; padding: .25em; background-color: #fff; border: 1px solid #21342a; }
.comments input, .comments textarea { width: 90%; }

form#go { display: block; border: 0; margin: 0 15px; padding: 0; vertical-align: middle; }
form#login { display: inline; border: 0; margin: 0; padding: 0; vertical-align: middle; }

.butGo { width: 18px; height: 18px; border: 0; padding: 0; margin: 0 2px; vertical-align: text-bottom; }
.butLogin { width: 50px; height: 24px; border: 0; padding: 0; margin: 0 2px; vertical-align: text-bottom; }

/* special stuff
-------------------------------------------- */
div.clearer { clear: left; line-height: 0; height: 0; }
.indent { margin-left: 1em; }/* added 2/16/06 */
.specnote { margin: 1em 285px 1em 0; padding: .5em 1em; border: 1px solid #369; }
.bio { float: left; width: 60em; clear: both; margin: 1em 0; padding: .5em 1em; border: 1px solid #80ab4a; border-width: 0 0 0 1px; }
.bioTop { width: 39em; clear: left; padding-right: 0; }
.bio img { float: left; margin: 0 1em .3em 0; border: 1px solid #80ab4a; }
.intro { width: 35em; margin: 1em 0 2em; padding: 0 2em 1em; border: 1px solid #80ab4a; }

#vendors { margin-top: 30px; padding: 4px; clear: both; text-align: center; }
#vendors { border-style: solid; border-width: 2px 4px 5px 2px; border-color: #b8c8aa #5a6b4c #21342a #b8c8aa; }
#vendors img { padding: 0; margin: 10px; border: 0; vertical-align: middle; }
#data { margin: 20px 10px 30px; }
#data img { display: block; margin: 10px 0; }
#vidplayer { margin: 3em 0 0; padding: 0; position: relative; z-index: 0; }
#player2 { position: relative; z-index: 1; }

/* testimonials */
.quote { display: block; font: 1.3em/1.5em "Bookman Old Style", "Georgia", "Hoefler Text", "Book Antiqua", "Times New Roman", serif; text-indent: -8px; padding: 1em 2em; margin: 0; color: #877871; }
.quote p {  font-size: 90%; color: #877871; }
.quote img.l { float: left; margin: 0 10px 5px 0; }
.quote img.r { float: right; margin: 0 0 5px 5px; }

/* rollovers */
#join, #appl, #moreinfo, #current, #smlcur, #amd, #archives, #smlarchives, #vid { margin: 0 auto; padding: 0; }
#join a, #appl a, #moreinfo a, #current a, #smlcur a, #amd a, #archives a, #smlarchives a, #vid a { margin: .5em auto; display: block; width: 100%; height: 100%; overflow: hidden; }

h2#join, h2#appl, h2#moreinfo { height: 37px; margin: 5px auto; padding: 0; }

/* "join committee" rollover */
h2#join a { text-indent: -10000px; background: url(../graphics/but-joinComm.gif) no-repeat; }
h2#join a:hover { background-image: url(/graphics/but-joinComm_2.gif); }

/* "application" rollover */
h2#appl a { text-indent: -10000px; background: url(../graphics/but-appForm.gif) no-repeat; }
h2#appl a:hover { background-image: url(/graphics/but-appForm_2.gif); }

/* "more info" rollover */
h2#moreinfo a { text-indent: -10000px; background: url(../graphics/but-moreinfo.gif) no-repeat; }
h2#moreinfo a:hover { background-image: url(/graphics/but-moreinfo_2.gif); }

/* "current newsletter" rollover */
p#current { float: right; width: 120px; height: 109px; margin: 1em; }
p#current a { text-indent: -10000px; background: url(../graphics/but-currNews.gif) no-repeat;  }
p#current a:hover { background: url(/graphics/but-currNews_2.gif) no-repeat; }

/* "SMALL current newsletter" rollover */
p#smlcur { float: right; width: 86px; height: 78px; margin: 10px 0 10px 10px; }
p#smlcur a { text-indent: -10000px; background: url(../graphics/but-currNwsSml.gif) no-repeat; }
p#smlcur a:hover { background: url(/graphics/but-currNwsSml_2.gif) no-repeat; }

/* asset managers division (formerly "senior executive group) rollover */
p#amd { float: left; width: 180px; height: 88px; margin: .3em; }
p#amd a { text-indent: -10000px; background: url(../graphics/assetMgmtGroup.gif) no-repeat; }
p#amd a:hover { background-image: url(/graphics/assetMgmtGroup2.gif); }

/* "archives" rollover */
p#archives { float: left; width: 98px; height: 109px; margin: 0 1em .5em 0; padding: 0; }
p#archives a { text-indent: -10000px; background: url(../graphics/archives.gif) no-repeat; }
p#archives a:hover { background: url(/graphics/archives_2.gif) no-repeat; }

/* "SMALL archives" rollover */
p#smlarchives { float: right; width: 70px; height: 78px; margin: 1em 0 0 1em; padding: 0; }
p#smlarchives a { text-indent: -10000px; background: url(../graphics/archivesSml.gif) no-repeat; }
p#smlarchives a:hover { background-image: url(/graphics/archivesSml_2.gif); }

/* "video highlights" rollover */
p#vid { width: 132px; height: 40px; margin: 1em auto; }
p#vid a { text-indent: -10000px; background: url(../graphics/but-video.gif) top left no-repeat; }
p#vid a:hover { background: url(/graphics/but-video.gif) bottom left no-repeat; }

#join a:hover, #appl a:hover, #moreinfo a:hover, #current a:hover, #smlcur a:hover, #amd a:hover, #archives a:hover, #smlarchives a:hover, #vid a:hover { border: 0/* remove hover effect */; }

/* These styles are picked up from the BondMarkets.com site and must remain unchanged for the LIBOR graph to render correctly */
/* div.data is the white box in which a chart or table sits */
div.data { margin: 8px 0; padding: 3px 5px; background-color: #fff; text-align: left; }
div.data h4, div.data h5, div.data h6 { text-align: left; color: #000; }
/* end bondmarkets.com styles */

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