/*-- 
ASF Style Sheet
version:   2.0
author:    Lydia Mann
email:     lmann@bondmarkets.com
website:   http://www.americansecuritization.com

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

/*--- general ---*/
body { margin: 0; padding: 0; color:#17314e; background-color: #8a99a9; font: 76% verdana, arial, sans-serif; }
p, ul, ol { font: normal 90%/1.7em verdana, geneva, sans-serif; margin: 0 0 .5em; padding: 0; }
ul { margin-left: 1.5em; padding: 0; list-style: disc url("../graphics/bullet.gif") outside; }
ul li { margin: 0; padding: 0; }
ol { margin-left: 2.5em; padding: 0; }
ol li { list-style-type: decimal; list-style-image: none !important; padding: .1em .1em .1em 0; }
ol li ol li { font-size: 100%; list-style-type: lower-alpha; }
dl, dt { margin: .5em 0 0; padding: 0; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 1em; padding: 0; }
h1, h2, h3, h4, h5, h6 { color: #395a93; background-color: #fff; margin: .5em 0 0; padding: 0; }
h1 { font-size: 160%; margin: .2em 0; font-family: arial, sans-serif; }
h2 { font-size: 140%; margin: .2em 0; font-family: arial, sans-serif; }
h3 { font-size: 120%; margin: 1em 0 0; }
h4 { font-size: 105%; line-height: 150%; text-transform: uppercase; margin: 0 0 .5em; }
h5 { font-size: 100%; margin: 1em 0 0; color: #395a93; }
h6 { font-size: 100%; text-transform: uppercase; margin: 2em 0 .5em; padding-top: .5em; background: url("../graphics/dots.gif") 0 0 repeat-x; color: #395a93; }
span.date { font: 10px arial, sans-serif; display: block; color:#8a99a9; text-transform: uppercase; margin: 1.5em 0 0; padding: 0; }
span.eventdate { display: block; font-size: 100%; color:#bf253c; margin: 1.5em 0 0; padding: 0; text-transform: uppercase; }

.big { font-size: larger; font-weight: bolder; }
.section { display: block; padding: 6px 0; margin: 10px 0; border: 1px solid #9ea5ae; border-width: 1px 0; }

a:link, a:visited { color: #325e9e; text-decoration: underline; }
a:visited { color: #1d3b66; }
a:hover, a:active, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .urhere { text-decoration: none; color: #bf253c; background-color: #dae1e8; }

#footer a:link, #footer a:visited { color: #fff; padding: 0 2px; }
#footer a:hover { text-decoration: none; color: #191610; background-color: #dae1e8; }

img, img a, img a:link, img a:hover, img a:visited { border: none; border-width: 0; text-decoration: none; }
img.fl { border: none; float: left; margin: 2px 6px 2px 0; padding: 0; }
img.fr { border: none; float: right; margin: 2px 0 10px 10px; padding: 0; }

/* navigation */
div#nav a, div#mainnav a { display: block; text-decoration: none; background-image: none; }
/* Dropdown from Suckerfish */
div#mainnav { float: right; display: inline; width: 100%; padding: 0; border-top: 4px solid #fff; }
div#mainnav ul { padding: 0; margin: 0; list-style: none outside; }
div#mainnav { float: left; display: inline; position: relative; top: 0; left: 0; margin: 0; z-index: 1; background: url("../graphics/bg_nav.gif") 0 0 repeat-x; }
div#mainnav li { float: left; width: auto; padding: 0; margin: 0; list-style-type: none; background: url("../graphics/bg_nav.gif") 0 0 repeat-x; }
div#mainnav li a, #mainnav li a:link { text-align: center; background: transparent url("../graphics/navArrow.gif") 50% 5px no-repeat; color: #fff; padding: 6px 10px; margin: 0; }
div#mainnav li ul { position: absolute; width: 150px; left: -999em; border: 1px solid #17314e; }
div#mainnav li li { border-width: 0; width: 150px; }
div#mainnav li li a, #mainnav li li a:link, #mainnav li li a:visited { text-align: left; padding: 4px 3px 4px 6px; margin: 0; background-image: none; background-color: #dae1e8; color: #17314e; border-top: 1px solid #17314e; }
div#mainnav a:hover, div#mainnav li:hover ul, div#mainnav li.sfhover ul { color: #fff; left: auto; }
div#mainnav a:hover { background: transparent url("../graphics/navArrow.gif") 50% -26px no-repeat; }
div#mainnav li li a:hover { background-image: none; background-color: #17314e; color: #fff; }

div#nav { width: 183px; padding: 0; margin: 1em auto; }
div#nav ul, div#nav ul ul { width: 183px; font-size: 100%; margin: 0; padding: 0; }
div#nav ul { background: #fff; border: 1px solid #17314e; margin-bottom: 1em; }
div#nav ul ul { border: 0; }
div#nav li, div#nav li li { width: 100%; margin: 0; padding: 0; background-image: none; list-style: none outside; list-style-image: none; }
div#nav li { text-transform: uppercase; }
div#nav li li { border-top: 1px solid #17314e; text-transform: none; }
div#nav li a, div#nav li li a { margin: 0; padding: 2px 4px 2px 6px; }
div#nav li li a { padding-left: 20px; }

#log { position: absolute; top: 3px; left: 90%; font-size: 90%; text-transform: uppercase; padding: 1px; }
#log a:link, #log a:visited { background-image: none; }
#log a:hover { background-image: none !important; background-color: #c03 !important; }

/* and these elements from Position if Everything */
.parent { position: relative; }
/* this parent div does not provide "sticky hovering", but instead fixes a 
strange bug in Op7. When an element serves as a hovered popup "parent" element, 
that element must not also be floated or all heck breaks loose in Opera 7. 
To prevent this, we have floated the top level list items, while nesting 
hoverable parent divs inside that are then hovered to generate the dropdowns. 
Thus the ugly (but interesting) Op7 bug is defeated. */
#mainnav div ul { margin: 0 30px 30px 0; } /* creates "sticky hovering" zones for flyouts */

div#secnav { width: 173px; padding: 0; margin: 0; border-top: 1px solid #c9dcb3; }

/*--- layout ---*/
/* right border incl. drop shadow */
#wrapper { padding: 0; margin: 1em 2% 0 3%; background: #fff url("../graphics/bg.gif") 100% 0 repeat-y; width: 95%; }
/* bg image: left "column" */
#lbg { padding: 0; margin: 0; background: url("../graphics/bg_left.gif") 0 0 repeat-y; }
/* positioning for illusion of right column */
#contents { margin-left: 210px; padding: 0 15px 20px 0; }
#header { padding: 0; margin: 0 0 0 -12px; background: #000 url("../graphics/webhd.jpg") 0 0 no-repeat; height: 136px; min-width: 558px; }
/* Hide from IE \*/
html>body #header { margin-left: -10px; }
/* End Hide */
#header h1 { padding: 0; margin: 0; text-indent: -10000px; background: transparent url("../graphics/slug1.gif") 100% 0 no-repeat; height: 100px; min-width: 558px; }
#rcol { float: right; width: 35%; margin: 0; padding: 0; background-color: #fff; }
#events, .boxr { margin: 0 0 20px 30px; padding: 20px 20px 10px; border: 1px dotted #dae1e8; border-width: 0 0 1px 1px; }
#events h2 { margin-top: 0; }
/* .clearer forces separation within Featured Events box on homepage */
#events .clearer { display: block; clear: both; margin: 2em 0 0; background: url("../graphics/dots.gif") 0 0 repeat-x; }
#footer { clear: both; padding: 4px; margin: 0 12px 0 0; color: #fff; background: #243444 url("../graphics/bg_footer.gif") 50% 50% repeat; font-size: 10px; }
#leftbar { float: left; width: 195px; padding: 0; margin: 0; font-size: 11px; line-height: 12px; color: #17314E; }
#logo { width: 195px; height: 136px; padding: 0; margin: 0; border-bottom: 5px solid #fff; }
#printhead { display: none; }

/*--- calendar and AJAX-related elements ---*/
/* #results is a placeholder for AJAX element to appear in */
div#results { margin: 0; padding: 0; }
.cal { text-align: center; }
.cal h3 { text-align: left; }
.cal table { width: 173px; margin: .5em 0 1em; border-top: 1px dotted #dae1e8; text-align: left; }
.cal table td { padding: 4px 0 0 3px; border-bottom: 1px dotted #dae1e8; vertical-align: top; }
.cal table td.L { width: 25%; border-right: 1px dotted #dae1e8; padding: 4px 2px; color: #021f3e; }
.cal p { color: #021f3e; line-height: 1.2em; }
.cal a, .cal a:link, .cal a:visited { color: #021f3e; font-size: 100%; }
.cal table td a:link, .cal table td a:visited { text-decoration: none; }
.cal a.but { font-size: 10px; text-transform: uppercase; padding: 2px; text-decoration: none; background-color: #eee; border-style: solid; border-width: 1px; border-color: #dae1e8 #395a93 #17314e #dae1e8; }
.cal a.but:hover { background-color: #17314e; color: #eee; }

/*--- for use within #main ---*/
/* moves main text area away from borders */
#main { margin-right: 20px; }
#main h4 { margin-top: 1em; }
#main p { text-align: justify; }
#main img { margin: 6px 6px 0 0; }
.indent { margin: 0 2em 1em; }
.indent p { font-size: 90%; margin: .25em 0 0 1em; }
.indent ul { font-size: 90%; margin: 0 0 2em 4em; }
.indent ul ul { font-size: 100%; margin-bottom: 0; }
.indent li, .indent li li { margin-top: 0; }
.indent a, #indent a:link, #indent a:visited { color:#17314E; }
.footnotes { display: block; width: 90%; border-top: 1px solid #009; margin: 1em 0; }
.footnotes ol li { list-style-type: decimal; list-style-image: none; padding-left: .5em; }

#log { position: absolute; top: 3px; left: 90%; font-size: 90%; text-transform: uppercase; padding: 1px; }
#log a:link, #log a:visited { background-image: none; }
#log a:hover { background-image: none !important; background-color: #c03 !important; }
.leftbox { border: 1px solid #17314e; background-color: #fff; margin: 6px 6px 1em; padding: 2px; }
.leftbox h4 { color: #17314e; }
div#nav h3, .leftbox h3 { background-color: #bf253c; color: #fff; text-transform: uppercase; font-size: 115%; line-height: 1em; margin: 0 0 6px; padding: 4px; } /* 090606 requested to change color to match logo red: #ac0b34 */
div#nav h3 { margin: 2px; padding: 2px 4px 4px; }
.leftbox p { line-height: 1.7em; padding: 0; margin: 0 2px 1em; }

/* 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; }
legend { font-size: .9em; font-weight: bold; text-transform: uppercase; }
.required { color: #bf253c; }
.comments { width: 90%; margin: 1em auto; padding: .25em; background-color: #fff; border: 1px solid #8a99a9; }
.comments textarea { width: 90%; margin: 1% 5%; }
form#search { float: left; width: 200px; }
input#searchinput { margin: 4px 0 0 24px; vertical-align: top; }
input#inputgo { font-size: 90%; padding: 0; margin: 6px 6px 0 0; background: url("../graphics/butGo.gif") 0 0 no-repeat; color: #fff; }
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, form#login input#chkbremember { width: auto; }

/*--- non-navigation list stuff ---*/
#boxr li { margin-bottom: .5em; list-style: square; list-style-image: none !important; }
.nobull { padding-top: 1em; }
.nobull li { line-height: 1.2em; margin-bottom: 1em; list-style: none; list-style-image: none; }
dl.deep { font-size: 90%; margin: 0; padding-bottom: 10px; }
dl.deep p { font-size: 100%; font-weight: bold; }
dl.deep dt { margin: 0; padding: 4px 0 0; position: relative; left: 0; top: 1.7em; border-top: 1px dotted #dae1e8; }
dl.deep dd { margin: 0; padding: 0; margin-left: 5.5em; }

/* inline lists */
ul#inlinks, ul#ads { display: block; padding: 0; }
	ul#inlinks { margin: 1em 0 4em; }
	ul#ads { margin: 1em 0 4em 1em; }
ul#inlinks li, ul#ads li { list-style: none outside; font-size: 100%; float: left; width: 30%; padding: 0; margin: 0 1px; border: 1px solid #c00; }
	ul#inlinks li { margin-bottom: 2px; }
	ul#ads li { background-color: #efefef; }
ul#inlinks li a:link, ul#inlinks li a:visited, ul#ads li a:link, ul#ads li a:visited { display: block; text-align: center; text-decoration: none; padding: 6px; }
	ul#ads li a:hover { background-color: #fff; }
	ul#ads span { font-weight: bold; font-size: 120%; }

/* "private" elements */
a.lock, a.lock:visited { padding-left: 16px; background: url("../graphics/lock2.gif") -4px 0 no-repeat; }
a.lock:hover { background-image: url("../graphics/lock2over.gif"); }
a.unlock, a.unlock:visited { padding-left: 16px; background: url("../graphics/unlock2.gif") 0 0 no-repeat; }
a.unlock:hover { background-image: url("../graphics/unlock2over.gif"); }

/* .msg is used in the login when people do something wrong */
.msg { color: #c03; font-weight: bold; font-size: 1em; }
/* .dnp ("do not print") is a bogus class just to be able to identify items that shouldn't print */
/* .optbut is not being used but has been added to calendar ("view entire event schedule") in case we need to style it differently down the line */
.dnp, .optbut { font-size: 100%; }
.optbut { display: none; } /* temporary solution until file can be recompiled */

/* tables */
table { border: 0; margin: 1em 0; width: auto; }
#main table p { text-align: left; }
th, td { border: 0; padding: 2px 6px; vertical-align: top; text-align: left; }
th { font-size: 12px; text-transform: uppercase; color: #fff; background-color: #E0144C; padding: 2px 3px 3px 6px; }
table.twocol td { width: 49%; }
table.threecol td { width: 32%; }
table.fourcol td { width: 24%; }
#main table p a { text-decoration: none; }
th a:link { color: #fff; }
#main table a:hover { text-decoration: underline; }

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