/*-- 
ASIFMA Style Sheet
version:   2.0
author:    Lydia Mann
email:     lmann@sifma.org
website:   http://www.asifma.org

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

Modified Laurie Moore April 2009
*/

/*--- general ---*/
body { font: .8125em Arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0; background: #004a93 url(../graphics/bg.gif) 0 0 repeat-x; min-width: 960px; }
p, li { font-size: 100%; line-height: 150%; margin: 0 0 1em; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Arial, Helvetica, sans-serif; }
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 130%; margin-bottom: .5em; }
h2 { font-size: 118%; margin: 1em 0 .5em; }
h3 { font-size: 100%; text-transform: uppercase; margin: 1.5em 0 1.5em 0; }
#calendar h3 { color: #333; margin-bottom: .5em; }
h4 { font-size: 104%; margin: 1.5em 0 0; }
h5 { font-size: 100%; text-transform: uppercase; margin: 1em 0 .5em; color: #808183; }
address { font-size: 90%; line-height: 160%; color: #fff; font-style: normal; margin: 0; padding: .25em 1em; letter-spacing: .02em; }
ul, ol { margin: 0; padding: 0; }
li { margin: .5em 0 .5em 1em; }
ol li { margin-left: 2em; }
ul li { list-style-type: circle; }
table { margin: 0; border: 0; }
tr { vertical-align: top; }
th, td { border: 0; padding: 2px 3px; }
.twocol td { width: 49%; }
.threecol td { width: 32%; }
.fourcol td { width: 24%; }
a:link, a:visited { color: #0051A5; text-decoration: none; border-bottom: 1px dotted #bfccbf; }/* #d1e0d1 */
a:hover { color: #fff; border-bottom: 0; background-color:#ccc; }
#footer a:link, #footer a:visited { color: #fff; text-transform: uppercase; }
img, a img, a:hover img { border: 0; text-decoration: none; padding: 0; margin: 0; background: none; }
a#homelink, a#homelink:hover, #footer a:hover { background-color: transparent; }
a#homelink, a#homelink:hover { border: 0; }
.date { margin: 1em 0 0; font-size: 90%; color: #999; }
p.date + h2 { margin: 0; }
p + ol { margin-top: -.5em; }
.amp { font-family:Arial, Helvetica, Verdana, sans-serif; font-style: italic; }
.fl { float: left; margin: 3px 10px 3px 0; }
.orangehighlight {background-color:#939393; text-indent:5px; color:#FFFFFF;}

/*--- layout ---*/
div#bgL { width: 100%; background: url(../graphics/bgL.gif) left bottom no-repeat; }
div#bgR { width: 100%; background: url(../graphics/bgR.gif) right bottom no-repeat; }
#wrapper { position: relative; text-align: left; margin: 0 auto; width: 960px; border: 1px solid #004a93; border-width: 0 2px 2px; background: #fff url(../graphics/chakra.gif) 100% 6px no-repeat; }
#branding, #footer { width: 100%; clear: both; padding: 0; margin: 0; }
#branding { height: 130px; border-bottom: 1px solid #004a93; background: url(../graphics/rows.gif) 0 21px repeat-x; overflow: hidden; }
#footer { background-color: #004a93; }
img#logo { width: 200px; height: 58px; position: relative; top: 21px; left: 7px; }
#tag { position: absolute; top: 90px; left: 705px; z-index: 0; }
#contents { float: left; width: 850px; padding: 20px 50px 40px 70px; }
.solo { padding: 40px; }

/*--- navigation ---*/
div#nav { position: absolute; top: 22px; left: 214px; padding: 0; width: 760px; z-index: 2; } /* width to keep IE from adding horiz. scroll, width was 560 */
div#nav ul { position: relative; width: 100%; margin: 0; z-index: 2; }
div#nav ul li { float: left; position: relative; text-transform: uppercase; list-style-type: none; font: bold 80%/85% Verdana, Arial, Helvetica, sans-serif; margin: 0 1px 0 0; padding: 0; text-align: center; z-index: 10; }
div#nav li:hover ul { position: absolute; width: 669px; top: 70%; left: -40px; border: 1px solid #ccc; background: #fff; z-index: 10; }
div#nav li a { color: #808183; text-decoration: none; border: 0; display: block; float: left; padding: 13px 8px 0; height: 48px; }
#about .about a, #conf .conf a, #res .res a, #insti .insti a, #press .press a, #links .links a, #sifma .sifma a, #nav li:hover { color: #363e3e; background-image: url(../graphics/bgtint.gif); }
div#nav li:hover ul li { font-size: 100%; text-transform: none; z-index: 3; }
div#nav li:hover ul li a, div#nav li:hover ul li a:visited { text-align: center; color: #000; background-image: none; }
div#nav li:hover ul li a:hover, div#nav li:hover ul li:hover { background-image: none; }
/* pullouts */
div#nav ul li ul { display: none; }
div#nav ul li:hover ul { display: block; }

/*--- special items ---*/
#boxRHome { float: right; width:220px; margin: 0 0 1em 2em; padding: 0 0 .5em 1em; border-top:3px solid #004a93; border-width: 3px 0; background-color:#f6f3f0; }
#boxRHome { color: #888; }
#boxR { float: right; width: 28%; margin: 0 0 1em 2em; padding: 0 0 .5em 1em; border: 1px solid #004a93;  }
#boxR { color: #888; }
.hibox { float: right; width: 30%; margin: 0 1em; padding: .3em 1em .5em; border: 1px solid #004a93; }
.indent { margin: 0 2em; }
.top { float: right; clear: both; margin: 0; padding: 0; width: 30px; }
.top a { text-decoration: none; display: block; font-size: 1px; color: #fff; background: url(../graphics/top.gif) no-repeat 0 0; border: 0; height: 30px; }
.top a:hover { background-position: 0 -40px; }

/* member newsletter box */
#boxHome { float: right; width:220px; margin: 0 0 1em 2em; padding: 0 0 .5em 1em; border-top:3px solid #004a93; border-width: 3px 0; background-color:#f6f3f0; clear:right; }
#boxHome { color: #888; }
#box { float: right; width: 28%; margin: 0 0 1em 2em; padding: 0 0 .5em 1em; border: 1px solid #004a93;  }
#box { color: #888; }

/*--- links page ---*/
.linkpage { width:95%; font-size: 105%; line-height: 150%; padding: 3px 3px 3px 3px; border:#004a93; border-bottom-width:thick; border-bottom-style:ridge; border-left:medium; border-left-style:double; border-color:#004a93; border-right-width:medium; border-right-style:ridge; border-right-color:#004a93; border-top:thin; border-top-style:double; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;}
.linkpage a:hover { color:#e48615;}
.linkpage a { padding-right:5px;}
.sublink { width:55%; margin-left:35px; font-size: 95%; line-height: 150%; padding: 3px 3px 3px 3px; border:#004a93; border-bottom-width:medium; border-bottom-style:ridge; border-left:medium; border-left-style:solid; border-color:#004a93; border-right-width:medium; border-right-style:ridge; border-right-color:#004a93; border-top:thin; border-top-style:double; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; color:#333333; background-color:#ccc; }
.sublink a:hover { color:#e43015;}
.sublink a { padding-right:5px;}


/*--- homepage items ---*/
#home #contents { background: url(../graphics/vrule.gif) 0 0 repeat-y; width: 100%; margin: 0; padding: 0; }
#sidebar { float: left; width: 300px; padding: 0; }
#main { font-family: Arial, Helvetica, sans-serif; float: right; width: 550px; padding: 40px 50px; }
#slideshow { margin: 5px; padding: 0; width: 290px; height: 190px; border: 0; }
#calendar { margin: 0 20px 2em; }
#calendar li { list-style-type: none; margin: .5em 0 0;}
#calendar a { color: #666; text-decoration: none; }
#calendar a:hover { color: #363e3e; }

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

div.callout {
	 /* background:#b9c9a6; #93a37f; */
	border:3px solid #004a93;	
	padding:12px 0 12px 12px;
	margin-bottom: 20px;
	width:300px;
}

div.calloutSM {
	 /* background:#b9c9a6; #93a37f; */
	border:3px solid #004a93;	
	padding:12px 0 12px 12px;
	margin-bottom: 20px;
	width:240px;
}

div.calloutEvent {
	 /* background:#b9c9a6; #93a37f; */
	border:3px solid #004a93;	
	padding:12px 0 12px 12px;
	margin-bottom: 20px;
	width:800px;
}

div.callout p {
	color: #57585d;
	margin: 2px 0 .32em 0;
}
 
.callout img a {text-decoration:none; background-color:transparent; border:none;}
.sb_date, .sb_info {font-size:80%; margin:0; }
.sb_info {margin-bottom:8px;}
.sb_headline  {font-size:90%; padding-bottom:5px;}
#boxRHome a:link, #boxRHome a:visited { text-decoration: none; border-bottom:none; }/* #d1e0d1 */
#boxRHome a:visited { color: #455; }
#boxRHome a:hover { color: #004a93; border-bottom: 0; background-color:none; }

#boxRHome a.more {
	padding-left: 8px;
	margin-right: 5px;
	text-decoration: none;
	color: #ed1c24;
	text-decoration: underline;
}


/*---Market Data tables ---*/
table#marketdata { margin:0; padding:0; border-spacing:0; border:2px; border-bottom-style:solid; border-bottom-color:#004a93; border-bottom-width:medium; border-right-style:double; border-right-color:#004a93; border-right-width:medium; border-left-style:double; border-left-color:#004a93; border-left-width:medium; border-top-style:solid; border-top-color:#004a93; border-top-width:medium; width:850px; }
table#marketdata tr, table#marketdata td{ vertical-align: top; border:thin; border-color:#b47c03; border-style:solid; }

/* institutional research page ---*/


#optionstabs
{
padding: 3px 1px 3px 0;
margin-left: 0;
font: bold 12px Arial, helvetica, sans-serif;
}

#optionstabs li
{
list-style: none;
display: inline;
margin-bottom:15px;
padding-bottom:10px;
}

#optionstabs li a
{
padding: 3px 0.5em;
margin-left:-5px;
border: 1px solid #808183;
background:#F3F3F3;
text-decoration: none;
margin-bottom:15px;
}

#optionstabs li a:link { color: #004a93; }
#optionstabs li a:visited { color: #667; }

#optionstabs li a:hover
{
color: #000;
background:#8282FF;
border-color: #227;
}

#optionstabsV
{
padding: 3px 3px 3px 0;
margin-left: 0;
font: bold 12px Arial, helvetica, sans-serif;
text-transform:uppercase;
}

#optionstabsV li
{
list-style: none;
display: block;
margin-bottom:15px;
padding-bottom:10px;
}

#optionstabsV li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #808183;
background:#F3F3F3;
text-decoration: none;
margin-bottom:15px;
}

#optionstabsV li a:link { color: #004a93; }
#optionstabsV li a:visited { color: #667; }

#optionstabsV li a:hover
{
color: #000;
background:#8282FF;
border-color: #227;
}

h2.sectionhead

{color:#004a93;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
background:#F2F2FF;
padding:5px 5px 2px 2px;
border:solid;
border-width:1px;
border-color:#004a93;}

#companybox { border:double;
border-width:1px;
border-color:#004a93;
padding:0px 5px 3px 5px;;
}

#companybox img {padding:15px;}